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