@carbon/ibm-products 1.4.0 → 1.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. package/css/index-full-carbon.css +124 -40
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-without-carbon-released-only.css +124 -40
  5. package/css/index-without-carbon-released-only.css.map +1 -1
  6. package/css/index-without-carbon-released-only.min.css +1 -1
  7. package/css/index-without-carbon.css +124 -40
  8. package/css/index-without-carbon.css.map +1 -1
  9. package/css/index-without-carbon.min.css +1 -1
  10. package/css/index.css +124 -40
  11. package/css/index.css.map +1 -1
  12. package/css/index.min.css +1 -1
  13. package/es/components/ActionSet/ActionSet.js +22 -10
  14. package/es/components/ActionSet/actions.js +25 -17
  15. package/es/components/CreateFullPage/CreateFullPage.js +30 -5
  16. package/es/components/CreateFullPage/CreateFullPageStep.js +40 -32
  17. package/es/components/CreateInfluencer/CreateInfluencer.js +25 -3
  18. package/es/components/CreateTearsheet/CreateTearsheet.js +32 -6
  19. package/es/components/CreateTearsheet/CreateTearsheetStep.js +45 -38
  20. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +24 -4
  21. package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
  22. package/es/components/ExportModal/ExportModal.js +39 -12
  23. package/es/components/SidePanel/SidePanel.js +1 -1
  24. package/es/components/Tearsheet/Tearsheet.js +1 -1
  25. package/es/components/Tearsheet/TearsheetNarrow.js +1 -1
  26. package/es/components/Tearsheet/TearsheetShell.js +1 -1
  27. package/es/global/js/hooks/index.js +1 -0
  28. package/es/global/js/hooks/useCreateComponentStepChange.js +31 -11
  29. package/es/global/js/hooks/useResetCreateComponent.js +7 -4
  30. package/es/global/js/hooks/useRetrieveStepData.js +51 -0
  31. package/es/global/js/utils/lastIndexInArray.js +26 -0
  32. package/lib/components/ActionSet/ActionSet.js +22 -10
  33. package/lib/components/ActionSet/actions.js +25 -17
  34. package/lib/components/CreateFullPage/CreateFullPage.js +29 -4
  35. package/lib/components/CreateFullPage/CreateFullPageStep.js +38 -30
  36. package/lib/components/CreateInfluencer/CreateInfluencer.js +25 -3
  37. package/lib/components/CreateTearsheet/CreateTearsheet.js +31 -5
  38. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +43 -36
  39. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +22 -2
  40. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
  41. package/lib/components/ExportModal/ExportModal.js +36 -11
  42. package/lib/components/SidePanel/SidePanel.js +1 -1
  43. package/lib/components/Tearsheet/Tearsheet.js +1 -1
  44. package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
  45. package/lib/components/Tearsheet/TearsheetShell.js +1 -1
  46. package/lib/global/js/hooks/index.js +8 -0
  47. package/lib/global/js/hooks/useCreateComponentStepChange.js +31 -11
  48. package/lib/global/js/hooks/useResetCreateComponent.js +7 -4
  49. package/lib/global/js/hooks/useRetrieveStepData.js +62 -0
  50. package/lib/global/js/utils/lastIndexInArray.js +35 -0
  51. package/package.json +15 -15
  52. package/scss/components/StatusIcon/_status-icon.scss +2 -0
package/css/index-without-carbon.css CHANGED
@@ -7542,386 +7542,470 @@
7542
7542
  fill: #161616;
7543
7543
  }
7544
7544
 
7545
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
7545
7546
  .c4p--status-icon--light.c4p--status-icon--light-fatal {
7546
7547
  fill: #000000;
7547
7548
  }
7548
7549
  @media (prefers-reduced-motion) {
7549
- .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7550
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7551
+ .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7550
7552
  animation: none;
7551
7553
  }
7552
7554
  }
7553
7555
 
7556
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
7554
7557
  .c4p--status-icon--light.c4p--status-icon--dark-fatal {
7555
7558
  fill: #000000;
7556
7559
  }
7557
7560
  @media (prefers-reduced-motion) {
7558
- .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7561
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7562
+ .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7559
7563
  animation: none;
7560
7564
  }
7561
7565
  }
7562
7566
 
7567
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
7563
7568
  .c4p--status-icon--light.c4p--status-icon--light-critical {
7564
7569
  fill: #da1e28;
7565
7570
  }
7566
7571
  @media (prefers-reduced-motion) {
7567
- .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7572
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7573
+ .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7568
7574
  animation: none;
7569
7575
  }
7570
7576
  }
7571
7577
 
7578
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
7572
7579
  .c4p--status-icon--light.c4p--status-icon--dark-critical {
7573
7580
  fill: #da1e28;
7574
7581
  }
