@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
package/css/index.css
CHANGED
@@ -11754,20 +11754,14 @@ a.bx--overflow-menu-options__btn::before {
|
|
11754
11754
|
margin-left: 0;
|
11755
11755
|
}
|
11756
11756
|
|
11757
|
-
.c4p--create-full-page .c4p--create-full-
|
11758
|
-
.c4p--create-full-page .c4p--create-full-page__step--hidden-section {
|
11757
|
+
.c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
|
11759
11758
|
display: none;
|
11760
11759
|
}
|
11761
11760
|
|
11762
|
-
.c4p--create-full-page .c4p--create-full-
|
11761
|
+
.c4p--create-full-page .c4p--create-full-page__step__step--visible-step {
|
11763
11762
|
display: block;
|
11764
11763
|
}
|
11765
11764
|
|
11766
|
-
.c4p--create-full-page .c4p--create-full-page__step--visible-step {
|
11767
|
-
opacity: 1;
|
11768
|
-
}
|
11769
|
-
|
11770
|
-
.c4p--create-full-page .c4p--create-full-page__section-subtitle,
|
11771
11765
|
.c4p--create-full-page .c4p--create-full-page__step-subtitle {
|
11772
11766
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
11773
11767
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
@@ -11777,7 +11771,6 @@ a.bx--overflow-menu-options__btn::before {
|
|
11777
11771
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
11778
11772
|
}
|
11779
11773
|
|
11780
|
-
.c4p--create-full-page .c4p--create-full-page__section-description,
|
11781
11774
|
.c4p--create-full-page .c4p--create-full-page__step-description {
|
11782
11775
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
11783
11776
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
@@ -11865,8 +11858,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11865
11858
|
content: "";
|
11866
11859
|
}
|
11867
11860
|
|
11868
|
-
.c4p--create-full-page .c4p--create-full-page__step-title
|
11869
|
-
.c4p--create-full-page .c4p--create-full-page__section-title {
|
11861
|
+
.c4p--create-full-page .c4p--create-full-page__step-title {
|
11870
11862
|
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
11871
11863
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
11872
11864
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
@@ -14171,16 +14163,11 @@ a.bx--side-nav__link--current::before {
|
|
14171
14163
|
--c4p--tearsheet-create--total-width: 0;
|
14172
14164
|
}
|
14173
14165
|
|
14174
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14175
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-section {
|
14166
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--hidden-step {
|
14176
14167
|
display: none;
|
14177
14168
|
}
|
14178
14169
|
|
14179
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14180
|
-
display: block;
|
14181
|
-
}
|
14182
|
-
|
14183
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
|
14170
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14184
14171
|
animation: 400ms stepContentEntrance;
|
14185
14172
|
animation-fill-mode: forwards;
|
14186
14173
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
@@ -14188,7 +14175,7 @@ a.bx--side-nav__link--current::before {
|
|
14188
14175
|
}
|
14189
14176
|
|
14190
14177
|
@media (prefers-reduced-motion) {
|
14191
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14178
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14192
14179
|
animation: none;
|
14193
14180
|
opacity: 1;
|
14194
14181
|
}
|
@@ -16374,6 +16361,305 @@ a.bx--side-nav__link--current::before {
|
|
16374
16361
|
padding: 0;
|
16375
16362
|
}
|
16376
16363
|
|
16364
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16365
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16366
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16367
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16368
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16369
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16370
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16371
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16372
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16373
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16374
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16375
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16376
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16377
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16378
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16379
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16380
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16381
|
+
.bx--structured-list--selection .bx--structured-list-td,
|
16382
|
+
.bx--structured-list--selection .bx--structured-list-th {
|
16383
|
+
padding-right: 1rem;
|
16384
|
+
padding-left: 1rem;
|
16385
|
+
}
|
16386
|
+
.bx--structured-list--selection .bx--structured-list-td:first-child,
|
16387
|
+
.bx--structured-list--selection .bx--structured-list-th:first-child {
|
16388
|
+
padding-right: 1rem;
|
16389
|
+
padding-left: 1rem;
|
16390
|
+
}
|
16391
|
+
|
16392
|
+
.bx--structured-list-input {
|
16393
|
+
display: none;
|
16394
|
+
}
|
16395
|
+
|
16396
|
+
.bx--structured-list {
|
16397
|
+
box-sizing: border-box;
|
16398
|
+
padding: 0;
|
16399
|
+
border: 0;
|
16400
|
+
margin: 0;
|
16401
|
+
font-family: inherit;
|
16402
|
+
font-size: 100%;
|
16403
|
+
vertical-align: baseline;
|
16404
|
+
display: table;
|
16405
|
+
width: 100%;
|
16406
|
+
margin-bottom: 5rem;
|
16407
|
+
background-color: transparent;
|
16408
|
+
border-collapse: collapse;
|
16409
|
+
border-spacing: 0;
|
16410
|
+
overflow-x: auto;
|
16411
|
+
overflow-y: hidden;
|
16412
|
+
}
|
16413
|
+
.bx--structured-list *,
|
16414
|
+
.bx--structured-list *::before,
|
16415
|
+
.bx--structured-list *::after {
|
16416
|
+
box-sizing: inherit;
|
16417
|
+
}
|
16418
|
+
.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
|
16419
|
+
padding: 0.5rem;
|
16420
|
+
}
|
16421
|
+
.bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
|
16422
|
+
.bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
|
16423
|
+
padding-left: 1rem;
|
16424
|
+
}
|
16425
|
+
.bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
|
16426
|
+
padding-right: 1rem;
|
16427
|
+
padding-left: 0;
|
16428
|
+
}
|
16429
|
+
|
16430
|
+
.bx--structured-list-row {
|
16431
|
+
display: table-row;
|
16432
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
16433
|
+
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16434
|
+
}
|
16435
|
+
|
16436
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
|
16437
|
+
border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
|
16438
|
+
background-color: var(--cds-hover-row, #e5e5e5);
|
16439
|
+
cursor: pointer;
|
16440
|
+
}
|
16441
|
+
|
16442
|
+
.bx--structured-list-row.bx--structured-list-row--selected {
|
16443
|
+
background-color: var(--cds-selected-ui, #e0e0e0);
|
16444
|
+
}
|
16445
|
+
|
16446
|
+
.bx--structured-list-row.bx--structured-list-row--header-row {
|
16447
|
+
border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
|
16448
|
+
cursor: inherit;
|
16449
|
+
}
|
16450
|
+
|
16451
|
+
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
16452
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
16453
|
+
outline-offset: -2px;
|
16454
|
+
}
|
16455
|
+
@media screen and (prefers-contrast) {
|
16456
|
+
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
16457
|
+
outline-style: dotted;
|
16458
|
+
}
|
16459
|
+
}
|
16460
|
+
|
16461
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
|
16462
|
+
.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
|
16463
|
+
color: var(--cds-text-01, #161616);
|
16464
|
+
}
|
16465
|
+
|
16466
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
|
16467
|
+
border-top: 1px solid var(--cds-ui-01, #f4f4f4);
|
16468
|
+
}
|
16469
|
+
|
16470
|
+
.bx--structured-list-thead {
|
16471
|
+
display: table-header-group;
|
16472
|
+
vertical-align: middle;
|
16473
|
+
}
|
16474
|
+
|
16475
|
+
.bx--structured-list-th {
|
16476
|
+
box-sizing: border-box;
|
16477
|
+
padding: 0;
|
16478
|
+
border: 0;
|
16479
|
+
margin: 0;
|
16480
|
+
font-family: inherit;
|
16481
|
+
font-size: 100%;
|
16482
|
+
vertical-align: baseline;
|
16483
|
+
padding: 1rem 0.5rem 0.5rem 0.5rem;
|
16484
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
16485
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
16486
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
16487
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
16488
|
+
display: table-cell;
|
16489
|
+
height: 2.5rem;
|
16490
|
+
color: var(--cds-text-01, #161616);
|
16491
|
+
font-weight: 600;
|
16492
|
+
text-align: left;
|
16493
|
+
text-transform: none;
|
16494
|
+
vertical-align: top;
|
16495
|
+
}
|
16496
|
+
.bx--structured-list-th *,
|
16497
|
+
.bx--structured-list-th *::before,
|
16498
|
+
.bx--structured-list-th *::after {
|
16499
|
+
box-sizing: inherit;
|
16500
|
+
}
|
16501
|
+
|
16502
|
+
.bx--structured-list-tbody {
|
16503
|
+
display: table-row-group;
|
16504
|
+
vertical-align: middle;
|
16505
|
+
}
|
16506
|
+
|
16507
|
+
.bx--structured-list-td {
|
16508
|
+
box-sizing: border-box;
|
16509
|
+
padding: 0;
|
16510
|
+
border: 0;
|
16511
|
+
margin: 0;
|
16512
|
+
font-family: inherit;
|
16513
|
+
font-size: 100%;
|
16514
|
+
vertical-align: baseline;
|
16515
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
16516
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
16517
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
16518
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
16519
|
+
padding: 1rem 0.5rem 1.5rem 0.5rem;
|
16520
|
+
position: relative;
|
16521
|
+
display: table-cell;
|
16522
|
+
max-width: 36rem;
|
16523
|
+
color: var(--cds-text-02, #525252);
|
16524
|
+
transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16525
|
+
}
|
16526
|
+
.bx--structured-list-td *,
|
16527
|
+
.bx--structured-list-td *::before,
|
16528
|
+
.bx--structured-list-td *::after {
|
16529
|
+
box-sizing: inherit;
|
16530
|
+
}
|
16531
|
+
|
16532
|
+
.bx--structured-list-content--nowrap {
|
16533
|
+
white-space: nowrap;
|
16534
|
+
}
|
16535
|
+
|
16536
|
+
.bx--structured-list-svg {
|
16537
|
+
display: inline-block;
|
16538
|
+
fill: transparent;
|
16539
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16540
|
+
vertical-align: middle;
|
16541
|
+
}
|
16542
|
+
|
16543
|
+
.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
|
16544
|
+
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
16545
|
+
fill: var(--cds-icon-01, #161616);
|
16546
|
+
}
|
16547
|
+
|
16548
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
|
16549
|
+
width: 8%;
|
16550
|
+
}
|
16551
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
|
16552
|
+
width: 30%;
|
16553
|
+
}
|
16554
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
|
16555
|
+
width: 15%;
|
16556
|
+
}
|
16557
|
+
.bx--structured-list.bx--skeleton span {
|
16558
|
+
position: relative;
|
16559
|
+
padding: 0;
|
16560
|
+
border: none;
|
16561
|
+
background: var(--cds-skeleton-01, #e5e5e5);
|
16562
|
+
box-shadow: none;
|
16563
|
+
pointer-events: none;
|
16564
|
+
display: block;
|
16565
|
+
width: 75%;
|
16566
|
+
height: 1rem;
|
16567
|
+
}
|
16568
|
+
.bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
|
16569
|
+
border: none;
|
16570
|
+
cursor: default;
|
16571
|
+
outline: none;
|
16572
|
+
}
|
16573
|
+
.bx--structured-list.bx--skeleton span::before {
|
16574
|
+
position: absolute;
|
16575
|
+
top: 0;
|
16576
|
+
left: 0;
|
16577
|
+
width: 100%;
|
16578
|
+
height: 100%;
|
16579
|
+
animation: 3000ms ease-in-out skeleton infinite;
|
16580
|
+
background: var(--cds-skeleton-02, #c6c6c6);
|
16581
|
+
content: "";
|
16582
|
+
will-change: transform-origin, transform, opacity;
|
16583
|
+
}
|
16584
|
+
@media (prefers-reduced-motion: reduce) {
|
16585
|
+
.bx--structured-list.bx--skeleton span::before {
|
16586
|
+
animation: none;
|
16587
|
+
}
|
16588
|
+
}
|
16589
|
+
|
16590
|
+
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
|
16591
|
+
width: 5%;
|
16592
|
+
}
|
16593
|
+
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
|
16594
|
+
display: none;
|
16595
|
+
}
|
16596
|
+
|
16597
|
+
@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
|
16598
|
+
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
16599
|
+
fill: ButtonText;
|
16600
|
+
}
|
16601
|
+
}
|
16602
|
+
|
16603
|
+
.c4p--add-select__header {
|
16604
|
+
padding: var(--cds-spacing-05, 1rem);
|
16605
|
+
padding-bottom: 0;
|
16606
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16607
|
+
}
|
16608
|
+
|
16609
|
+
.c4p--add-select__body {
|
16610
|
+
padding: var(--cds-spacing-05, 1rem);
|
16611
|
+
}
|
16612
|
+
|
16613
|
+
.c4p--add-select__items-label {
|
16614
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
16615
|
+
}
|
16616
|
+
.c4p--add-select__items-label-container {
|
16617
|
+
display: flex;
|
16618
|
+
align-items: center;
|
16619
|
+
margin-top: var(--cds-spacing-05, 1rem);
|
16620
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
16621
|
+
}
|
16622
|
+
|
16623
|
+
.c4p--add-select__selections {
|
16624
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16625
|
+
}
|
16626
|
+
|
16627
|
+
.c4p--add-select__influencer-header {
|
16628
|
+
display: flex;
|
16629
|
+
padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
16630
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
16631
|
+
}
|
16632
|
+
.c4p--add-select__influencer-header .c4p--add-select__influencer-title {
|
16633
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
16634
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
16635
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
16636
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
16637
|
+
}
|
16638
|
+
|
16639
|
+
.c4p--add-select__influencer-title {
|
16640
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
16641
|
+
}
|
16642
|
+
|
16643
|
+
.c4p--add-select__influencer-body {
|
16644
|
+
padding: var(--cds-spacing-05, 1rem);
|
16645
|
+
}
|
16646
|
+
|
16647
|
+
.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
|
16648
|
+
max-width: 29rem;
|
16649
|
+
flex: 0 0 50%;
|
16650
|
+
}
|
16651
|
+
|
16652
|
+
.c4p--add-select .c4p--add-select__items-label {
|
16653
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
16654
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
16655
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
16656
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
16657
|
+
}
|
16658
|
+
|
16659
|
+
.c4p--add-select .bx--modal-container--sm .bx--modal-content p {
|
16660
|
+
padding-right: 0;
|
16661
|
+
}
|
16662
|
+
|
16377
16663
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16378
16664
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16379
16665
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -18052,14 +18338,9 @@ a.bx--side-nav__link--current::before {
|
|
18052
18338
|
white-space: nowrap;
|
18053
18339
|
}
|
18054
18340
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
18055
|
-
display:
|
18341
|
+
display: inline-flex;
|
18056
18342
|
width: 100%;
|
18057
18343
|
}
|
18058
|
-
@media (min-width: 42rem) {
|
18059
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
18060
|
-
display: inline-flex;
|
18061
|
-
}
|
18062
|
-
}
|
18063
18344
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .bx--breadcrumb {
|
18064
18345
|
width: 100%;
|
18065
18346
|
flex-wrap: nowrap;
|
@@ -18074,11 +18355,24 @@ a.bx--side-nav__link--current::before {
|
|
18074
18355
|
pointer-events: none;
|
18075
18356
|
visibility: hidden;
|
18076
18357
|
}
|
18358
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
|
18359
|
+
display: none;
|
18360
|
+
}
|
18361
|
+
@media (max-width: 41.98rem) {
|
18362
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item {
|
18363
|
+
display: none;
|
18364
|
+
}
|
18365
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
|
18077
18366
|
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
18078
|
-
|
18367
|
+
display: inline-flex;
|
18368
|
+
vertical-align: middle;
|
18369
|
+
}
|
18370
|
+
}
|
18371
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
18372
|
+
display: inline-flex;
|
18079
18373
|
}
|
18080
18374
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
|
18081
|
-
display: inline;
|
18375
|
+
display: inline-flex;
|
18082
18376
|
overflow: hidden;
|
18083
18377
|
}
|
18084
18378
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .bx--link {
|
@@ -18090,15 +18384,6 @@ a.bx--side-nav__link--current::before {
|
|
18090
18384
|
.c4p--breadcrumb-with-overflow .bx--link {
|
18091
18385
|
max-height: 18px;
|
18092
18386
|
}
|
18093
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
18094
|
-
display: inline-flex;
|
18095
|
-
margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem));
|
18096
|
-
}
|
18097
|
-
@media (min-width: 42rem) {
|
18098
|
-
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
18099
|
-
display: none;
|
18100
|
-
}
|
18101
|
-
}
|
18102
18387
|
|
18103
18388
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18104
18389
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -18906,7 +19191,7 @@ a.bx--side-nav__link--current::before {
|
|
18906
19191
|
height: var(--cds-spacing-02, 0.25rem);
|
18907
19192
|
}
|
18908
19193
|
.c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
|
18909
|
-
|
19194
|
+
min-height: var(--cds-spacing-07, 2rem);
|
18910
19195
|
}
|
18911
19196
|
.c4p--page-header .c4p--page-header__breadcrumb-row--container {
|
18912
19197
|
display: flex;
|
@@ -18937,7 +19222,7 @@ a.bx--side-nav__link--current::before {
|
|
18937
19222
|
transform: translateX(-50%) scaleX(1);
|
18938
19223
|
transition: all 150ms ease-out;
|
18939
19224
|
}
|
18940
|
-
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs::after,
|
19225
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
|
18941
19226
|
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
|
18942
19227
|
/* creates a full width box shadow without causing scroll */
|
18943
19228
|
box-shadow: 25vw 1px 0 0 var(--cds-ui-03, #e0e0e0), -25vw 1px 0 0 var(--cds-ui-03, #e0e0e0);
|
@@ -19125,8 +19410,6 @@ a.bx--side-nav__link--current::before {
|
|
19125
19410
|
top: var(--c4p--page-header--breadcrumb-top);
|
19126
19411
|
}
|
19127
19412
|
.c4p--page-header .c4p--page-header__title-column {
|
19128
|
-
overflow: hidden;
|
19129
|
-
/* required for ellipsis in title */
|
19130
19413
|
min-height: 40px;
|
19131
19414
|
flex: 0 0 100%;
|
19132
19415
|
}
|
@@ -19141,10 +19424,17 @@ a.bx--side-nav__link--current::before {
|
|
19141
19424
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
19142
19425
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
19143
19426
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
19144
|
-
overflow: hidden;
|
19427
|
+
overflow-x: hidden;
|
19145
19428
|
text-overflow: ellipsis;
|
19146
19429
|
white-space: nowrap;
|
19147
19430
|
}
|
19431
|
+
.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
|
19432
|
+
transform: translateY(-2px);
|
19433
|
+
}
|
19434
|
+
.c4p--page-header .c4p--page-header__title--editable {
|
19435
|
+
display: flex;
|
19436
|
+
overflow: visible;
|
19437
|
+
}
|
19148
19438
|
.c4p--page-header .c4p--page-header__title-skeleton {
|
19149
19439
|
height: var(--cds-spacing-07, 2rem);
|
19150
19440
|
}
|
@@ -19908,6 +20198,23 @@ a.bx--side-nav__link--current::before {
|
|
19908
20198
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19909
20199
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19910
20200
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20201
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20202
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20203
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20204
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20205
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20206
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20207
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20208
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20209
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20210
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20211
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20212
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20213
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20214
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20215
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20216
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20217
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19911
20218
|
@keyframes rotating {
|
19912
20219
|
0% {
|
19913
20220
|
transform: scaleY(-1) rotate(360deg);
|
@@ -19933,386 +20240,470 @@ a.bx--side-nav__link--current::before {
|
|
19933
20240
|
fill: #161616;
|
19934
20241
|
}
|
19935
20242
|
|
20243
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
|
19936
20244
|
.c4p--status-icon--light.c4p--status-icon--light-fatal {
|
19937
20245
|
fill: #000000;
|
19938
20246
|
}
|
19939
20247
|
@media (prefers-reduced-motion) {
|
19940
|
-
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20248
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20249
|
+
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
19941
20250
|
animation: none;
|
19942
20251
|
}
|
19943
20252
|
}
|
19944
20253
|
|
20254
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
|
19945
20255
|
.c4p--status-icon--light.c4p--status-icon--dark-fatal {
|
19946
20256
|
fill: #000000;
|
19947
20257
|
}
|
19948
20258
|
@media (prefers-reduced-motion) {
|
19949
|
-
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20259
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20260
|
+
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
19950
20261
|
animation: none;
|
19951
20262
|
}
|
19952
20263
|
}
|
19953
20264
|
|
20265
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
|
19954
20266
|
.c4p--status-icon--light.c4p--status-icon--light-critical {
|
19955
20267
|
fill: #da1e28;
|
19956
20268
|
}
|
19957
20269
|
@media (prefers-reduced-motion) {
|
19958
|
-
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20270
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20271
|
+
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
19959
20272
|
animation: none;
|
19960
20273
|
}
|
19961
20274
|
}
|
19962
20275
|
|
20276
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
|
19963
20277
|
.c4p--status-icon--light.c4p--status-icon--dark-critical {
|
19964
20278
|
fill: #da1e28;
|
19965
20279
|
}
|
19966
20280
|
@media (prefers-reduced-motion) {
|
19967
|
-
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20281
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20282
|
+
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
19968
20283
|
animation: none;
|
19969
20284
|
}
|
19970
20285
|
}
|
19971
20286
|
|
20287
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
|
19972
20288
|
.c4p--status-icon--light.c4p--status-icon--light-major-warning {
|
19973
20289
|
fill: #ff832b;
|
19974
20290
|
}
|
19975
20291
|
@media (prefers-reduced-motion) {
|
19976
|
-
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20292
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20293
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
19977
20294
|
animation: none;
|
19978
20295
|
}
|
19979
20296
|
}
|
19980
20297
|
|
20298
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
|
19981
20299
|
.c4p--status-icon--light.c4p--status-icon--dark-major-warning {
|
19982
20300
|
fill: #ff832b;
|
19983
20301
|
}
|
19984
20302
|
@media (prefers-reduced-motion) {
|
19985
|
-
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20303
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20304
|
+
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
19986
20305
|
animation: none;
|
19987
20306
|
}
|
19988
20307
|
}
|
19989
20308
|
|
20309
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
|
19990
20310
|
.c4p--status-icon--light.c4p--status-icon--light-minor-warning {
|
19991
20311
|
fill: #fddc69;
|
19992
20312
|
}
|
19993
20313
|
@media (prefers-reduced-motion) {
|
19994
|
-
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20314
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20315
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
19995
20316
|
animation: none;
|
19996
20317
|
}
|
19997
20318
|
}
|
19998
20319
|
|
20320
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
|
19999
20321
|
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
|
20000
20322
|
fill: #fddc69;
|
20001
20323
|
}
|
20002
20324
|
@media (prefers-reduced-motion) {
|
20003
|
-
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20325
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20326
|
+
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20004
20327
|
animation: none;
|
20005
20328
|
}
|
20006
20329
|
}
|
20007
20330
|
|
20331
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
|
20008
20332
|
.c4p--status-icon--light.c4p--status-icon--light-undefined {
|
20009
20333
|
fill: #8a3ffc;
|
20010
20334
|
}
|
20011
20335
|
@media (prefers-reduced-motion) {
|
20012
|
-
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20336
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20337
|
+
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20013
20338
|
animation: none;
|
20014
20339
|
}
|
20015
20340
|
}
|
20016
20341
|
|
20342
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
|
20017
20343
|
.c4p--status-icon--light.c4p--status-icon--dark-undefined {
|
20018
20344
|
fill: #8a3ffc;
|
20019
20345
|
}
|
20020
20346
|
@media (prefers-reduced-motion) {
|
20021
|
-
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20347
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20348
|
+
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20022
20349
|
animation: none;
|
20023
20350
|
}
|
20024
20351
|
}
|
20025
20352
|
|
20353
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
|
20026
20354
|
.c4p--status-icon--light.c4p--status-icon--light-unknown {
|
20027
20355
|
fill: #6f6f6f;
|
20028
20356
|
}
|
20029
20357
|
@media (prefers-reduced-motion) {
|
20030
|
-
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20358
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20359
|
+
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20031
20360
|
animation: none;
|
20032
20361
|
}
|
20033
20362
|
}
|
20034
20363
|
|
20364
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
|
20035
20365
|
.c4p--status-icon--light.c4p--status-icon--dark-unknown {
|
20036
20366
|
fill: #6f6f6f;
|
20037
20367
|
}
|
20038
20368
|
@media (prefers-reduced-motion) {
|
20039
|
-
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20369
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20370
|
+
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20040
20371
|
animation: none;
|
20041
20372
|
}
|
20042
20373
|
}
|
20043
20374
|
|
20375
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
|
20044
20376
|
.c4p--status-icon--light.c4p--status-icon--light-normal {
|
20045
20377
|
fill: #198038;
|
20046
20378
|
}
|
20047
20379
|
@media (prefers-reduced-motion) {
|
20048
|
-
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20380
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20381
|
+
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20049
20382
|
animation: none;
|
20050
20383
|
}
|
20051
20384
|
}
|
20052
20385
|
|
20386
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
|
20053
20387
|
.c4p--status-icon--light.c4p--status-icon--dark-normal {
|
20054
20388
|
fill: #198038;
|
20055
20389
|
}
|
20056
20390
|
@media (prefers-reduced-motion) {
|
20057
|
-
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20391
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20392
|
+
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20058
20393
|
animation: none;
|
20059
20394
|
}
|
20060
20395
|
}
|
20061
20396
|
|
20397
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
|
20062
20398
|
.c4p--status-icon--light.c4p--status-icon--light-info {
|
20063
20399
|
fill: #0f62fe;
|
20064
20400
|
}
|
20065
20401
|
@media (prefers-reduced-motion) {
|
20066
|
-
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20402
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20403
|
+
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20067
20404
|
animation: none;
|
20068
20405
|
}
|
20069
20406
|
}
|
20070
20407
|
|
20408
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
|
20071
20409
|
.c4p--status-icon--light.c4p--status-icon--dark-info {
|
20072
20410
|
fill: #0f62fe;
|
20073
20411
|
}
|
20074
20412
|
@media (prefers-reduced-motion) {
|
20075
|
-
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20413
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20414
|
+
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20076
20415
|
animation: none;
|
20077
20416
|
}
|
20078
20417
|
}
|
20079
20418
|
|
20419
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20080
20420
|
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20081
20421
|
animation: rotating 8000ms infinite linear;
|
20082
20422
|
fill: #0f62fe;
|
20083
20423
|
}
|
20084
20424
|
@media (prefers-reduced-motion: reduce) {
|
20085
|
-
.c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20425
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20426
|
+
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20086
20427
|
animation: none;
|
20087
20428
|
}
|
20088
20429
|
}
|
20089
20430
|
|
20431
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20090
20432
|
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20091
20433
|
animation: rotating 8000ms infinite linear;
|
20092
20434
|
fill: #0f62fe;
|
20093
20435
|
}
|
20094
20436
|
@media (prefers-reduced-motion: reduce) {
|
20095
|
-
.c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20437
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20438
|
+
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20096
20439
|
animation: none;
|
20097
20440
|
}
|
20098
20441
|
}
|
20099
20442
|
|
20443
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
|
20100
20444
|
.c4p--status-icon--light.c4p--status-icon--light-running {
|
20101
20445
|
fill: #198038;
|
20102
20446
|
transform: scaleY(-1);
|
20103
20447
|
}
|
20104
20448
|
|
20449
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
|
20105
20450
|
.c4p--status-icon--light.c4p--status-icon--dark-running {
|
20106
20451
|
fill: #198038;
|
20107
20452
|
transform: scaleY(-1);
|
20108
20453
|
}
|
20109
20454
|
|
20455
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
|
20110
20456
|
.c4p--status-icon--light.c4p--status-icon--light-pending {
|
20111
20457
|
fill: #6f6f6f;
|
20112
20458
|
}
|
20113
20459
|
@media (prefers-reduced-motion) {
|
20114
|
-
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20460
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20461
|
+
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20115
20462
|
animation: none;
|
20116
20463
|
}
|
20117
20464
|
}
|
20118
20465
|
|
20466
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
|
20119
20467
|
.c4p--status-icon--light.c4p--status-icon--dark-pending {
|
20120
20468
|
fill: #6f6f6f;
|
20121
20469
|
}
|
20122
20470
|
@media (prefers-reduced-motion) {
|
20123
|
-
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20471
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20472
|
+
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20124
20473
|
animation: none;
|
20125
20474
|
}
|
20126
20475
|
}
|
20127
20476
|
|
20477
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
|
20128
20478
|
.c4p--status-icon--dark.c4p--status-icon--light-fatal {
|
20129
20479
|
fill: #8d8d8d;
|
20130
20480
|
}
|
20131
20481
|
@media (prefers-reduced-motion) {
|
20132
|
-
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20482
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20483
|
+
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20133
20484
|
animation: none;
|
20134
20485
|
}
|
20135
20486
|
}
|
20136
20487
|
|
20488
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
|
20137
20489
|
.c4p--status-icon--dark.c4p--status-icon--dark-fatal {
|
20138
20490
|
fill: #8d8d8d;
|
20139
20491
|
}
|
20140
20492
|
@media (prefers-reduced-motion) {
|
20141
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20493
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20494
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20142
20495
|
animation: none;
|
20143
20496
|
}
|
20144
20497
|
}
|
20145
20498
|
|
20499
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
|
20146
20500
|
.c4p--status-icon--dark.c4p--status-icon--light-critical {
|
20147
20501
|
fill: #fa4d56;
|
20148
20502
|
}
|
20149
20503
|
@media (prefers-reduced-motion) {
|
20150
|
-
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20504
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20505
|
+
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20151
20506
|
animation: none;
|
20152
20507
|
}
|
20153
20508
|
}
|
20154
20509
|
|
20510
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
|
20155
20511
|
.c4p--status-icon--dark.c4p--status-icon--dark-critical {
|
20156
20512
|
fill: #fa4d56;
|
20157
20513
|
}
|
20158
20514
|
@media (prefers-reduced-motion) {
|
20159
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20515
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20516
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20160
20517
|
animation: none;
|
20161
20518
|
}
|
20162
20519
|
}
|
20163
20520
|
|
20521
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
|
20164
20522
|
.c4p--status-icon--dark.c4p--status-icon--light-major-warning {
|
20165
20523
|
fill: #ff832b;
|
20166
20524
|
}
|
20167
20525
|
@media (prefers-reduced-motion) {
|
20168
|
-
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20526
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20527
|
+
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20169
20528
|
animation: none;
|
20170
20529
|
}
|
20171
20530
|
}
|
20172
20531
|
|
20532
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
|
20173
20533
|
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
|
20174
20534
|
fill: #ff832b;
|
20175
20535
|
}
|
20176
20536
|
@media (prefers-reduced-motion) {
|
20177
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20537
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20538
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20178
20539
|
animation: none;
|
20179
20540
|
}
|
20180
20541
|
}
|
20181
20542
|
|
20543
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
|
20182
20544
|
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
|
20183
20545
|
fill: #fddc69;
|
20184
20546
|
}
|
20185
20547
|
@media (prefers-reduced-motion) {
|
20186
|
-
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20548
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20549
|
+
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20187
20550
|
animation: none;
|
20188
20551
|
}
|
20189
20552
|
}
|
20190
20553
|
|
20554
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
|
20191
20555
|
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
|
20192
20556
|
fill: #fddc69;
|
20193
20557
|
}
|
20194
20558
|
@media (prefers-reduced-motion) {
|
20195
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20559
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20560
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20196
20561
|
animation: none;
|
20197
20562
|
}
|
20198
20563
|
}
|
20199
20564
|
|
20565
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
|
20200
20566
|
.c4p--status-icon--dark.c4p--status-icon--light-undefined {
|
20201
20567
|
fill: #a56eff;
|
20202
20568
|
}
|
20203
20569
|
@media (prefers-reduced-motion) {
|
20204
|
-
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20570
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20571
|
+
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20205
20572
|
animation: none;
|
20206
20573
|
}
|
20207
20574
|
}
|
20208
20575
|
|
20576
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
|
20209
20577
|
.c4p--status-icon--dark.c4p--status-icon--dark-undefined {
|
20210
20578
|
fill: #a56eff;
|
20211
20579
|
}
|
20212
20580
|
@media (prefers-reduced-motion) {
|
20213
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20581
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20582
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20214
20583
|
animation: none;
|
20215
20584
|
}
|
20216
20585
|
}
|
20217
20586
|
|
20587
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
|
20218
20588
|
.c4p--status-icon--dark.c4p--status-icon--light-unknown {
|
20219
20589
|
fill: #8d8d8d;
|
20220
20590
|
}
|
20221
20591
|
@media (prefers-reduced-motion) {
|
20222
|
-
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20592
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20593
|
+
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20223
20594
|
animation: none;
|
20224
20595
|
}
|
20225
20596
|
}
|
20226
20597
|
|
20598
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
|
20227
20599
|
.c4p--status-icon--dark.c4p--status-icon--dark-unknown {
|
20228
20600
|
fill: #8d8d8d;
|
20229
20601
|
}
|
20230
20602
|
@media (prefers-reduced-motion) {
|
20231
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20603
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20604
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20232
20605
|
animation: none;
|
20233
20606
|
}
|
20234
20607
|
}
|
20235
20608
|
|
20609
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
|
20236
20610
|
.c4p--status-icon--dark.c4p--status-icon--light-normal {
|
20237
20611
|
fill: #24a148;
|
20238
20612
|
}
|
20239
20613
|
@media (prefers-reduced-motion) {
|
20240
|
-
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20614
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20615
|
+
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20241
20616
|
animation: none;
|
20242
20617
|
}
|
20243
20618
|
}
|
20244
20619
|
|
20620
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
|
20245
20621
|
.c4p--status-icon--dark.c4p--status-icon--dark-normal {
|
20246
20622
|
fill: #24a148;
|
20247
20623
|
}
|
20248
20624
|
@media (prefers-reduced-motion) {
|
20249
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20625
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20626
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20250
20627
|
animation: none;
|
20251
20628
|
}
|
20252
20629
|
}
|
20253
20630
|
|
20631
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
|
20254
20632
|
.c4p--status-icon--dark.c4p--status-icon--light-info {
|
20255
20633
|
fill: #4589ff;
|
20256
20634
|
}
|
20257
20635
|
@media (prefers-reduced-motion) {
|
20258
|
-
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20636
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20637
|
+
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20259
20638
|
animation: none;
|
20260
20639
|
}
|
20261
20640
|
}
|
20262
20641
|
|
20642
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
|
20263
20643
|
.c4p--status-icon--dark.c4p--status-icon--dark-info {
|
20264
20644
|
fill: #4589ff;
|
20265
20645
|
}
|
20266
20646
|
@media (prefers-reduced-motion) {
|
20267
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20647
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20648
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20268
20649
|
animation: none;
|
20269
20650
|
}
|
20270
20651
|
}
|
20271
20652
|
|
20653
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20272
20654
|
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20273
20655
|
animation: rotating 8000ms infinite linear;
|
20274
20656
|
fill: #4589ff;
|
20275
20657
|
}
|
20276
20658
|
@media (prefers-reduced-motion: reduce) {
|
20277
|
-
.c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20659
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20660
|
+
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20278
20661
|
animation: none;
|
20279
20662
|
}
|
20280
20663
|
}
|
20281
20664
|
|
20665
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20282
20666
|
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20283
20667
|
animation: rotating 8000ms infinite linear;
|
20284
20668
|
fill: #4589ff;
|
20285
20669
|
}
|
20286
20670
|
@media (prefers-reduced-motion: reduce) {
|
20287
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20671
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20672
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20288
20673
|
animation: none;
|
20289
20674
|
}
|
20290
20675
|
}
|
20291
20676
|
|
20677
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
|
20292
20678
|
.c4p--status-icon--dark.c4p--status-icon--light-running {
|
20293
20679
|
fill: #24a148;
|
20294
20680
|
transform: scaleY(-1);
|
20295
20681
|
}
|
20296
20682
|
|
20683
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
|
20297
20684
|
.c4p--status-icon--dark.c4p--status-icon--dark-running {
|
20298
20685
|
fill: #24a148;
|
20299
20686
|
transform: scaleY(-1);
|
20300
20687
|
}
|
20301
20688
|
|
20689
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
|
20302
20690
|
.c4p--status-icon--dark.c4p--status-icon--light-pending {
|
20303
20691
|
fill: #8d8d8d;
|
20304
20692
|
}
|
20305
20693
|
@media (prefers-reduced-motion) {
|
20306
|
-
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20694
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20695
|
+
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20307
20696
|
animation: none;
|
20308
20697
|
}
|
20309
20698
|
}
|
20310
20699
|
|
20700
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
|
20311
20701
|
.c4p--status-icon--dark.c4p--status-icon--dark-pending {
|
20312
20702
|
fill: #8d8d8d;
|
20313
20703
|
}
|
20314
20704
|
@media (prefers-reduced-motion) {
|
20315
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20705
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20706
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20316
20707
|
animation: none;
|
20317
20708
|
}
|
20318
20709
|
}
|
@@ -22260,5 +22651,148 @@ a.bx--side-nav__link--current::before {
|
|
22260
22651
|
transition: none;
|
22261
22652
|
}
|
22262
22653
|
}
|
22654
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22655
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22656
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22657
|
+
.c4p--cancelable-text-edit {
|
22658
|
+
--size: var(--cds-spacing-08, 2.5rem);
|
22659
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22660
|
+
}
|
22661
|
+
|
22662
|
+
.c4p--cancelable-text-edit--sm {
|
22663
|
+
--size: var(--cds-spacing-07, 2rem);
|
22664
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22665
|
+
}
|
22666
|
+
|
22667
|
+
.c4p--cancelable-text-edit--lg {
|
22668
|
+
--size: var(--cds-spacing-09, 3rem);
|
22669
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22670
|
+
}
|
22671
|
+
|
22672
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__main {
|
22673
|
+
position: relative;
|
22674
|
+
display: inline-flex;
|
22675
|
+
min-height: var(--size);
|
22676
|
+
vertical-align: top;
|
22677
|
+
}
|
22678
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
|
22679
|
+
height: var(--size);
|
22680
|
+
padding-right: calc(2 * var(--size));
|
22681
|
+
}
|
22682
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons {
|
22683
|
+
position: absolute;
|
22684
|
+
top: 0;
|
22685
|
+
right: 0;
|
22686
|
+
display: flex;
|
22687
|
+
flex-direction: column;
|
22688
|
+
}
|
22689
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons-inner {
|
22690
|
+
display: flex;
|
22691
|
+
}
|
22692
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
|
22693
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
|
22694
|
+
border: 1px solid transparent;
|
22695
|
+
}
|
22696
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
|
22697
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
|
22698
|
+
border-color: var(--cds-hover-field, #e5e5e5);
|
22699
|
+
border-bottom-color: transparent;
|
22700
|
+
background-clip: content-box;
|
22701
|
+
box-shadow: initial;
|
22702
|
+
outline: initial;
|
22703
|
+
}
|
22704
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus,
|
22705
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
|
22706
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
|
22707
|
+
border-color: var(--cds-focus, #0f62fe);
|
22708
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
|
22709
|
+
outline: initial;
|
22710
|
+
}
|
22711
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
|
22712
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
|
22713
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-field-01, #f4f4f4);
|
22714
|
+
}
|
22715
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
|
22716
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
|
22717
|
+
background-color: transparent;
|
22718
|
+
}
|
22719
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert[disabled],
|
22720
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save[disabled] {
|
22721
|
+
border-color: transparent;
|
22722
|
+
}
|
22723
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover,
|
22724
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__revert:hover {
|
22725
|
+
border: 1px solid transparent;
|
22726
|
+
box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28);
|
22727
|
+
}
|
22728
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover {
|
22729
|
+
box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28), inset -1px 0 0 var(--cds-support-01, #da1e28);
|
22730
|
+
}
|
22731
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
|
22732
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
|
22733
|
+
border: 1px solid transparent;
|
22734
|
+
box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe);
|
22735
|
+
}
|
22736
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
|
22737
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover {
|
22738
|
+
background-clip: content-box;
|
22739
|
+
}
|
22740
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
|
22741
|
+
box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe), inset -1px 0 0 var(--cds-focus, #0f62fe);
|
22742
|
+
}
|
22743
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
|
22744
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
|
22745
|
+
display: flex;
|
22746
|
+
width: var(--size);
|
22747
|
+
height: var(--size);
|
22748
|
+
min-height: var(--size);
|
22749
|
+
flex-direction: column;
|
22750
|
+
align-items: center;
|
22751
|
+
justify-content: center;
|
22752
|
+
padding: 0;
|
22753
|
+
}
|
22754
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert svg,
|
22755
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save svg {
|
22756
|
+
width: var(--icon-size);
|
22757
|
+
height: var(--icon-size);
|
22758
|
+
}
|
22759
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn .bx--form-requirement {
|
22760
|
+
display: block;
|
22761
|
+
max-height: initial;
|
22762
|
+
}
|
22763
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid.c4p--cancelable-text-edit--inline .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn.c4p--cancelable-text-edit--inline .bx--form-requirement {
|
22764
|
+
margin-left: calc(20% + 1.25rem);
|
22765
|
+
}
|
22766
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement {
|
22767
|
+
display: block;
|
22768
|
+
overflow: visible;
|
22769
|
+
color: var(--cds-text-error, #da1e28);
|
22770
|
+
}
|
22771
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input {
|
22772
|
+
padding-right: calc(2 * var(--size));
|
22773
|
+
}
|
22774
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input--invalid {
|
22775
|
+
padding-right: calc(3 * var(--size));
|
22776
|
+
}
|
22777
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
|
22778
|
+
margin-right: var(--cds-spacing-11, 5rem);
|
22779
|
+
}
|
22780
|
+
|
22781
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22782
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22783
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22784
|
+
.c4p--inline-edit {
|
22785
|
+
display: inline-flex;
|
22786
|
+
align-content: center;
|
22787
|
+
}
|
22788
|
+
|
22789
|
+
.c4p--inline-edit .c4p--inline-edit__value {
|
22790
|
+
display: flex;
|
22791
|
+
align-items: center;
|
22792
|
+
}
|
22793
|
+
|
22794
|
+
.c4p--inline-edit .c4p--inline-edit__button {
|
22795
|
+
margin-left: var(--cds-spacing-03, 0.5rem);
|
22796
|
+
}
|
22263
22797
|
|
22264
22798
|
/*# sourceMappingURL=index.css.map */
|