@carbon/ibm-products 2.28.0 → 2.29.0-alpha.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (79) hide show
  1. package/css/index-full-carbon.css +226 -17
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +41 -9
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +226 -17
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +189 -9
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyModal.d.ts +2 -1
  18. package/es/components/APIKeyModal/APIKeyModal.js +13 -9
  19. package/es/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
  20. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
  21. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
  22. package/es/components/Datagrid/useInitialColumnSort.d.ts +1 -0
  23. package/es/components/Datagrid/useInitialColumnSort.js +42 -0
  24. package/es/components/Datagrid/useSortableColumns.d.ts +4 -0
  25. package/es/components/Datagrid/useSortableColumns.js +16 -16
  26. package/es/components/DescriptionList/DescriptionList.d.ts +42 -0
  27. package/es/components/DescriptionList/DescriptionList.js +88 -0
  28. package/es/components/DescriptionList/constants.d.ts +6 -0
  29. package/es/components/DescriptionList/constants.js +16 -0
  30. package/es/components/DescriptionList/index.d.ts +1 -0
  31. package/es/components/EmptyStates/EmptyStateContent.d.ts +1 -287
  32. package/es/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
  33. package/es/components/StatusIndicator/StatusIndicator.d.ts +5 -0
  34. package/es/components/StatusIndicator/StatusIndicator.js +100 -0
  35. package/es/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
  36. package/es/components/StatusIndicator/index.d.ts +2 -0
  37. package/es/components/index.d.ts +2 -0
  38. package/es/global/js/package-settings.d.ts +3 -0
  39. package/es/global/js/package-settings.js +3 -0
  40. package/es/index.js +2 -0
  41. package/es/settings.d.ts +3 -0
  42. package/lib/components/APIKeyModal/APIKeyModal.d.ts +2 -1
  43. package/lib/components/APIKeyModal/APIKeyModal.js +13 -9
  44. package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
  45. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
  46. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
  47. package/lib/components/Datagrid/useInitialColumnSort.d.ts +1 -0
  48. package/lib/components/Datagrid/useInitialColumnSort.js +46 -0
  49. package/lib/components/Datagrid/useSortableColumns.d.ts +4 -0
  50. package/lib/components/Datagrid/useSortableColumns.js +16 -15
  51. package/lib/components/DescriptionList/DescriptionList.d.ts +42 -0
  52. package/lib/components/DescriptionList/DescriptionList.js +95 -0
  53. package/lib/components/DescriptionList/constants.d.ts +6 -0
  54. package/lib/components/DescriptionList/constants.js +20 -0
  55. package/lib/components/DescriptionList/index.d.ts +1 -0
  56. package/lib/components/EmptyStates/EmptyStateContent.d.ts +1 -287
  57. package/lib/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
  58. package/lib/components/StatusIndicator/StatusIndicator.d.ts +5 -0
  59. package/lib/components/StatusIndicator/StatusIndicator.js +107 -0
  60. package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
  61. package/lib/components/StatusIndicator/index.d.ts +2 -0
  62. package/lib/components/index.d.ts +2 -0
  63. package/lib/global/js/package-settings.d.ts +3 -0
  64. package/lib/global/js/package-settings.js +3 -0
  65. package/lib/index.js +10 -0
  66. package/lib/settings.d.ts +3 -0
  67. package/package.json +3 -3
  68. package/scss/components/DescriptionList/_carbon-imports.scss +9 -0
  69. package/scss/components/DescriptionList/_description-list.scss +103 -0
  70. package/scss/components/DescriptionList/_index-with-carbon.scss +9 -0
  71. package/scss/components/DescriptionList/_index.scss +8 -0
  72. package/scss/components/SidePanel/_side-panel.scss +6 -1
  73. package/scss/components/StatusIndicator/_carbon-imports.scss +12 -0
  74. package/scss/components/StatusIndicator/_index-with-carbon.scss +9 -0
  75. package/scss/components/StatusIndicator/_index.scss +8 -0
  76. package/scss/components/StatusIndicator/_status-indicator.scss +93 -0
  77. package/scss/components/Tearsheet/_tearsheet.scss +42 -16
  78. package/scss/components/_index-with-carbon.scss +2 -0
  79. package/scss/components/_index.scss +2 -0