7575
7582
  @media (prefers-reduced-motion) {
7576
- .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7583
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7584
+ .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7577
7585
  animation: none;
7578
7586
  }
7579
7587
  }
7580
7588
 
7589
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
7581
7590
  .c4p--status-icon--light.c4p--status-icon--light-major-warning {
7582
7591
  fill: #ff832b;
7583
7592
  }
7584
7593
  @media (prefers-reduced-motion) {
7585
- .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7594
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7595
+ .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7586
7596
  animation: none;
7587
7597
  }
7588
7598
  }
7589
7599
 
7600
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
7590
7601
  .c4p--status-icon--light.c4p--status-icon--dark-major-warning {
7591
7602
  fill: #ff832b;
7592
7603
  }
7593
7604
  @media (prefers-reduced-motion) {
7594
- .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7605
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7606
+ .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7595
7607
  animation: none;
7596
7608
  }
7597
7609
  }
7598
7610
 
7611
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
7599
7612
  .c4p--status-icon--light.c4p--status-icon--light-minor-warning {
7600
7613
  fill: #fddc69;
7601
7614
  }
7602
7615
  @media (prefers-reduced-motion) {
7603
- .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7616
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7617
+ .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7604
7618
  animation: none;
7605
7619
  }
7606
7620
  }
7607
7621
 
7622
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
7608
7623
  .c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
7609
7624
  fill: #fddc69;
7610
7625
  }
7611
7626
  @media (prefers-reduced-motion) {
7612
- .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7627
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7628
+ .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7613
7629
  animation: none;
7614
7630
  }
7615
7631
  }
7616
7632
 
7633
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
7617
7634
  .c4p--status-icon--light.c4p--status-icon--light-undefined {
7618
7635
  fill: #8a3ffc;
7619
7636
  }
7620
7637
  @media (prefers-reduced-motion) {
7621
- .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7638
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7639
+ .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7622
7640
  animation: none;
7623
7641
  }
7624
7642
  }
7625
7643
 
7644
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
7626
7645
  .c4p--status-icon--light.c4p--status-icon--dark-undefined {
7627
7646
  fill: #8a3ffc;
7628
7647
  }
7629
7648
  @media (prefers-reduced-motion) {
7630
- .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7649
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7650
+ .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7631
7651
  animation: none;
7632
7652
  }
7633
7653
  }
7634
7654
 
7655
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
7635
7656
  .c4p--status-icon--light.c4p--status-icon--light-unknown {
7636
7657
  fill: #6f6f6f;
7637
7658
  }
7638
7659
  @media (prefers-reduced-motion) {
7639
- .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7660
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7661
+ .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7640
7662
  animation: none;
7641
7663
  }
7642
7664
  }
7643
7665
 
7666
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
7644
7667
  .c4p--status-icon--light.c4p--status-icon--dark-unknown {
7645
7668
  fill: #6f6f6f;
7646
7669
  }
7647
7670
  @media (prefers-reduced-motion) {
7648
- .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7671
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7672
+ .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7649
7673
  animation: none;
7650
7674
  }
7651
7675
  }
7652
7676
 
7677
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
7653
7678
  .c4p--status-icon--light.c4p--status-icon--light-normal {
7654
7679
  fill: #198038;
7655
7680
  }
7656
7681
  @media (prefers-reduced-motion) {
7657
- .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7682
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7683
+ .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7658
7684
  animation: none;
7659
7685
  }
7660
7686
  }
7661
7687
 
7688
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
7662
7689
  .c4p--status-icon--light.c4p--status-icon--dark-normal {
7663
7690
  fill: #198038;
7664
7691
  }
7665
7692
  @media (prefers-reduced-motion) {
7666
- .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7693
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7694
+ .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7667
7695
  animation: none;
7668
7696
  }
7669
7697
  }
7670
7698
 
7699
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
7671
7700
  .c4p--status-icon--light.c4p--status-icon--light-info {
7672
7701
  fill: #0f62fe;
7673
7702
  }
7674
7703
  @media (prefers-reduced-motion) {
7675
- .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7704
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7705
+ .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7676
7706
  animation: none;
7677
7707
  }
7678
7708
  }
7679
7709
 
7710
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
7680
7711
  .c4p--status-icon--light.c4p--status-icon--dark-info {
7681
7712
  fill: #0f62fe;
7682
7713
  }
7683
7714
  @media (prefers-reduced-motion) {
7684
- .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7715
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7716
+ .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7685
7717
  animation: none;
7686
7718
  }
7687
7719
  }
7688
7720
 
7721
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7689
7722
  .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7690
7723
  animation: rotating 8000ms infinite linear;
7691
7724
  fill: #0f62fe;
