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