@carbon/ibm-products 1.2.4 → 1.5.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +662 -313
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-without-carbon-released-only.css +156 -81
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -2
- package/css/index-without-carbon.css +393 -81
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index.css +615 -81
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/es/components/APIKeyModal/APIKeyModal.js +25 -29
- package/es/components/ActionBar/ActionBar.js +4 -1
- package/es/components/ActionSet/ActionSet.js +22 -10
- package/es/components/ActionSet/actions.js +25 -17
- package/es/components/AddSelect/AddSelect.js +157 -0
- package/es/components/AddSelect/index.js +7 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +19 -15
- package/es/components/CancelableTextEdit/CancelableTextEdit.js +245 -0
- package/es/components/{CreateTearsheet/constants.js → CancelableTextEdit/index.js} +1 -2
- package/es/components/CreateFullPage/CreateFullPage.js +102 -258
- package/es/components/CreateFullPage/CreateFullPageStep.js +65 -13
- package/es/components/CreateFullPage/index.js +1 -2
- package/es/components/CreateInfluencer/CreateInfluencer.js +40 -220
- package/es/components/CreateTearsheet/CreateTearsheet.js +95 -146
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +70 -20
- package/es/components/CreateTearsheet/index.js +0 -1
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +87 -28
- package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
- package/es/components/ExportModal/ExportModal.js +41 -12
- package/es/components/ImportModal/ImportModal.js +2 -1
- package/es/components/InlineEdit/InlineEdit.js +224 -0
- package/es/components/InlineEdit/index.js +7 -0
- package/es/components/MultiAddSelect/MultiAddSelect.js +16 -0
- package/es/components/MultiAddSelect/index.js +1 -0
- package/es/components/OptionsTile/OptionsTile.js +36 -15
- package/es/components/PageHeader/PageHeader.js +54 -33
- package/es/components/PageHeader/PageHeaderTitle.js +78 -7
- package/es/components/PageHeader/PageHeaderUtils.js +21 -2
- package/es/components/RemoveModal/RemoveModal.js +4 -2
- package/es/components/SidePanel/SidePanel.js +1 -1
- package/es/components/SingleAddSelect/SingleAddSelect.js +15 -0
- package/es/components/SingleAddSelect/index.js +1 -0
- package/es/components/TagSet/TagSet.js +4 -1
- package/es/components/Tearsheet/Tearsheet.js +1 -1
- package/es/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/es/components/Tearsheet/TearsheetShell.js +1 -1
- package/es/components/Toolbar/Toolbar.js +69 -8
- package/es/components/index.js +5 -1
- package/es/global/js/hooks/index.js +1 -0
- package/es/global/js/hooks/useCreateComponentFocus.js +15 -19
- package/es/global/js/hooks/useCreateComponentStepChange.js +69 -79
- package/es/global/js/hooks/useResetCreateComponent.js +7 -4
- package/es/global/js/hooks/useRetrieveStepData.js +51 -0
- package/es/global/js/hooks/useValidCreateStepCount.js +4 -7
- package/es/global/js/package-settings.js +5 -1
- package/es/global/js/utils/lastIndexInArray.js +26 -0
- package/es/global/js/utils/story-helper.js +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.js +25 -29
- package/lib/components/ActionBar/ActionBar.js +4 -1
- package/lib/components/ActionSet/ActionSet.js +22 -10
- package/lib/components/ActionSet/actions.js +25 -17
- package/lib/components/AddSelect/AddSelect.js +178 -0
- package/lib/components/AddSelect/index.js +13 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +18 -14
- package/lib/components/CancelableTextEdit/CancelableTextEdit.js +265 -0
- package/lib/components/CancelableTextEdit/index.js +13 -0
- package/lib/components/CreateFullPage/CreateFullPage.js +102 -258
- package/lib/components/CreateFullPage/CreateFullPageStep.js +68 -13
- package/lib/components/CreateFullPage/index.js +1 -9
- package/lib/components/CreateInfluencer/CreateInfluencer.js +38 -231
- package/lib/components/CreateTearsheet/CreateTearsheet.js +97 -148
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +72 -19
- package/lib/components/CreateTearsheet/index.js +0 -8
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +86 -34
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
- package/lib/components/ExportModal/ExportModal.js +38 -11
- package/lib/components/ImportModal/ImportModal.js +2 -1
- package/lib/components/InlineEdit/InlineEdit.js +242 -0
- package/lib/components/InlineEdit/index.js +13 -0
- package/lib/components/MultiAddSelect/MultiAddSelect.js +37 -0
- package/lib/components/MultiAddSelect/index.js +13 -0
- package/lib/components/OptionsTile/OptionsTile.js +36 -15
- package/lib/components/PageHeader/PageHeader.js +54 -33
- package/lib/components/PageHeader/PageHeaderTitle.js +87 -9
- package/lib/components/PageHeader/PageHeaderUtils.js +21 -2
- package/lib/components/RemoveModal/RemoveModal.js +4 -2
- package/lib/components/SidePanel/SidePanel.js +1 -1
- package/lib/components/SingleAddSelect/SingleAddSelect.js +36 -0
- package/lib/components/SingleAddSelect/index.js +13 -0
- package/lib/components/TagSet/TagSet.js +4 -1
- package/lib/components/Tearsheet/Tearsheet.js +1 -1
- package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/lib/components/Tearsheet/TearsheetShell.js +1 -1
- package/lib/components/Toolbar/Toolbar.js +69 -6
- package/lib/components/index.js +33 -1
- package/lib/global/js/hooks/index.js +8 -0
- package/lib/global/js/hooks/useCreateComponentFocus.js +15 -19
- package/lib/global/js/hooks/useCreateComponentStepChange.js +69 -79
- package/lib/global/js/hooks/useResetCreateComponent.js +7 -4
- package/lib/global/js/hooks/useRetrieveStepData.js +62 -0
- package/lib/global/js/hooks/useValidCreateStepCount.js +4 -7
- package/lib/global/js/package-settings.js +5 -1
- package/lib/global/js/utils/lastIndexInArray.js +35 -0
- package/lib/global/js/utils/story-helper.js +1 -1
- package/package.json +22 -22
- package/scss/components/AddSelect/_add-select.scss +84 -0
- package/scss/components/AddSelect/_index.scss +10 -0
- package/scss/components/AddSelect/_storybook-styles.scss +6 -0
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +19 -15
- package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +211 -0
- package/{es/components/CreateFullPage/constants.js → scss/components/CancelableTextEdit/_index.scss} +2 -2
- package/scss/components/CancelableTextEdit/_storybook-styles.scss +15 -0
- package/scss/components/CreateFullPage/_create-full-page.scss +4 -11
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +4 -8
- package/scss/components/InlineEdit/_index.scss +8 -0
- package/scss/components/InlineEdit/_inline-edit.scss +44 -0
- package/scss/components/InlineEdit/_storybook-styles.scss +15 -0
- package/scss/components/MultiAddSelect/_index.scss +1 -0
- package/scss/components/MultiAddSelect/_multi-add-select.scss +1 -0
- package/scss/components/MultiAddSelect/_storybook-styles.scss +6 -0
- package/scss/components/PageHeader/_page-header.scss +14 -4
- package/scss/components/SingleAddSelect/_index.scss +1 -0
- package/scss/components/SingleAddSelect/_single-add-select.scss +1 -0
- package/scss/components/SingleAddSelect/_storybook-styles.scss +6 -0
- package/scss/components/StatusIcon/_status-icon.scss +2 -0
- package/scss/components/_index.scss +4 -0
- package/es/components/CreateFullPage/CreateFullPageSection.js +0 -53
- package/es/components/CreateTearsheet/CreateTearsheetSection.js +0 -83
- package/es/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -327
- package/es/global/js/utils/hasValidType.js +0 -94
- package/lib/components/CreateFullPage/CreateFullPageSection.js +0 -74
- package/lib/components/CreateFullPage/constants.js +0 -16
- package/lib/components/CreateTearsheet/CreateTearsheetSection.js +0 -105
- package/lib/components/CreateTearsheet/constants.js +0 -17
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -354
- package/lib/global/js/utils/hasValidType.js +0 -110
@@ -1362,20 +1362,14 @@
|
|
1362
1362
|
margin-left: 0;
|
1363
1363
|
}
|
1364
1364
|
|
1365
|
-
.c4p--create-full-page .c4p--create-full-
|
1366
|
-
.c4p--create-full-page .c4p--create-full-page__step--hidden-section {
|
1365
|
+
.c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
|
1367
1366
|
display: none;
|
1368
1367
|
}
|
1369
1368
|
|
1370
|
-
.c4p--create-full-page .c4p--create-full-
|
1369
|
+
.c4p--create-full-page .c4p--create-full-page__step__step--visible-step {
|
1371
1370
|
display: block;
|
1372
1371
|
}
|
1373
1372
|
|
1374
|
-
.c4p--create-full-page .c4p--create-full-page__step--visible-step {
|
1375
|
-
opacity: 1;
|
1376
|
-
}
|
1377
|
-
|
1378
|
-
.c4p--create-full-page .c4p--create-full-page__section-subtitle,
|
1379
1373
|
.c4p--create-full-page .c4p--create-full-page__step-subtitle {
|
1380
1374
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
1381
1375
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
@@ -1385,7 +1379,6 @@
|
|
1385
1379
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
1386
1380
|
}
|
1387
1381
|
|
1388
|
-
.c4p--create-full-page .c4p--create-full-page__section-description,
|
1389
1382
|
.c4p--create-full-page .c4p--create-full-page__step-description {
|
1390
1383
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
1391
1384
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
@@ -1473,8 +1466,7 @@
|
|
1473
1466
|
content: "";
|
1474
1467
|
}
|
1475
1468
|
|
1476
|
-
.c4p--create-full-page .c4p--create-full-page__step-title
|
1477
|
-
.c4p--create-full-page .c4p--create-full-page__section-title {
|
1469
|
+
.c4p--create-full-page .c4p--create-full-page__step-title {
|
1478
1470
|
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
1479
1471
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
1480
1472
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
@@ -3224,16 +3216,11 @@
|
|
3224
3216
|
--c4p--tearsheet-create--total-width: 0;
|
3225
3217
|
}
|
3226
3218
|
|
3227
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
3228
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-section {
|
3219
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--hidden-step {
|
3229
3220
|
display: none;
|
3230
3221
|
}
|
3231
3222
|
|
3232
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
3233
|
-
display: block;
|
3234
|
-
}
|
3235
|
-
|
3236
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
|
3223
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
3237
3224
|
animation: 400ms stepContentEntrance;
|
3238
3225
|
animation-fill-mode: forwards;
|
3239
3226
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
@@ -3241,7 +3228,7 @@
|
|
3241
3228
|
}
|
3242
3229
|
|
3243
3230
|
@media (prefers-reduced-motion) {
|
3244
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
3231
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
3245
3232
|
animation: none;
|
3246
3233
|
opacity: 1;
|
3247
3234
|
}
|
@@ -5428,14 +5415,9 @@
|
|
5428
5415
|
white-space: nowrap;
|
5429
5416
|
}
|
5430
5417
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
5431
|
-
display:
|
5418
|
+
display: inline-flex;
|
5432
5419
|
width: 100%;
|
5433
5420
|
}
|
5434
|
-
@media (min-width: 42rem) {
|
5435
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
5436
|
-
display: inline-flex;
|
5437
|
-
}
|
5438
|
-
}
|
5439
5421
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .bx--breadcrumb {
|
5440
5422
|
width: 100%;
|
5441
5423
|
flex-wrap: nowrap;
|
@@ -5450,11 +5432,24 @@
|
|
5450
5432
|
pointer-events: none;
|
5451
5433
|
visibility: hidden;
|
5452
5434
|
}
|
5435
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
|
5436
|
+
display: none;
|
5437
|
+
}
|
5438
|
+
@media (max-width: 41.98rem) {
|
5439
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item {
|
5440
|
+
display: none;
|
5441
|
+
}
|
5442
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
|
5443
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
5444
|
+
display: inline-flex;
|
5445
|
+
vertical-align: middle;
|
5446
|
+
}
|
5447
|
+
}
|
5453
5448
|
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
5454
|
-
display: inline;
|
5449
|
+
display: inline-flex;
|
5455
5450
|
}
|
5456
5451
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
|
5457
|
-
display: inline;
|
5452
|
+
display: inline-flex;
|
5458
5453
|
overflow: hidden;
|
5459
5454
|
}
|
5460
5455
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .bx--link {
|
@@ -5466,15 +5461,6 @@
|
|
5466
5461
|
.c4p--breadcrumb-with-overflow .bx--link {
|
5467
5462
|
max-height: 18px;
|
5468
5463
|
}
|
5469
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
5470
|
-
display: inline-flex;
|
5471
|
-
margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem));
|
5472
|
-
}
|
5473
|
-
@media (min-width: 42rem) {
|
5474
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
5475
|
-
display: none;
|
5476
|
-
}
|
5477
|
-
}
|
5478
5464
|
|
5479
5465
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
5480
5466
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -5894,7 +5880,7 @@
|
|
5894
5880
|
height: var(--cds-spacing-02, 0.25rem);
|
5895
5881
|
}
|
5896
5882
|
.c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
|
5897
|
-
|
5883
|
+
min-height: var(--cds-spacing-07, 2rem);
|
5898
5884
|
}
|
5899
5885
|
.c4p--page-header .c4p--page-header__breadcrumb-row--container {
|
5900
5886
|
display: flex;
|
@@ -5925,7 +5911,7 @@
|
|
5925
5911
|
transform: translateX(-50%) scaleX(1);
|
5926
5912
|
transition: all 150ms ease-out;
|
5927
5913
|
}
|
5928
|
-
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs::after,
|
5914
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
|
5929
5915
|
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
|
5930
5916
|
/* creates a full width box shadow without causing scroll */
|
5931
5917
|
box-shadow: 25vw 1px 0 0 var(--cds-ui-03, #e0e0e0), -25vw 1px 0 0 var(--cds-ui-03, #e0e0e0);
|
@@ -6113,8 +6099,6 @@
|
|
6113
6099
|
top: var(--c4p--page-header--breadcrumb-top);
|
6114
6100
|
}
|
6115
6101
|
.c4p--page-header .c4p--page-header__title-column {
|
6116
|
-
overflow: hidden;
|
6117
|
-
/* required for ellipsis in title */
|
6118
6102
|
min-height: 40px;
|
6119
6103
|
flex: 0 0 100%;
|
6120
6104
|
}
|
@@ -6129,10 +6113,17 @@
|
|
6129
6113
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
6130
6114
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
6131
6115
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
6132
|
-
overflow: hidden;
|
6116
|
+
overflow-x: hidden;
|
6133
6117
|
text-overflow: ellipsis;
|
6134
6118
|
white-space: nowrap;
|
6135
6119
|
}
|
6120
|
+
.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
|
6121
|
+
transform: translateY(-2px);
|
6122
|
+
}
|
6123
|
+
.c4p--page-header .c4p--page-header__title--editable {
|
6124
|
+
display: flex;
|
6125
|
+
overflow: visible;
|
6126
|
+
}
|
6136
6127
|
.c4p--page-header .c4p--page-header__title-skeleton {
|
6137
6128
|
height: var(--cds-spacing-07, 2rem);
|
6138
6129
|
}
|
@@ -6921,386 +6912,470 @@
|
|
6921
6912
|
fill: #161616;
|
6922
6913
|
}
|
6923
6914
|
|
6915
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
|
6924
6916
|
.c4p--status-icon--light.c4p--status-icon--light-fatal {
|
6925
6917
|
fill: #000000;
|
6926
6918
|
}
|
6927
6919
|
@media (prefers-reduced-motion) {
|
6928
|
-
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
6920
|
+
.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,
|
6921
|
+
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
6929
6922
|
animation: none;
|
6930
6923
|
}
|
6931
6924
|
}
|
6932
6925
|
|
6926
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
|
6933
6927
|
.c4p--status-icon--light.c4p--status-icon--dark-fatal {
|
6934
6928
|
fill: #000000;
|
6935
6929
|
}
|
6936
6930
|
@media (prefers-reduced-motion) {
|
6937
|
-
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
6931
|
+
.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,
|
6932
|
+
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
6938
6933
|
animation: none;
|
6939
6934
|
}
|
6940
6935
|
}
|
6941
6936
|
|
6937
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
|
6942
6938
|
.c4p--status-icon--light.c4p--status-icon--light-critical {
|
6943
6939
|
fill: #da1e28;
|
6944
6940
|
}
|
6945
6941
|
@media (prefers-reduced-motion) {
|
6946
|
-
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
6942
|
+
.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,
|
6943
|
+
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
6947
6944
|
animation: none;
|
6948
6945
|
}
|
6949
6946
|
}
|
6950
6947
|
|
6948
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
|
6951
6949
|
.c4p--status-icon--light.c4p--status-icon--dark-critical {
|
6952
6950
|
fill: #da1e28;
|
6953
6951
|
}
|
6954
6952
|
@media (prefers-reduced-motion) {
|
6955
|
-
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
6953
|
+
.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,
|
6954
|
+
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
6956
6955
|
animation: none;
|
6957
6956
|
}
|
6958
6957
|
}
|
6959
6958
|
|
6959
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
|
6960
6960
|
.c4p--status-icon--light.c4p--status-icon--light-major-warning {
|
6961
6961
|
fill: #ff832b;
|
6962
6962
|
}
|
6963
6963
|
@media (prefers-reduced-motion) {
|
6964
|
-
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
6964
|
+
.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,
|
6965
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
6965
6966
|
animation: none;
|
6966
6967
|
}
|
6967
6968
|
}
|
6968
6969
|
|
6970
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
|
6969
6971
|
.c4p--status-icon--light.c4p--status-icon--dark-major-warning {
|
6970
6972
|
fill: #ff832b;
|
6971
6973
|
}
|
6972
6974
|
@media (prefers-reduced-motion) {
|
6973
|
-
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
6975
|
+
.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,
|
6976
|
+
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
6974
6977
|
animation: none;
|
6975
6978
|
}
|
6976
6979
|
}
|
6977
6980
|
|
6981
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
|
6978
6982
|
.c4p--status-icon--light.c4p--status-icon--light-minor-warning {
|
6979
6983
|
fill: #fddc69;
|
6980
6984
|
}
|
6981
6985
|
@media (prefers-reduced-motion) {
|
6982
|
-
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
6986
|
+
.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,
|
6987
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
6983
6988
|
animation: none;
|
6984
6989
|
}
|
6985
6990
|
}
|
6986
6991
|
|
6992
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
|
6987
6993
|
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
|
6988
6994
|
fill: #fddc69;
|
6989
6995
|
}
|
6990
6996
|
@media (prefers-reduced-motion) {
|
6991
|
-
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
6997
|
+
.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,
|
6998
|
+
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
6992
6999
|
animation: none;
|
6993
7000
|
}
|
6994
7001
|
}
|
6995
7002
|
|
7003
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
|
6996
7004
|
.c4p--status-icon--light.c4p--status-icon--light-undefined {
|
6997
7005
|
fill: #8a3ffc;
|
6998
7006
|
}
|
6999
7007
|
@media (prefers-reduced-motion) {
|
7000
|
-
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
7008
|
+
.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,
|
7009
|
+
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7001
7010
|
animation: none;
|
7002
7011
|
}
|
7003
7012
|
}
|
7004
7013
|
|
7014
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
|
7005
7015
|
.c4p--status-icon--light.c4p--status-icon--dark-undefined {
|
7006
7016
|
fill: #8a3ffc;
|
7007
7017
|
}
|
7008
7018
|
@media (prefers-reduced-motion) {
|
7009
|
-
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
7019
|
+
.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,
|
7020
|
+
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7010
7021
|
animation: none;
|
7011
7022
|
}
|
7012
7023
|
}
|
7013
7024
|
|
7025
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
|
7014
7026
|
.c4p--status-icon--light.c4p--status-icon--light-unknown {
|
7015
7027
|
fill: #6f6f6f;
|
7016
7028
|
}
|
7017
7029
|
@media (prefers-reduced-motion) {
|
7018
|
-
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
7030
|
+
.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,
|
7031
|
+
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7019
7032
|
animation: none;
|
7020
7033
|
}
|
7021
7034
|
}
|
7022
7035
|
|
7036
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
|
7023
7037
|
.c4p--status-icon--light.c4p--status-icon--dark-unknown {
|
7024
7038
|
fill: #6f6f6f;
|
7025
7039
|
}
|
7026
7040
|
@media (prefers-reduced-motion) {
|
7027
|
-
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
7041
|
+
.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,
|
7042
|
+
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7028
7043
|
animation: none;
|
7029
7044
|
}
|
7030
7045
|
}
|
7031
7046
|
|
7047
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
|
7032
7048
|
.c4p--status-icon--light.c4p--status-icon--light-normal {
|
7033
7049
|
fill: #198038;
|
7034
7050
|
}
|
7035
7051
|
@media (prefers-reduced-motion) {
|
7036
|
-
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
7052
|
+
.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,
|
7053
|
+
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7037
7054
|
animation: none;
|
7038
7055
|
}
|
7039
7056
|
}
|
7040
7057
|
|
7058
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
|
7041
7059
|
.c4p--status-icon--light.c4p--status-icon--dark-normal {
|
7042
7060
|
fill: #198038;
|
7043
7061
|
}
|
7044
7062
|
@media (prefers-reduced-motion) {
|
7045
|
-
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
7063
|
+
.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,
|
7064
|
+
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7046
7065
|
animation: none;
|
7047
7066
|
}
|
7048
7067
|
}
|
7049
7068
|
|
7069
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
|
7050
7070
|
.c4p--status-icon--light.c4p--status-icon--light-info {
|
7051
7071
|
fill: #0f62fe;
|
7052
7072
|
}
|
7053
7073
|
@media (prefers-reduced-motion) {
|
7054
|
-
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
7074
|
+
.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,
|
7075
|
+
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7055
7076
|
animation: none;
|
7056
7077
|
}
|
7057
7078
|
}
|
7058
7079
|
|
7080
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
|
7059
7081
|
.c4p--status-icon--light.c4p--status-icon--dark-info {
|
7060
7082
|
fill: #0f62fe;
|
7061
7083
|
}
|
7062
7084
|
@media (prefers-reduced-motion) {
|
7063
|
-
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
7085
|
+
.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,
|
7086
|
+
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7064
7087
|
animation: none;
|
7065
7088
|
}
|
7066
7089
|
}
|
7067
7090
|
|
7091
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
7068
7092
|
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7069
7093
|
animation: rotating 8000ms infinite linear;
|
7070
7094
|
fill: #0f62fe;
|
7071
7095
|
}
|
7072
7096
|
@media (prefers-reduced-motion: reduce) {
|
7073
|
-
.c4p--status-icon--light.c4p--status-icon--light-in-progress
|
7097
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
7098
|
+
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7074
7099
|
animation: none;
|
7075
7100
|
}
|
7076
7101
|
}
|
7077
7102
|
|
7103
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
7078
7104
|
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7079
7105
|
animation: rotating 8000ms infinite linear;
|
7080
7106
|
fill: #0f62fe;
|
7081
7107
|
}
|
7082
7108
|
@media (prefers-reduced-motion: reduce) {
|
7083
|
-
.c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
7109
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
7110
|
+
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7084
7111
|
animation: none;
|
7085
7112
|
}
|
7086
7113
|
}
|
7087
7114
|
|
7115
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
|
7088
7116
|
.c4p--status-icon--light.c4p--status-icon--light-running {
|
7089
7117
|
fill: #198038;
|
7090
7118
|
transform: scaleY(-1);
|
7091
7119
|
}
|
7092
7120
|
|
7121
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
|
7093
7122
|
.c4p--status-icon--light.c4p--status-icon--dark-running {
|
7094
7123
|
fill: #198038;
|
7095
7124
|
transform: scaleY(-1);
|
7096
7125
|
}
|
7097
7126
|
|
7127
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
|
7098
7128
|
.c4p--status-icon--light.c4p--status-icon--light-pending {
|
7099
7129
|
fill: #6f6f6f;
|
7100
7130
|
}
|
7101
7131
|
@media (prefers-reduced-motion) {
|
7102
|
-
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
7132
|
+
.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,
|
7133
|
+
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7103
7134
|
animation: none;
|
7104
7135
|
}
|
7105
7136
|
}
|
7106
7137
|
|
7138
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
|
7107
7139
|
.c4p--status-icon--light.c4p--status-icon--dark-pending {
|
7108
7140
|
fill: #6f6f6f;
|
7109
7141
|
}
|
7110
7142
|
@media (prefers-reduced-motion) {
|
7111
|
-
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
7143
|
+
.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,
|
7144
|
+
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7112
7145
|
animation: none;
|
7113
7146
|
}
|
7114
7147
|
}
|
7115
7148
|
|
7149
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
|
7116
7150
|
.c4p--status-icon--dark.c4p--status-icon--light-fatal {
|
7117
7151
|
fill: #8d8d8d;
|
7118
7152
|
}
|
7119
7153
|
@media (prefers-reduced-motion) {
|
7120
|
-
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7154
|
+
.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,
|
7155
|
+
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7121
7156
|
animation: none;
|
7122
7157
|
}
|
7123
7158
|
}
|
7124
7159
|
|
7160
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
|
7125
7161
|
.c4p--status-icon--dark.c4p--status-icon--dark-fatal {
|
7126
7162
|
fill: #8d8d8d;
|
7127
7163
|
}
|
7128
7164
|
@media (prefers-reduced-motion) {
|
7129
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7165
|
+
.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,
|
7166
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7130
7167
|
animation: none;
|
7131
7168
|
}
|
7132
7169
|
}
|
7133
7170
|
|
7171
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
|
7134
7172
|
.c4p--status-icon--dark.c4p--status-icon--light-critical {
|
7135
7173
|
fill: #fa4d56;
|
7136
7174
|
}
|
7137
7175
|
@media (prefers-reduced-motion) {
|
7138
|
-
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7176
|
+
.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,
|
7177
|
+
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7139
7178
|
animation: none;
|
7140
7179
|
}
|
7141
7180
|
}
|
7142
7181
|
|
7182
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
|
7143
7183
|
.c4p--status-icon--dark.c4p--status-icon--dark-critical {
|
7144
7184
|
fill: #fa4d56;
|
7145
7185
|
}
|
7146
7186
|
@media (prefers-reduced-motion) {
|
7147
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7187
|
+
.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,
|
7188
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7148
7189
|
animation: none;
|
7149
7190
|
}
|
7150
7191
|
}
|
7151
7192
|
|
7193
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
|
7152
7194
|
.c4p--status-icon--dark.c4p--status-icon--light-major-warning {
|
7153
7195
|
fill: #ff832b;
|
7154
7196
|
}
|
7155
7197
|
@media (prefers-reduced-motion) {
|
7156
|
-
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7198
|
+
.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,
|
7199
|
+
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7157
7200
|
animation: none;
|
7158
7201
|
}
|
7159
7202
|
}
|
7160
7203
|
|
7204
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
|
7161
7205
|
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
|
7162
7206
|
fill: #ff832b;
|
7163
7207
|
}
|
7164
7208
|
@media (prefers-reduced-motion) {
|
7165
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7209
|
+
.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,
|
7210
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7166
7211
|
animation: none;
|
7167
7212
|
}
|
7168
7213
|
}
|
7169
7214
|
|
7215
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
|
7170
7216
|
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
|
7171
7217
|
fill: #fddc69;
|
7172
7218
|
}
|
7173
7219
|
@media (prefers-reduced-motion) {
|
7174
|
-
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7220
|
+
.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,
|
7221
|
+
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7175
7222
|
animation: none;
|
7176
7223
|
}
|
7177
7224
|
}
|
7178
7225
|
|
7226
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
|
7179
7227
|
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
|
7180
7228
|
fill: #fddc69;
|
7181
7229
|
}
|
7182
7230
|
@media (prefers-reduced-motion) {
|
7183
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7231
|
+
.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,
|
7232
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7184
7233
|
animation: none;
|
7185
7234
|
}
|
7186
7235
|
}
|
7187
7236
|
|
7237
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
|
7188
7238
|
.c4p--status-icon--dark.c4p--status-icon--light-undefined {
|
7189
7239
|
fill: #a56eff;
|
7190
7240
|
}
|
7191
7241
|
@media (prefers-reduced-motion) {
|
7192
|
-
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7242
|
+
.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,
|
7243
|
+
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7193
7244
|
animation: none;
|
7194
7245
|
}
|
7195
7246
|
}
|
7196
7247
|
|
7248
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
|
7197
7249
|
.c4p--status-icon--dark.c4p--status-icon--dark-undefined {
|
7198
7250
|
fill: #a56eff;
|
7199
7251
|
}
|
7200
7252
|
@media (prefers-reduced-motion) {
|
7201
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7253
|
+
.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,
|
7254
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7202
7255
|
animation: none;
|
7203
7256
|
}
|
7204
7257
|
}
|
7205
7258
|
|
7259
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
|
7206
7260
|
.c4p--status-icon--dark.c4p--status-icon--light-unknown {
|
7207
7261
|
fill: #8d8d8d;
|
7208
7262
|
}
|
7209
7263
|
@media (prefers-reduced-motion) {
|
7210
|
-
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7264
|
+
.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,
|
7265
|
+
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7211
7266
|
animation: none;
|
7212
7267
|
}
|
7213
7268
|
}
|
7214
7269
|
|
7270
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
|
7215
7271
|
.c4p--status-icon--dark.c4p--status-icon--dark-unknown {
|
7216
7272
|
fill: #8d8d8d;
|
7217
7273
|
}
|
7218
7274
|
@media (prefers-reduced-motion) {
|
7219
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7275
|
+
.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,
|
7276
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7220
7277
|
animation: none;
|
7221
7278
|
}
|
7222
7279
|
}
|
7223
7280
|
|
7281
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
|
7224
7282
|
.c4p--status-icon--dark.c4p--status-icon--light-normal {
|
7225
7283
|
fill: #24a148;
|
7226
7284
|
}
|
7227
7285
|
@media (prefers-reduced-motion) {
|
7228
|
-
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7286
|
+
.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,
|
7287
|
+
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7229
7288
|
animation: none;
|
7230
7289
|
}
|
7231
7290
|
}
|
7232
7291
|
|
7292
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
|
7233
7293
|
.c4p--status-icon--dark.c4p--status-icon--dark-normal {
|
7234
7294
|
fill: #24a148;
|
7235
7295
|
}
|
7236
7296
|
@media (prefers-reduced-motion) {
|
7237
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7297
|
+
.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,
|
7298
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7238
7299
|
animation: none;
|
7239
7300
|
}
|
7240
7301
|
}
|
7241
7302
|
|
7303
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
|
7242
7304
|
.c4p--status-icon--dark.c4p--status-icon--light-info {
|
7243
7305
|
fill: #4589ff;
|
7244
7306
|
}
|
7245
7307
|
@media (prefers-reduced-motion) {
|
7246
|
-
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7308
|
+
.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,
|
7309
|
+
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7247
7310
|
animation: none;
|
7248
7311
|
}
|
7249
7312
|
}
|
7250
7313
|
|
7314
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
|
7251
7315
|
.c4p--status-icon--dark.c4p--status-icon--dark-info {
|
7252
7316
|
fill: #4589ff;
|
7253
7317
|
}
|
7254
7318
|
@media (prefers-reduced-motion) {
|
7255
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7319
|
+
.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,
|
7320
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7256
7321
|
animation: none;
|
7257
7322
|
}
|
7258
7323
|
}
|
7259
7324
|
|
7325
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
7260
7326
|
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7261
7327
|
animation: rotating 8000ms infinite linear;
|
7262
7328
|
fill: #4589ff;
|
7263
7329
|
}
|
7264
7330
|
@media (prefers-reduced-motion: reduce) {
|
7265
|
-
.c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7331
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
7332
|
+
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7266
7333
|
animation: none;
|
7267
7334
|
}
|
7268
7335
|
}
|
7269
7336
|
|
7337
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
7270
7338
|
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7271
7339
|
animation: rotating 8000ms infinite linear;
|
7272
7340
|
fill: #4589ff;
|
7273
7341
|
}
|
7274
7342
|
@media (prefers-reduced-motion: reduce) {
|
7275
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7343
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
7344
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7276
7345
|
animation: none;
|
7277
7346
|
}
|
7278
7347
|
}
|
7279
7348
|
|
7349
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
|
7280
7350
|
.c4p--status-icon--dark.c4p--status-icon--light-running {
|
7281
7351
|
fill: #24a148;
|
7282
7352
|
transform: scaleY(-1);
|
7283
7353
|
}
|
7284
7354
|
|
7355
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
|
7285
7356
|
.c4p--status-icon--dark.c4p--status-icon--dark-running {
|
7286
7357
|
fill: #24a148;
|
7287
7358
|
transform: scaleY(-1);
|
7288
7359
|
}
|
7289
7360
|
|
7361
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
|
7290
7362
|
.c4p--status-icon--dark.c4p--status-icon--light-pending {
|
7291
7363
|
fill: #8d8d8d;
|
7292
7364
|
}
|
7293
7365
|
@media (prefers-reduced-motion) {
|
7294
|
-
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
7366
|
+
.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,
|
7367
|
+
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
7295
7368
|
animation: none;
|
7296
7369
|
}
|
7297
7370
|
}
|
7298
7371
|
|
7372
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
|
7299
7373
|
.c4p--status-icon--dark.c4p--status-icon--dark-pending {
|
7300
7374
|
fill: #8d8d8d;
|
7301
7375
|
}
|
7302
7376
|
@media (prefers-reduced-motion) {
|
7303
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
7377
|
+
.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,
|
7378
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
7304
7379
|
animation: none;
|
7305
7380
|
}
|
7306
7381
|
}
|