@@ -26394,11 +26394,17 @@ a.cds--side-nav__link--current::before {
26394
26394
  height: 2.5rem;
26395
26395
  }
26396
26396
  .c4p--side-panel .c4p--side-panel__slug-and-close {
26397
- position: absolute;
26397
+ position: fixed;
26398
26398
  z-index: 10; /* must be higher than title container border bottom */
26399
26399
  top: 0;
26400
26400
  right: 0;
26401
26401
  display: flex;
26402
+ /* stylelint-disable-next-line max-nesting-depth */
26403
+ }
26404
+ @media (prefers-reduced-motion) {
26405
+ .c4p--side-panel .c4p--side-panel__slug-and-close {
26406
+ position: absolute;
26407
+ }
26402
26408
  }
26403
26409
  .c4p--side-panel .c4p--side-panel__actions-container {
26404
26410
  position: sticky;
@@ -26524,13 +26530,33 @@ a.cds--side-nav__link--current::before {
26524
26530
  }
26525
26531
 
26526
26532
  .c4p--tearsheet.c4p--tearsheet {
26533
+ --overlay-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
26534
+ --overlay-opacity: 1;
26527
26535
  z-index: 9001;
26528
26536
  align-items: flex-end;
26529
26537
  color: var(--cds-text-primary, #161616);
26530
- transition: visibility 0s linear 240ms, background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
26538
+ transition: visibility 0s linear 240ms;
26531
26539
  --c4p--tearsheet--stacking-scale-factor-single: 0.95;
26532
26540
  --c4p--tearsheet--stacking-scale-factor-double: 0.9;
26533
26541
  }
26542
+ .c4p--tearsheet.c4p--tearsheet::before {
26543
+ position: absolute;
26544
+ display: block;
26545
+ background: var(--overlay-color);
26546
+ content: "";
26547
+ inset: 0;
26548
+ opacity: var(--overlay-opacity);
26549
+ transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
26550
+ }
26551
+ @media (prefers-reduced-motion: reduce) {
26552
+ .c4p--tearsheet.c4p--tearsheet::before {
26553
+ transition: none;
26554
+ }
26555
+ }
26556
+ .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet {
26557
+ /* tearsheet uses --overlay-color and --overlay-opacity in ::before */
26558
+ background: initial;
26559
+ }
26534
26560
  .c4p--tearsheet.is-visible {
26535
26561
  z-index: 9000;
26536
26562
  align-items: flex-end;
@@ -26542,19 +26568,19 @@ a.cds--side-nav__link--current::before {
26542
26568
  }
26543
26569
  }
26544
26570
  .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
26571
+ --overlay-opacity: 0.67;
26545
26572
  z-index: 8999;
26546
- background-color: rgba(22, 22, 22, 0.33);
26547
26573
  }
26548
26574
  .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
26575
+ --overlay-opacity: 0.22;
26549
26576
  z-index: 8998;
26550
- background-color: rgba(22, 22, 22, 0.11);
26551
26577
  }
26552
26578
  .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
26579
+ --overlay-opacity: 0.5;
26553
26580
  z-index: 8999;
26554
- background-color: rgba(22, 22, 22, 0.25);
26555
26581
  }
26556
26582
  .c4p--tearsheet.c4p--tearsheet--stacked-2-of-2, .c4p--tearsheet.c4p--tearsheet--stacked-3-of-3 {
26557
- background-color: rgba(22, 22, 22, 0.25);
26583
+ --overlay-opacity: 0.5;
26558
26584
  }
26559
26585
  .c4p--tearsheet .c4p--tearsheet__container {
26560
26586
  top: auto;
@@ -26667,10 +26693,12 @@ a.cds--side-nav__link--current::before {
26667
26693
  padding: 1.5rem 2rem 0;
26668
26694
  }
26669
26695
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
26670
- padding-right: 5rem;
26696
+ padding-inline-end: 5rem;
26671
26697
  }
26672
26698
  .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
