@carbon/ibm-products 1.4.0 → 1.5.0

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 (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
@@ -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
  }