@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-released-only.css CHANGED
@@ -6912,386 +6912,470 @@
6912
6912
  fill: #161616;
6913
6913
  }
6914
6914
 
6915
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
6915
6916
  .c4p--status-icon--light.c4p--status-icon--light-fatal {
6916
6917
  fill: #000000;
6917
6918
  }
6918
6919
  @media (prefers-reduced-motion) {
6919
- .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
6920
+ .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,
6921
+ .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
6920
6922
  animation: none;
6921
6923
  }
6922
6924
  }
6923
6925
 
6926
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
6924
6927
  .c4p--status-icon--light.c4p--status-icon--dark-fatal {
6925
6928
  fill: #000000;
6926
6929
  }
6927
6930
  @media (prefers-reduced-motion) {
6928
- .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
6931
+ .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,
6932
+ .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
6929
6933
  animation: none;
6930
6934
  }
6931
6935
  }
6932
6936
 
6937
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
6933
6938
  .c4p--status-icon--light.c4p--status-icon--light-critical {
6934
6939
  fill: #da1e28;
6935
6940
  }
6936
6941
  @media (prefers-reduced-motion) {
6937
- .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
6942
+ .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,
6943
+ .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
6938
6944
  animation: none;
6939
6945
  }
6940
6946
  }
6941
6947
 
6948
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
6942
6949
  .c4p--status-icon--light.c4p--status-icon--dark-critical {
6943
6950
  fill: #da1e28;
6944
6951
  }
6945
6952
  @media (prefers-reduced-motion) {
6946
- .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
6953
+ .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,
6954
+ .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
6947
6955
  animation: none;
6948
6956
  }
6949
6957
  }
6950
6958
 
6959
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
6951
6960
  .c4p--status-icon--light.c4p--status-icon--light-major-warning {
6952
6961
  fill: #ff832b;
6953
6962
  }
6954
6963
  @media (prefers-reduced-motion) {
6955
- .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
6964
+ .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,
6965
+ .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
6956
6966
  animation: none;
6957
6967
  }
6958
6968
  }
6959
6969
 
6970
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
6960
6971
  .c4p--status-icon--light.c4p--status-icon--dark-major-warning {
6961
6972
  fill: #ff832b;
6962
6973
  }
6963
6974
  @media (prefers-reduced-motion) {
6964
- .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
6975
+ .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,
6976
+ .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
6965
6977
  animation: none;
6966
6978
  }
6967
6979
  }
6968
6980
 
6981
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
6969
6982
  .c4p--status-icon--light.c4p--status-icon--light-minor-warning {
6970
6983
  fill: #fddc69;
6971
6984
  }
6972
6985
  @media (prefers-reduced-motion) {
6973
- .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
6986
+ .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,
6987
+ .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
6974
6988
  animation: none;
6975
6989
  }
6976
6990
  }
6977
6991
 
6992
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
6978
6993
  .c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
6979
6994
  fill: #fddc69;
6980
6995
  }
6981
6996
  @media (prefers-reduced-motion) {
6982
- .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
6997
+ .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,
6998
+ .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
6983
6999
  animation: none;
6984
7000
  }
6985
7001
  }
6986
7002
 
7003
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
6987
7004
  .c4p--status-icon--light.c4p--status-icon--light-undefined {
6988
7005
  fill: #8a3ffc;
6989
7006
  }
6990
7007
  @media (prefers-reduced-motion) {
6991
- .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7008
+ .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,
7009
+ .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
6992
7010
  animation: none;
6993
7011
  }
6994
7012
  }
6995
7013
 
7014
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
6996
7015
  .c4p--status-icon--light.c4p--status-icon--dark-undefined {
6997
7016
  fill: #8a3ffc;
6998
7017
  }
6999
7018
  @media (prefers-reduced-motion) {
7000
- .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7019
+ .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,
7020
+ .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7001
7021
  animation: none;
7002
7022
  }
7003
7023
  }
7004
7024
 