26673
- margin-right: 3rem;
26699
+ /* spacing 11 plus additional space for slug/close */
26700
+ /* stylelint-disable-next-line carbon/layout-token-use */
26701
+ padding-inline-end: calc(8rem);
26674
26702
  }
26675
26703
  .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
26676
26704
  max-width: 80%;
@@ -26723,7 +26751,7 @@ a.cds--side-nav__link--current::before {
26723
26751
  overflow: auto;
26724
26752
  flex-grow: 1;
26725
26753
  }
26726
- .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__main {
26754
+ .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
26727
26755
  background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
26728
26756
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
26729
26757
  }
@@ -26765,6 +26793,10 @@ a.cds--side-nav__link--current::before {
26765
26793
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
26766
26794
  background: var(--cds-background, #ffffff);
26767
26795
  }
26796
+ .c4p--tearsheet.c4p--tearsheet--has-slug {
26797
+ /* stylelint-disable-next-line carbon/theme-token-use */
26798
+ --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
26799
+ }
26768
26800
  .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
26769
26801
  inset-inline-end: 0;
26770
26802
  }
@@ -37632,14 +37664,36 @@ a.cds--side-nav__link--current::before {
37632
37664
  }
37633
37665
 
37634
37666
  .c4p--tearsheet.c4p--tearsheet {
37667
+ --overlay-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
37668
+ --overlay-opacity: 1;
37635
37669
  z-index: 9001;
37636
37670
  align-items: flex-end;
37637
37671
  color: var(--cds-text-primary, #161616);
37638
- transition: visibility 0s linear 240ms, background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
37672
+ transition: visibility 0s linear 240ms;
37639
37673
  --c4p--tearsheet--stacking-scale-factor-single: 0.95;
37640
37674
  --c4p--tearsheet--stacking-scale-factor-double: 0.9;
37641
37675
  }
37642
37676
 
37677
+ .c4p--tearsheet.c4p--tearsheet::before {
37678
+ position: absolute;
37679
+ display: block;
37680
+ background: var(--overlay-color);
37681
+ content: "";
37682
+ inset: 0;
37683
+ opacity: var(--overlay-opacity);
37684
+ transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
37685
+ }
37686
+
37687
+ @media (prefers-reduced-motion: reduce) {
37688
+ .c4p--tearsheet.c4p--tearsheet::before {
37689
+ transition: none;
37690
+ }
37691
+ }
37692
+ .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet {
37693
+ /* tearsheet uses --overlay-color and --overlay-opacity in ::before */
37694
+ background: initial;
37695
+ }
37696
+
37643
37697
  .c4p--tearsheet.is-visible {
37644
37698
  z-index: 9000;
37645
37699
  align-items: flex-end;
@@ -37652,22 +37706,22 @@ a.cds--side-nav__link--current::before {
37652
37706
  }
37653
37707
  }
37654
37708
  .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
37709
+ --overlay-opacity: 0.67;
37655
37710
  z-index: 8999;
37656
- background-color: rgba(22, 22, 22, 0.33);
37657
37711
  }
37658
37712
 
37659
37713
  .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
37714
+ --overlay-opacity: 0.22;
37660
37715
  z-index: 8998;
37661
- background-color: rgba(22, 22, 22, 0.11);
37662
37716
  }
37663
37717
 
37664
37718
  .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
37719
+ --overlay-opacity: 0.5;
37665
37720
  z-index: 8999;
37666
- background-color: rgba(22, 22, 22, 0.25);
37667
37721
  }
37668
37722
 
37669
37723
  .c4p--tearsheet.c4p--tearsheet--stacked-2-of-2, .c4p--tearsheet.c4p--tearsheet--stacked-3-of-3 {
37670
- background-color: rgba(22, 22, 22, 0.25);
37724
+ --overlay-opacity: 0.5;
37671
37725
  }
37672
37726
 
37673
37727
  .c4p--tearsheet .c4p--tearsheet__container {
@@ -37805,11 +37859,13 @@ a.cds--side-nav__link--current::before {
37805
37859
  }
37806
37860
 
37807
37861
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
37808
- padding-right: 5rem;
37862
+ padding-inline-end: 5rem;
37809
37863
  }