7692
7725
  }
7693
7726
  @media (prefers-reduced-motion: reduce) {
7694
- .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7727
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7728
+ .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7695
7729
  animation: none;
7696
7730
  }
7697
7731
  }
7698
7732
 
7733
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7699
7734
  .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7700
7735
  animation: rotating 8000ms infinite linear;
7701
7736
  fill: #0f62fe;
7702
7737
  }
7703
7738
  @media (prefers-reduced-motion: reduce) {
7704
- .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7739
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7740
+ .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7705
7741
  animation: none;
7706
7742
  }
7707
7743
  }
7708
7744
 
7745
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
7709
7746
  .c4p--status-icon--light.c4p--status-icon--light-running {
7710
7747
  fill: #198038;
7711
7748
  transform: scaleY(-1);
7712
7749
  }
7713
7750
 
7751
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
7714
7752
  .c4p--status-icon--light.c4p--status-icon--dark-running {
7715
7753
  fill: #198038;
7716
7754
  transform: scaleY(-1);
7717
7755
  }
7718
7756
 
7757
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
7719
7758
  .c4p--status-icon--light.c4p--status-icon--light-pending {
7720
7759
  fill: #6f6f6f;
7721
7760
  }
7722
7761
  @media (prefers-reduced-motion) {
7723
- .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7762
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7763
+ .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7724
7764
  animation: none;
7725
7765
  }
7726
7766
  }
7727
7767
 
7768
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
7728
7769
  .c4p--status-icon--light.c4p--status-icon--dark-pending {
7729
7770
  fill: #6f6f6f;
7730
7771
  }
7731
7772
  @media (prefers-reduced-motion) {
7732
- .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7773
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7774
+ .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7733
7775
  animation: none;
7734
7776
  }
7735
7777
  }
7736
7778
 
7779
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
7737
7780
  .c4p--status-icon--dark.c4p--status-icon--light-fatal {
7738
7781
  fill: #8d8d8d;
7739
7782
  }
7740
7783
  @media (prefers-reduced-motion) {
7741
- .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7784
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7785
+ .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7742
7786
  animation: none;
7743
7787
  }
7744
7788
  }
7745
7789
 
7790
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
7746
7791
  .c4p--status-icon--dark.c4p--status-icon--dark-fatal {
7747
7792
  fill: #8d8d8d;
7748
7793
  }
7749
7794
  @media (prefers-reduced-motion) {
7750
- .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7795
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7796
+ .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7751
7797
  animation: none;
7752
7798
  }
7753
7799
  }
7754
7800
 
7801
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
7755
7802
  .c4p--status-icon--dark.c4p--status-icon--light-critical {
7756
7803
  fill: #fa4d56;
7757
7804
  }
7758
7805
  @media (prefers-reduced-motion) {
7759
- .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7806
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7807
+ .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7760
7808
  animation: none;
7761
7809
  }
7762
7810
  }
7763
7811
 
7812
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
7764
7813
  .c4p--status-icon--dark.c4p--status-icon--dark-critical {
7765
7814
  fill: #fa4d56;
7766
7815
  }
7767
7816
  @media (prefers-reduced-motion) {
7768
- .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7817
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7818
+ .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7769
7819
  animation: none;
7770
7820
  }
7771
7821
  }
7772
7822
 
7823
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
7773
7824
  .c4p--status-icon--dark.c4p--status-icon--light-major-warning {
7774
7825
  fill: #ff832b;
7775
7826
  }
7776
7827
  @media (prefers-reduced-motion) {
7777
- .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7828
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7829
+ .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7778
7830
  animation: none;
7779
7831
  }
7780
7832
  }
7781
7833
 
7834
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
7782
7835
  .c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
7783
7836
  fill: #ff832b;
7784
7837
  }
7785
7838
  @media (prefers-reduced-motion) {
7786
- .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7839
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7840
+ .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7787
7841
  animation: none;
7788
7842
  }
7789
7843
  }
7790
7844
 
7845
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
7791
7846
  .c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
7792
7847
  fill: #fddc69;
7793
7848
  }
7794
7849
  @media (prefers-reduced-motion) {
7795
- .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7850
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7851
+ .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7796
7852
  animation: none;
7797
7853
  }
7798
7854
  }
7799
7855
 
7856
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
7800
7857
  .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
7801
7858
  fill: #fddc69;
7802
7859
  }
7803
7860
  @media (prefers-reduced-motion) {
7804
- .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7861
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7862
+ .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7805
7863
  animation: none;
7806
7864
  }
7807
7865
  }
7808
7866
 
7867
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
7809
7868
  .c4p--status-icon--dark.c4p--status-icon--light-undefined {
7810
7869
  fill: #a56eff;
7811
7870
  }
