@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.css CHANGED
@@ -20240,386 +20240,470 @@ a.bx--side-nav__link--current::before {
20240
20240
  fill: #161616;
20241
20241
  }
20242
20242
 
20243
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
20243
20244
  .c4p--status-icon--light.c4p--status-icon--light-fatal {
20244
20245
  fill: #000000;
20245
20246
  }
20246
20247
  @media (prefers-reduced-motion) {
20247
- .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20248
+ .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,
20249
+ .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20248
20250
  animation: none;
20249
20251
  }
20250
20252
  }
20251
20253
 
20254
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
20252
20255
  .c4p--status-icon--light.c4p--status-icon--dark-fatal {
20253
20256
  fill: #000000;
20254
20257
  }
20255
20258
  @media (prefers-reduced-motion) {
20256
- .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20259
+ .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,
20260
+ .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20257
20261
  animation: none;
20258
20262
  }
20259
20263
  }
20260
20264
 
20265
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
20261
20266
  .c4p--status-icon--light.c4p--status-icon--light-critical {
20262
20267
  fill: #da1e28;
20263
20268
  }
20264
20269
  @media (prefers-reduced-motion) {
20265
- .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20270
+ .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,
20271
+ .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20266
20272
  animation: none;
20267
20273
  }
20268
20274
  }
20269
20275
 
20276
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
20270
20277
  .c4p--status-icon--light.c4p--status-icon--dark-critical {
20271
20278
  fill: #da1e28;
20272
20279
  }
20273
20280
  @media (prefers-reduced-motion) {
20274
- .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20281
+ .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,
20282
+ .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20275
20283
  animation: none;
20276
20284
  }
20277
20285
  }
20278
20286
 
20287
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
20279
20288
  .c4p--status-icon--light.c4p--status-icon--light-major-warning {
20280
20289
  fill: #ff832b;
20281
20290
  }
20282
20291
  @media (prefers-reduced-motion) {
20283
- .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20292
+ .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,
20293
+ .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20284
20294
  animation: none;
20285
20295
  }
20286
20296
  }
20287
20297
 
20298
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
20288
20299
  .c4p--status-icon--light.c4p--status-icon--dark-major-warning {
20289
20300
  fill: #ff832b;
20290
20301
  }
20291
20302
  @media (prefers-reduced-motion) {
20292
- .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20303
+ .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,
20304
+ .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20293
20305
  animation: none;
20294
20306
  }
20295
20307
  }
20296
20308
 
20309
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
20297
20310
  .c4p--status-icon--light.c4p--status-icon--light-minor-warning {
20298
20311
  fill: #fddc69;
20299
20312
  }
20300
20313
  @media (prefers-reduced-motion) {
20301
- .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20314
+ .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,
20315
+ .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20302
20316
  animation: none;
20303
20317
  }
20304
20318
  }
20305
20319
 
20320
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
20306
20321
  .c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
20307
20322
  fill: #fddc69;
20308
20323
  }
20309
20324
  @media (prefers-reduced-motion) {
20310
- .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20325
+ .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,
20326
+ .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20311
20327
  animation: none;
20312
20328
  }
20313
20329
  }
20314
20330
 
20331
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
20315
20332
  .c4p--status-icon--light.c4p--status-icon--light-undefined {
20316
20333
  fill: #8a3ffc;
20317
20334
  }
20318
20335
  @media (prefers-reduced-motion) {
20319
- .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20336
+ .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,
20337
+ .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20320
20338
  animation: none;
20321
20339
  }
20322
20340
  }
20323
20341
 
20342
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
20324
20343
  .c4p--status-icon--light.c4p--status-icon--dark-undefined {
20325
20344
  fill: #8a3ffc;
20326
20345
  }
20327
20346
  @media (prefers-reduced-motion) {
20328
- .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20347
+ .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,
20348
+ .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20329
20349
  animation: none;
20330
20350
  }
20331
20351
  }
20332
20352
 