7025
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
7005
7026
  .c4p--status-icon--light.c4p--status-icon--light-unknown {
7006
7027
  fill: #6f6f6f;
7007
7028
  }
7008
7029
  @media (prefers-reduced-motion) {
7009
- .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7030
+ .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,
7031
+ .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7010
7032
  animation: none;
7011
7033
  }
7012
7034
  }
7013
7035
 
7036
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
7014
7037
  .c4p--status-icon--light.c4p--status-icon--dark-unknown {
7015
7038
  fill: #6f6f6f;
7016
7039
  }
7017
7040
  @media (prefers-reduced-motion) {
7018
- .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7041
+ .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,
7042
+ .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7019
7043
  animation: none;
7020
7044
  }
7021
7045
  }
7022
7046
 
7047
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
7023
7048
  .c4p--status-icon--light.c4p--status-icon--light-normal {
7024
7049
  fill: #198038;
7025
7050
  }
7026
7051
  @media (prefers-reduced-motion) {
7027
- .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7052
+ .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,
7053
+ .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7028
7054
  animation: none;
7029
7055
  }
7030
7056
  }
7031
7057
 
7058
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
7032
7059
  .c4p--status-icon--light.c4p--status-icon--dark-normal {
7033
7060
  fill: #198038;
7034
7061
  }
7035
7062
  @media (prefers-reduced-motion) {
7036
- .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7063
+ .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,
7064
+ .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7037
7065
  animation: none;
7038
7066
  }
7039
7067
  }
7040
7068
 
7069
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
7041
7070
  .c4p--status-icon--light.c4p--status-icon--light-info {
7042
7071
  fill: #0f62fe;
7043
7072
  }
7044
7073
  @media (prefers-reduced-motion) {
7045
- .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7074
+ .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,
7075
+ .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7046
7076
  animation: none;
7047
7077
  }
7048
7078
  }
7049
7079
 
7080
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
7050
7081
  .c4p--status-icon--light.c4p--status-icon--dark-info {
7051
7082
  fill: #0f62fe;
7052
7083
  }
7053
7084
  @media (prefers-reduced-motion) {
7054
- .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7085
+ .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,
7086
+ .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7055
7087
  animation: none;
7056
7088
  }
7057
7089
  }
7058
7090
 
7091
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7059
7092
  .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7060
7093
  animation: rotating 8000ms infinite linear;
7061
7094
  fill: #0f62fe;
7062
7095
  }
7063
7096
  @media (prefers-reduced-motion: reduce) {
7064
- .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7097
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
7098
+ .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7065
7099
  animation: none;
7066
7100
  }
7067
7101
  }
7068
7102
 
7103
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7069
7104
  .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7070
7105
  animation: rotating 8000ms infinite linear;
7071
7106
  fill: #0f62fe;
7072
7107
  }
7073
7108
  @media (prefers-reduced-motion: reduce) {
7074
- .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7109
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
7110
+ .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7075
7111
  animation: none;
7076
7112
  }
7077
7113
  }
7078
7114
 
7115
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
7079
7116
  .c4p--status-icon--light.c4p--status-icon--light-running {
7080
7117
  fill: #198038;
7081
7118
  transform: scaleY(-1);
7082
7119
  }
7083
7120
 
7121
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
7084
7122
  .c4p--status-icon--light.c4p--status-icon--dark-running {
7085
7123
  fill: #198038;
7086
7124
  transform: scaleY(-1);
7087
7125
  }
7088
7126
 
7127
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
7089
7128
  .c4p--status-icon--light.c4p--status-icon--light-pending {
7090
7129
  fill: #6f6f6f;
7091
7130
  }
7092
7131
  @media (prefers-reduced-motion) {
7093
- .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7132
+ .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,
7133
+ .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
7094
7134
  animation: none;
7095
7135
  }
7096
7136
  }
7097
7137
 
7138
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
7098
7139
  .c4p--status-icon--light.c4p--status-icon--dark-pending {
7099
7140
  fill: #6f6f6f;
7100
7141
  }
