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