20353
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
20333
20354
  .c4p--status-icon--light.c4p--status-icon--light-unknown {
20334
20355
  fill: #6f6f6f;
20335
20356
  }
20336
20357
  @media (prefers-reduced-motion) {
20337
- .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20358
+ .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,
20359
+ .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20338
20360
  animation: none;
20339
20361
  }
20340
20362
  }
20341
20363
 
20364
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
20342
20365
  .c4p--status-icon--light.c4p--status-icon--dark-unknown {
20343
20366
  fill: #6f6f6f;
20344
20367
  }
20345
20368
  @media (prefers-reduced-motion) {
20346
- .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20369
+ .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,
20370
+ .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20347
20371
  animation: none;
20348
20372
  }
20349
20373
  }
20350
20374
 
20375
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
20351
20376
  .c4p--status-icon--light.c4p--status-icon--light-normal {
20352
20377
  fill: #198038;
20353
20378
  }
20354
20379
  @media (prefers-reduced-motion) {
20355
- .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20380
+ .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,
20381
+ .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20356
20382
  animation: none;
20357
20383
  }
20358
20384
  }
20359
20385
 
20386
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
20360
20387
  .c4p--status-icon--light.c4p--status-icon--dark-normal {
20361
20388
  fill: #198038;
20362
20389
  }
20363
20390
  @media (prefers-reduced-motion) {
20364
- .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20391
+ .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,
20392
+ .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20365
20393
  animation: none;
20366
20394
  }
20367
20395
  }
20368
20396
 
20397
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
20369
20398
  .c4p--status-icon--light.c4p--status-icon--light-info {
20370
20399
  fill: #0f62fe;
20371
20400
  }
20372
20401
  @media (prefers-reduced-motion) {
20373
- .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20402
+ .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,
20403
+ .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20374
20404
  animation: none;
20375
20405
  }
20376
20406
  }
20377
20407
 
20408
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
20378
20409
  .c4p--status-icon--light.c4p--status-icon--dark-info {
20379
20410
  fill: #0f62fe;
20380
20411
  }
20381
20412
  @media (prefers-reduced-motion) {
20382
- .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20413
+ .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,
20414
+ .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20383
20415
  animation: none;
20384
20416
  }
20385
20417
  }
20386
20418
 
20419
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20387
20420
  .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20388
20421
  animation: rotating 8000ms infinite linear;
20389
20422
  fill: #0f62fe;
20390
20423
  }
20391
20424
  @media (prefers-reduced-motion: reduce) {
20392
- .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20425
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20426
+ .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20393
20427
  animation: none;
20394
20428
  }
20395
20429
  }
20396
20430
 
20431
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20397
20432
  .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20398
20433
  animation: rotating 8000ms infinite linear;
20399
20434
  fill: #0f62fe;
20400
20435
  }
20401
20436
  @media (prefers-reduced-motion: reduce) {
20402
- .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20437
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20438
+ .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20403
20439
  animation: none;
20404
20440
  }
20405
20441
  }
20406
20442
 
20443
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
20407
20444
  .c4p--status-icon--light.c4p--status-icon--light-running {
20408
20445
  fill: #198038;
20409
20446
  transform: scaleY(-1);
20410
20447
  }
20411
20448
 
20449
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
20412
20450
  .c4p--status-icon--light.c4p--status-icon--dark-running {
20413
20451
  fill: #198038;
20414
20452
  transform: scaleY(-1);
20415
20453
  }
20416
20454
 
20455
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
20417
20456
  .c4p--status-icon--light.c4p--status-icon--light-pending {
20418
20457
  fill: #6f6f6f;
20419
20458
  }
20420
20459
  @media (prefers-reduced-motion) {
20421
- .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20460
+ .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,
20461
+ .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20422
20462
  animation: none;
20423
20463
  }
20424
20464
  }
20425
20465
 
20466
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
20426
20467
  .c4p--status-icon--light.c4p--status-icon--dark-pending {
20427
20468
  fill: #6f6f6f;
20428
20469
  }