7101
7142
  @media (prefers-reduced-motion) {
7102
- .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7143
+ .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,
7144
+ .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
7103
7145
  animation: none;
7104
7146
  }
7105
7147
  }
7106
7148
 
7149
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
7107
7150
  .c4p--status-icon--dark.c4p--status-icon--light-fatal {
7108
7151
  fill: #8d8d8d;
7109
7152
  }
7110
7153
  @media (prefers-reduced-motion) {
7111
- .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7154
+ .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,
7155
+ .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7112
7156
  animation: none;
7113
7157
  }
7114
7158
  }
7115
7159
 
7160
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
7116
7161
  .c4p--status-icon--dark.c4p--status-icon--dark-fatal {
7117
7162
  fill: #8d8d8d;
7118
7163
  }
7119
7164
  @media (prefers-reduced-motion) {
7120
- .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7165
+ .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,
7166
+ .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7121
7167
  animation: none;
7122
7168
  }
7123
7169
  }
7124
7170
 
7171
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
7125
7172
  .c4p--status-icon--dark.c4p--status-icon--light-critical {
7126
7173
  fill: #fa4d56;
7127
7174
  }
7128
7175
  @media (prefers-reduced-motion) {
7129
- .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7176
+ .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,
7177
+ .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7130
7178
  animation: none;
7131
7179
  }
7132
7180
  }
7133
7181
 
7182
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
7134
7183
  .c4p--status-icon--dark.c4p--status-icon--dark-critical {
7135
7184
  fill: #fa4d56;
7136
7185
  }
7137
7186
  @media (prefers-reduced-motion) {
7138
- .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7187
+ .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,
7188
+ .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7139
7189
  animation: none;
7140
7190
  }
7141
7191
  }
7142
7192
 
7193
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
7143
7194
  .c4p--status-icon--dark.c4p--status-icon--light-major-warning {
7144
7195
  fill: #ff832b;
7145
7196
  }
7146
7197
  @media (prefers-reduced-motion) {
7147
- .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7198
+ .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,
7199
+ .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7148
7200
  animation: none;
7149
7201
  }
7150
7202
  }
7151
7203
 
7204
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
7152
7205
  .c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
7153
7206
  fill: #ff832b;
7154
7207
  }
7155
7208
  @media (prefers-reduced-motion) {
7156
- .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7209
+ .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,
7210
+ .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7157
7211
  animation: none;
7158
7212
  }
7159
7213
  }
7160
7214
 
7215
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
7161
7216
  .c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
7162
7217
  fill: #fddc69;
7163
7218
  }
7164
7219
  @media (prefers-reduced-motion) {
7165
- .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7220
+ .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,
7221
+ .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7166
7222
  animation: none;
7167
7223
  }
7168
7224
  }
7169
7225
 
7226
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
7170
7227
  .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
7171
7228
  fill: #fddc69;
7172
7229
  }
7173
7230
  @media (prefers-reduced-motion) {
7174
- .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7231
+ .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,
7232
+ .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7175
7233
  animation: none;
7176
7234
  }
7177
7235
  }
7178
7236
 
7237
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
7179
7238
  .c4p--status-icon--dark.c4p--status-icon--light-undefined {
7180
7239
  fill: #a56eff;
7181
7240
  }
7182
7241
  @media (prefers-reduced-motion) {
7183
- .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7242
+ .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,
7243
+ .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7184
7244
  animation: none;
7185
7245
  }
7186
7246
  }
7187
7247
 
7248
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
7188
7249
  .c4p--status-icon--dark.c4p--status-icon--dark-undefined {
7189
7250
  fill: #a56eff;
7190
7251
  }
7191
7252
  @media (prefers-reduced-motion) {
7192
- .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7253
+ .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,
7254
+ .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7193
7255
  animation: none;
7194
7256
  }
7195
7257
  }
7196
7258
 
7259
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
7197
7260
  .c4p--status-icon--dark.c4p--status-icon--light-unknown {
7198
7261
  fill: #8d8d8d;
7199
7262
  }