7812
7871
  @media (prefers-reduced-motion) {
7813
- .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7872
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7873
+ .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7814
7874
  animation: none;
7815
7875
  }
7816
7876
  }
7817
7877
 
7878
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
7818
7879
  .c4p--status-icon--dark.c4p--status-icon--dark-undefined {
7819
7880
  fill: #a56eff;
7820
7881
  }
7821
7882
  @media (prefers-reduced-motion) {
7822
- .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7883
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7884
+ .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7823
7885
  animation: none;
7824
7886
  }
7825
7887
  }
7826
7888
 
7889
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
7827
7890
  .c4p--status-icon--dark.c4p--status-icon--light-unknown {
7828
7891
  fill: #8d8d8d;
7829
7892
  }
7830
7893
  @media (prefers-reduced-motion) {
7831
- .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7894
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7895
+ .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7832
7896
  animation: none;
7833
7897
  }
7834
7898
  }
7835
7899
 
7900
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
7836
7901
  .c4p--status-icon--dark.c4p--status-icon--dark-unknown {
7837
7902
  fill: #8d8d8d;
7838
7903
  }
7839
7904
  @media (prefers-reduced-motion) {
7840
- .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7905
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7906
+ .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7841
7907
  animation: none;
7842
7908
  }
7843
7909
  }
7844
7910
 
7911
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
7845
7912
  .c4p--status-icon--dark.c4p--status-icon--light-normal {
7846
7913
  fill: #24a148;
7847
7914
  }
7848
7915
  @media (prefers-reduced-motion) {
7849
- .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7916
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7917
+ .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7850
7918
  animation: none;
7851
7919
  }
7852
7920
  }
7853
7921
 
7922
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
7854
7923
  .c4p--status-icon--dark.c4p--status-icon--dark-normal {
7855
7924
  fill: #24a148;
7856
7925
  }
7857
7926
  @media (prefers-reduced-motion) {
7858
- .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7927
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7928
+ .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7859
7929
  animation: none;
7860
7930
  }
7861
7931
  }
7862
7932
 
7933
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
7863
7934
  .c4p--status-icon--dark.c4p--status-icon--light-info {
7864
7935
  fill: #4589ff;
7865
7936
  }
7866
7937
  @media (prefers-reduced-motion) {
7867
- .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7938
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7939
+ .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7868
7940
  animation: none;
7869
7941
  }
7870
7942
  }
7871
7943
 
7944
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
7872
7945
  .c4p--status-icon--dark.c4p--status-icon--dark-info {
7873
7946
  fill: #4589ff;
7874
7947
  }
7875
7948
  @media (prefers-reduced-motion) {
7876
- .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7949
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7950
+ .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7877
7951
  animation: none;
7878
7952
  }
7879
7953
  }
7880
7954
 
7955
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7881
7956
  .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7882
7957
  animation: rotating 8000ms infinite linear;
7883
7958
  fill: #4589ff;
7884
7959
  }
7885
7960
  @media (prefers-reduced-motion: reduce) {
7886
- .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7961
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7962
+ .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7887
7963
  animation: none;
7888
7964
  }
7889
7965
  }
7890
7966
 
7967
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7891
7968
  .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7892
7969
  animation: rotating 8000ms infinite linear;
7893
7970
  fill: #4589ff;
7894
7971
  }
7895
7972
  @media (prefers-reduced-motion: reduce) {
7896
- .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7973
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7974
+ .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7897
7975
  animation: none;
7898
7976
  }
7899
7977
  }
7900
7978
 
7979
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
7901
7980
  .c4p--status-icon--dark.c4p--status-icon--light-running {
7902
7981
  fill: #24a148;
7903
7982
  transform: scaleY(-1);
7904
7983
  }
7905
7984
 
7985
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
7906
7986
  .c4p--status-icon--dark.c4p--status-icon--dark-running {
7907
7987
  fill: #24a148;
7908
7988
  transform: scaleY(-1);
7909
7989
  }
7910
7990
 
7991
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
7911
7992
  .c4p--status-icon--dark.c4p--status-icon--light-pending {
7912
7993
  fill: #8d8d8d;
7913
7994
  }
7914
7995
  @media (prefers-reduced-motion) {
7915
- .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7996
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7997
+ .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7916
7998
  animation: none;
7917
7999
  }
7918
8000
  }
7919
8001
 
8002
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
7920
8003
  .c4p--status-icon--dark.c4p--status-icon--dark-pending {
7921
8004
  fill: #8d8d8d;
7922
8005
  }
7923
8006
  @media (prefers-reduced-motion) {
7924
- .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
8007
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
8008
+ .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7925
8009
  animation: none;
7926
8010
  }
7927
8011
  }