20429
20470
  @media (prefers-reduced-motion) {
20430
- .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20471
+ .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,
20472
+ .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20431
20473
  animation: none;
20432
20474
  }
20433
20475
  }
20434
20476
 
20477
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
20435
20478
  .c4p--status-icon--dark.c4p--status-icon--light-fatal {
20436
20479
  fill: #8d8d8d;
20437
20480
  }
20438
20481
  @media (prefers-reduced-motion) {
20439
- .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20482
+ .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,
20483
+ .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20440
20484
  animation: none;
20441
20485
  }
20442
20486
  }
20443
20487
 
20488
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
20444
20489
  .c4p--status-icon--dark.c4p--status-icon--dark-fatal {
20445
20490
  fill: #8d8d8d;
20446
20491
  }
20447
20492
  @media (prefers-reduced-motion) {
20448
- .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20493
+ .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,
20494
+ .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20449
20495
  animation: none;
20450
20496
  }
20451
20497
  }
20452
20498
 
20499
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
20453
20500
  .c4p--status-icon--dark.c4p--status-icon--light-critical {
20454
20501
  fill: #fa4d56;
20455
20502
  }
20456
20503
  @media (prefers-reduced-motion) {
20457
- .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20504
+ .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,
20505
+ .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20458
20506
  animation: none;
20459
20507
  }
20460
20508
  }
20461
20509
 
20510
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
20462
20511
  .c4p--status-icon--dark.c4p--status-icon--dark-critical {
20463
20512
  fill: #fa4d56;
20464
20513
  }
20465
20514
  @media (prefers-reduced-motion) {
20466
- .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20515
+ .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,
20516
+ .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20467
20517
  animation: none;
20468
20518
  }
20469
20519
  }
20470
20520
 
20521
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
20471
20522
  .c4p--status-icon--dark.c4p--status-icon--light-major-warning {
20472
20523
  fill: #ff832b;
20473
20524
  }
20474
20525
  @media (prefers-reduced-motion) {
20475
- .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20526
+ .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,
20527
+ .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20476
20528
  animation: none;
20477
20529
  }
20478
20530
  }
20479
20531
 
20532
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
20480
20533
  .c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
20481
20534
  fill: #ff832b;
20482
20535
  }
20483
20536
  @media (prefers-reduced-motion) {
20484
- .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20537
+ .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,
20538
+ .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20485
20539
  animation: none;
20486
20540
  }
20487
20541
  }
20488
20542
 
20543
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
20489
20544
  .c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
20490
20545
  fill: #fddc69;
20491
20546
  }
20492
20547
  @media (prefers-reduced-motion) {
20493
- .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20548
+ .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,
20549
+ .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20494
20550
  animation: none;
20495
20551
  }
20496
20552
  }
20497
20553
 
20554
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
20498
20555
  .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
20499
20556
  fill: #fddc69;
20500
20557
  }
20501
20558
  @media (prefers-reduced-motion) {
20502
- .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20559
+ .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,
20560
+ .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20503
20561
  animation: none;
20504
20562
  }
20505
20563
  }
20506
20564
 
20565
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
20507
20566
  .c4p--status-icon--dark.c4p--status-icon--light-undefined {
20508
20567
  fill: #a56eff;
20509
20568
  }
20510
20569
  @media (prefers-reduced-motion) {
20511
- .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20570
+ .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,
20571
+ .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20512
20572
  animation: none;
20513
20573
  }
20514
20574
  }
20515
20575
 
20576
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
20516
20577
  .c4p--status-icon--dark.c4p--status-icon--dark-undefined {
20517
20578
  fill: #a56eff;
20518
20579
  }
20519
20580
  @media (prefers-reduced-motion) {
20520
- .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20581
+ .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,
20582
+ .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20521
20583
  animation: none;
20522
20584
  }
20523
20585
  }
20524
20586
 
20587
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
20525
20588
  .c4p--status-icon--dark.c4p--status-icon--light-unknown {
20526
20589
  fill: #8d8d8d;
20527
20590
  }