37810
37864
 
37811
37865
  .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
37812
- margin-right: 3rem;
37866
+ /* spacing 11 plus additional space for slug/close */
37867
+ /* stylelint-disable-next-line carbon/layout-token-use */
37868
+ padding-inline-end: calc(8rem);
37813
37869
  }
37814
37870
 
37815
37871
  .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
@@ -37875,7 +37931,7 @@ a.cds--side-nav__link--current::before {
37875
37931
  flex-grow: 1;
37876
37932
  }
37877
37933
 
37878
- .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__main {
37934
+ .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
37879
37935
  background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
37880
37936
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
37881
37937
  }
@@ -37924,6 +37980,11 @@ a.cds--side-nav__link--current::before {
37924
37980
  background: var(--cds-background, #ffffff);
37925
37981
  }
37926
37982
 
37983
+ .c4p--tearsheet.c4p--tearsheet--has-slug {
37984
+ /* stylelint-disable-next-line carbon/theme-token-use */
37985
+ --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
37986
+ }
37987
+
37927
37988
  .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
37928
37989
  inset-inline-end: 0;
37929
37990
  }
@@ -40281,6 +40342,78 @@ a.cds--side-nav__link--current::before {
40281
40342
  white-space: nowrap;
40282
40343
  }
40283
40344
 
