@carbon/ibm-products 2.28.1 → 2.29.0-alpha.10
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +224 -15
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +40 -8
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +224 -15
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +188 -8
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.d.ts +2 -1
- package/es/components/APIKeyModal/APIKeyModal.js +13 -9
- package/es/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
- package/es/components/Datagrid/useInitialColumnSort.d.ts +1 -0
- package/es/components/Datagrid/useInitialColumnSort.js +42 -0
- package/es/components/Datagrid/useSortableColumns.d.ts +4 -0
- package/es/components/Datagrid/useSortableColumns.js +16 -16
- package/es/components/DescriptionList/DescriptionList.d.ts +42 -0
- package/es/components/DescriptionList/DescriptionList.js +88 -0
- package/es/components/DescriptionList/constants.d.ts +6 -0
- package/es/components/DescriptionList/constants.js +16 -0
- package/es/components/DescriptionList/index.d.ts +1 -0
- package/es/components/EmptyStates/EmptyStateContent.d.ts +1 -287
- package/es/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
- package/es/components/StatusIndicator/StatusIndicator.d.ts +5 -0
- package/es/components/StatusIndicator/StatusIndicator.js +100 -0
- package/es/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
- package/es/components/StatusIndicator/index.d.ts +2 -0
- package/es/components/index.d.ts +2 -0
- package/es/global/js/package-settings.d.ts +3 -0
- package/es/global/js/package-settings.js +3 -0
- package/es/index.js +2 -0
- package/es/settings.d.ts +3 -0
- package/lib/components/APIKeyModal/APIKeyModal.d.ts +2 -1
- package/lib/components/APIKeyModal/APIKeyModal.js +13 -9
- package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
- package/lib/components/Datagrid/useInitialColumnSort.d.ts +1 -0
- package/lib/components/Datagrid/useInitialColumnSort.js +46 -0
- package/lib/components/Datagrid/useSortableColumns.d.ts +4 -0
- package/lib/components/Datagrid/useSortableColumns.js +16 -15
- package/lib/components/DescriptionList/DescriptionList.d.ts +42 -0
- package/lib/components/DescriptionList/DescriptionList.js +95 -0
- package/lib/components/DescriptionList/constants.d.ts +6 -0
- package/lib/components/DescriptionList/constants.js +20 -0
- package/lib/components/DescriptionList/index.d.ts +1 -0
- package/lib/components/EmptyStates/EmptyStateContent.d.ts +1 -287
- package/lib/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
- package/lib/components/StatusIndicator/StatusIndicator.d.ts +5 -0
- package/lib/components/StatusIndicator/StatusIndicator.js +107 -0
- package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
- package/lib/components/StatusIndicator/index.d.ts +2 -0
- package/lib/components/index.d.ts +2 -0
- package/lib/global/js/package-settings.d.ts +3 -0
- package/lib/global/js/package-settings.js +3 -0
- package/lib/index.js +10 -0
- package/lib/settings.d.ts +3 -0
- package/package.json +2 -2
- package/scss/components/DescriptionList/_carbon-imports.scss +9 -0
- package/scss/components/DescriptionList/_description-list.scss +103 -0
- package/scss/components/DescriptionList/_index-with-carbon.scss +9 -0
- package/scss/components/DescriptionList/_index.scss +8 -0
- package/scss/components/SidePanel/_side-panel.scss +6 -1
- package/scss/components/StatusIndicator/_carbon-imports.scss +12 -0
- package/scss/components/StatusIndicator/_index-with-carbon.scss +9 -0
- package/scss/components/StatusIndicator/_index.scss +8 -0
- package/scss/components/StatusIndicator/_status-indicator.scss +93 -0
- package/scss/components/Tearsheet/_tearsheet.scss +41 -15
- package/scss/components/_index-with-carbon.scss +2 -0
- 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:
|
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
|
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
|
-
|
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-
|
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
|
-
|
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%;
|
@@ -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
|
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
|
-
|
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-
|
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
|
-
|
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 {
|
@@ -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 */
|