20528
20591
  @media (prefers-reduced-motion) {
20529
- .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20592
+ .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,
20593
+ .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20530
20594
  animation: none;
20531
20595
  }
20532
20596
  }
20533
20597
 
20598
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
20534
20599
  .c4p--status-icon--dark.c4p--status-icon--dark-unknown {
20535
20600
  fill: #8d8d8d;
20536
20601
  }
20537
20602
  @media (prefers-reduced-motion) {
20538
- .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20603
+ .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,
20604
+ .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20539
20605
  animation: none;
20540
20606
  }
20541
20607
  }
20542
20608
 
20609
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
20543
20610
  .c4p--status-icon--dark.c4p--status-icon--light-normal {
20544
20611
  fill: #24a148;
20545
20612
  }
20546
20613
  @media (prefers-reduced-motion) {
20547
- .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20614
+ .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,
20615
+ .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20548
20616
  animation: none;
20549
20617
  }
20550
20618
  }
20551
20619
 
20620
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
20552
20621
  .c4p--status-icon--dark.c4p--status-icon--dark-normal {
20553
20622
  fill: #24a148;
20554
20623
  }
20555
20624
  @media (prefers-reduced-motion) {
20556
- .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20625
+ .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,
20626
+ .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20557
20627
  animation: none;
20558
20628
  }
20559
20629
  }
20560
20630
 
20631
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
20561
20632
  .c4p--status-icon--dark.c4p--status-icon--light-info {
20562
20633
  fill: #4589ff;
20563
20634
  }
20564
20635
  @media (prefers-reduced-motion) {
20565
- .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20636
+ .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,
20637
+ .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20566
20638
  animation: none;
20567
20639
  }
20568
20640
  }
20569
20641
 
20642
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
20570
20643
  .c4p--status-icon--dark.c4p--status-icon--dark-info {
20571
20644
  fill: #4589ff;
20572
20645
  }
20573
20646
  @media (prefers-reduced-motion) {
20574
- .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20647
+ .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,
20648
+ .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20575
20649
  animation: none;
20576
20650
  }
20577
20651
  }
20578
20652
 
20653
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20579
20654
  .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20580
20655
  animation: rotating 8000ms infinite linear;
20581
20656
  fill: #4589ff;
20582
20657
  }
20583
20658
  @media (prefers-reduced-motion: reduce) {
20584
- .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20659
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20660
+ .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20585
20661
  animation: none;
20586
20662
  }
20587
20663
  }
20588
20664
 
20665
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20589
20666
  .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20590
20667
  animation: rotating 8000ms infinite linear;
20591
20668
  fill: #4589ff;
20592
20669
  }
20593
20670
  @media (prefers-reduced-motion: reduce) {
20594
- .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20671
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20672
+ .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20595
20673
  animation: none;
20596
20674
  }
20597
20675
  }
20598
20676
 
20677
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
20599
20678
  .c4p--status-icon--dark.c4p--status-icon--light-running {
20600
20679
  fill: #24a148;
20601
20680
  transform: scaleY(-1);
20602
20681
  }
20603
20682
 
20683
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
20604
20684
  .c4p--status-icon--dark.c4p--status-icon--dark-running {
20605
20685
  fill: #24a148;
20606
20686
  transform: scaleY(-1);
20607
20687
  }
20608
20688
 
20689
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
20609
20690
  .c4p--status-icon--dark.c4p--status-icon--light-pending {
20610
20691
  fill: #8d8d8d;
20611
20692
  }
20612
20693
  @media (prefers-reduced-motion) {
20613
- .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20694
+ .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,
20695
+ .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20614
20696
  animation: none;
20615
20697
  }
20616
20698
  }
20617
20699
 
20700
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
20618
20701
  .c4p--status-icon--dark.c4p--status-icon--dark-pending {
20619
20702
  fill: #8d8d8d;
20620
20703
  }
20621
20704
  @media (prefers-reduced-motion) {
20622
- .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20705
+ .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,
20706
+ .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20623
20707
  animation: none;
20624
20708
  }
20625
20709
  }