40345
+ .c4p--description-list .cds--structured-list {
40346
+ margin-bottom: 2rem;
40347
+ }
40348
+
40349
+ .c4p--description-list .c4p--description-list__body .c4p--description-list__row {
40350
+ border-block-end-width: 0;
40351
+ border-block-start-width: 0;
40352
+ }
40353
+
40354
+ .c4p--description-list .cds--structured-list .c4p--description-list__body .c4p--description-list__row:first-child {
40355
+ border-block-start-width: 0;
40356
+ }
40357
+
40358
+ .c4p--description-list .cds--structured-list .c4p--description-list__body .c4p--description-list__row:last-child {
40359
+ border-block-end-width: 0;
40360
+ }
40361
+
40362
+ .c4p--description-list--bordered .c4p--description-list__body .c4p--description-list__row {
40363
+ border-block-start-width: 1px;
40364
+ }
40365
+
40366
+ .c4p--description-list .c4p--description-list__body .c4p--description-list__cell {
40367
+ font-size: var(--cds-body-01-font-size, 0.875rem);
40368
+ font-weight: var(--cds-body-01-font-weight, 400);
40369
+ line-height: var(--cds-body-01-line-height, 1.42857);
40370
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
40371
+ padding: 0.5rem 1.5rem 0.5rem 0.5rem;
40372
+ }
40373
+
40374
+ .c4p--description-list .c4p--description-list__body .c4p--description-list__cell:first-of-type {
40375
+ width: 1%;
40376
+ padding-left: 0;
40377
+ white-space: nowrap;
40378
+ }
40379
+
40380
+ .c4p--description-list .c4p--description-list__body .c4p--description-list__cell:last-of-type {
40381
+ padding-right: 0;
40382
+ color: var(--cds-text-primary, #161616);
40383
+ }
40384
+
40385
+ .c4p--description-list .c4p--description-list__body .c4p--description-list__row:first-of-type > .c4p--description-list__cell {
40386
+ padding-top: 0;
40387
+ }
40388
+
40389
+ .c4p--description-list .c4p--description-list__body .c4p--description-list__row:last-of-type > .c4p--description-list__cell {
40390
+ padding-bottom: 0;
40391
+ }
40392
+
40393
+ .c4p--description-list .c4p--description-list__body .c4p--description-list__cell ul {
40394
+ list-style: none;
40395
+ }
40396
+
40397
+ .c4p--description-list .c4p--description-list__body .c4p--description-list__cell ul > li {
40398
+ margin-bottom: 0.5rem;
40399
+ }
40400
+
40401
+ .c4p--description-list--lg .c4p--description-list__body .c4p--description-list__cell {
40402
+ padding: 1rem 1.5rem 1rem 1rem;
40403
+ }
40404
+
40405
+ .c4p--description-list--sm .c4p--description-list__body .c4p--description-list__cell {
40406
+ padding: 0.25rem 1.5rem 0.25rem 0.25rem;
40407
+ }
40408
+
40409
+ .c4p--description-list--xs .c4p--description-list__body .c4p--description-list__cell {
40410
+ padding: 0.25rem;
40411
+ }
40412
+
40413
+ .c4p--description-list .cds--structured-list-row--focused-within {
40414
+ outline: none;
40415
+ }
40416
+
40284
40417
  .c4p--full-page-error {
40285
40418
  height: inherit;
40286
40419
  }
@@ -40561,4 +40694,80 @@ a.cds--side-nav__link--current::before {
40561
40694
  height: 1.5rem;
40562
40695
  }
40563
40696
 
40697
+ /* stylelint-disable carbon/layout-token-use */
40698
+ /* stylelint-disable function-no-unknown */
40699
+ .c4p--status-indicator__title {
40700
+ font-size: var(--cds-heading-02-font-size, 1rem);
40701
+ font-weight: var(--cds-heading-02-font-weight, 600);
40702
+ line-height: var(--cds-heading-02-line-height, 1.5);
40703
+ letter-spacing: var(--cds-heading-02-letter-spacing, 0);
40704
+ margin-bottom: 0.25rem;
40705
+ }
40706
+
40707
+ .c4p--status-indicator-step__details {
40708
+ display: flex;
40709
+ min-height: 2rem;
40710
+ align-items: center;
40711
+ }
40712
+
40713
+ .c4p--status-indicator-step__icon {
40714
+ position: relative;
40715
+ display: flex;
40716
+ width: 1.5rem;
40717
+ }
40718
+
40719
+ .c4p--status-indicator-step__text {
40720
+ font-size: var(--cds-body-compact-01-font-size, 0.875rem);
40721
+ font-weight: var(--cds-body-compact-01-font-weight, 400);
40722
+ line-height: var(--cds-body-compact-01-line-height, 1.28572);
40723
+ letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
40724
+ color: var(--cds-text-primary, #161616);
40725
+ }
40726
+
40727
+ .c4p--status-indicator .c4p--status-indicator__button {
40728
+ align-items: center;
40729
+ margin-top: 0.125rem;
40730
+ margin-left: 0.5rem;
40731
+ }
40732
+
40733
+ .c4p--status-indicator .c4p--status-indicator__button:not([disabled]) svg {
40734
+ margin-left: 0.5rem;
40735
+ fill: currentColor;
40736
+ }
40737
+
40738
+ .c4p--status-indicator-step--inactive .c4p--status-indicator-step__text {
40739
+ color: var(--cds-text-secondary, #525252);
40740
+ }
40741
+
40742
+ .c4p--status-indicator-step--inactive svg {
40743
+ fill: var(--cds-icon-primary, #161616);
40744
+ }
40745
+
40746
+ .c4p--status-indicator-step--active .c4p--status-indicator-step__icon {
40747
+ margin-right: 0;
40748
+ }
40749
+
40750
+ .c4p--status-indicator-step--active .cds--inline-loading__animation {
40751
+ margin-right: 0.4375rem;
40752
+ }
40753
+
40754
+ .c4p--status-indicator-step--error svg {
40755
+ fill: var(--cds-support-error, #da1e28);
40756
+ }
40757
+
40758
+ .c4p--status-indicator-step--finished svg {
40759
+ fill: var(--cds-support-success, #24a148);
40760
+ }
40761
+
40762
+ .c4p--status-indicator-step__error-message {
40763
+ font-size: var(--cds-label-01-font-size, 0.75rem);
40764
+ font-weight: var(--cds-label-01-font-weight, 400);
40765
+ line-height: var(--cds-label-01-line-height, 1.33333);
40766
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
40767
+ margin-top: -0.125rem;
40768
+ margin-bottom: 0.375rem;
40769
+ margin-left: 1.5rem;
40770
+ color: var(--cds-text-error, #da1e28);
40771
+ }
40772
+
40564
40773
  /*# sourceMappingURL=index-full-carbon.css.map */