@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.
- package/css/index-full-carbon.css +124 -40
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-without-carbon-released-only.css +124 -40
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon.css +124 -40
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index.css +124 -40
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/es/components/ActionSet/ActionSet.js +22 -10
- package/es/components/ActionSet/actions.js +25 -17
- package/es/components/CreateFullPage/CreateFullPage.js +30 -5
- package/es/components/CreateFullPage/CreateFullPageStep.js +40 -32
- package/es/components/CreateInfluencer/CreateInfluencer.js +25 -3
- package/es/components/CreateTearsheet/CreateTearsheet.js +32 -6
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +45 -38
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +24 -4
- package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
- package/es/components/ExportModal/ExportModal.js +39 -12
- package/es/components/SidePanel/SidePanel.js +1 -1
- package/es/components/Tearsheet/Tearsheet.js +1 -1
- package/es/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/es/components/Tearsheet/TearsheetShell.js +1 -1
- package/es/global/js/hooks/index.js +1 -0
- package/es/global/js/hooks/useCreateComponentStepChange.js +31 -11
- package/es/global/js/hooks/useResetCreateComponent.js +7 -4
- package/es/global/js/hooks/useRetrieveStepData.js +51 -0
- package/es/global/js/utils/lastIndexInArray.js +26 -0
- package/lib/components/ActionSet/ActionSet.js +22 -10
- package/lib/components/ActionSet/actions.js +25 -17
- package/lib/components/CreateFullPage/CreateFullPage.js +29 -4
- package/lib/components/CreateFullPage/CreateFullPageStep.js +38 -30
- package/lib/components/CreateInfluencer/CreateInfluencer.js +25 -3
- package/lib/components/CreateTearsheet/CreateTearsheet.js +31 -5
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +43 -36
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +22 -2
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
- package/lib/components/ExportModal/ExportModal.js +36 -11
- package/lib/components/SidePanel/SidePanel.js +1 -1
- package/lib/components/Tearsheet/Tearsheet.js +1 -1
- package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/lib/components/Tearsheet/TearsheetShell.js +1 -1
- package/lib/global/js/hooks/index.js +8 -0
- package/lib/global/js/hooks/useCreateComponentStepChange.js +31 -11
- package/lib/global/js/hooks/useResetCreateComponent.js +7 -4
- package/lib/global/js/hooks/useRetrieveStepData.js +62 -0
- package/lib/global/js/utils/lastIndexInArray.js +35 -0
- package/package.json +15 -15
- 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
|
}
|