7200
7263
  @media (prefers-reduced-motion) {
7201
- .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7264
+ .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,
7265
+ .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7202
7266
  animation: none;
7203
7267
  }
7204
7268
  }
7205
7269
 
7270
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
7206
7271
  .c4p--status-icon--dark.c4p--status-icon--dark-unknown {
7207
7272
  fill: #8d8d8d;
7208
7273
  }
7209
7274
  @media (prefers-reduced-motion) {
7210
- .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7275
+ .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,
7276
+ .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7211
7277
  animation: none;
7212
7278
  }
7213
7279
  }
7214
7280
 
7281
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
7215
7282
  .c4p--status-icon--dark.c4p--status-icon--light-normal {
7216
7283
  fill: #24a148;
7217
7284
  }
7218
7285
  @media (prefers-reduced-motion) {
7219
- .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7286
+ .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,
7287
+ .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7220
7288
  animation: none;
7221
7289
  }
7222
7290
  }
7223
7291
 
7292
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
7224
7293
  .c4p--status-icon--dark.c4p--status-icon--dark-normal {
7225
7294
  fill: #24a148;
7226
7295
  }
7227
7296
  @media (prefers-reduced-motion) {
7228
- .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7297
+ .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,
7298
+ .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7229
7299
  animation: none;
7230
7300
  }
7231
7301
  }
7232
7302
 
7303
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
7233
7304
  .c4p--status-icon--dark.c4p--status-icon--light-info {
7234
7305
  fill: #4589ff;
7235
7306
  }
7236
7307
  @media (prefers-reduced-motion) {
7237
- .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7308
+ .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,
7309
+ .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7238
7310
  animation: none;
7239
7311
  }
7240
7312
  }
7241
7313
 
7314
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
7242
7315
  .c4p--status-icon--dark.c4p--status-icon--dark-info {
7243
7316
  fill: #4589ff;
7244
7317
  }
7245
7318
  @media (prefers-reduced-motion) {
7246
- .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7319
+ .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,
7320
+ .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7247
7321
  animation: none;
7248
7322
  }
7249
7323
  }
7250
7324
 
7325
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7251
7326
  .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7252
7327
  animation: rotating 8000ms infinite linear;
7253
7328
  fill: #4589ff;
7254
7329
  }
7255
7330
  @media (prefers-reduced-motion: reduce) {
7256
- .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7331
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
7332
+ .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7257
7333
  animation: none;
7258
7334
  }
7259
7335
  }
7260
7336
 
7337
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7261
7338
  .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7262
7339
  animation: rotating 8000ms infinite linear;
7263
7340
  fill: #4589ff;
7264
7341
  }
7265
7342
  @media (prefers-reduced-motion: reduce) {
7266
- .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7343
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
7344
+ .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7267
7345
  animation: none;
7268
7346
  }
7269
7347
  }
7270
7348
 
7349
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
7271
7350
  .c4p--status-icon--dark.c4p--status-icon--light-running {
7272
7351
  fill: #24a148;
7273
7352
  transform: scaleY(-1);
7274
7353
  }
7275
7354
 
7355
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
7276
7356
  .c4p--status-icon--dark.c4p--status-icon--dark-running {
7277
7357
  fill: #24a148;
7278
7358
  transform: scaleY(-1);
7279
7359
  }
7280
7360
 
7361
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
7281
7362
  .c4p--status-icon--dark.c4p--status-icon--light-pending {
7282
7363
  fill: #8d8d8d;
7283
7364
  }
7284
7365
  @media (prefers-reduced-motion) {
7285
- .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7366
+ .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,
7367
+ .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
7286
7368
  animation: none;
7287
7369
  }
7288
7370
  }
7289
7371
 
7372
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
7290
7373
  .c4p--status-icon--dark.c4p--status-icon--dark-pending {
7291
7374
  fill: #8d8d8d;
7292
7375
  }
7293
7376
  @media (prefers-reduced-motion) {
7294
- .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7377
+ .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,
7378
+ .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
7295
7379
  animation: none;
7296
7380
  }
7297
7381
  }