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