@carbon/ibm-products 1.2.5 → 1.6.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +1028 -517
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-without-carbon-released-only.css +187 -108
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +3 -3
- package/css/index-without-carbon.css +580 -114
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index.css +804 -116
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- 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 +198 -0
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +56 -0
- package/es/components/AddSelect/AddSelectList.js +94 -0
- package/es/components/AddSelect/AddSelectSidebar.js +46 -0
- package/es/components/AddSelect/index.js +7 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +24 -17
- package/es/components/CancelableTextEdit/CancelableTextEdit.js +245 -0
- package/es/components/{CreateTearsheet/constants.js → CancelableTextEdit/index.js} +1 -2
- package/es/components/Card/Card.js +6 -4
- 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 +373 -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/NotificationsPanel/NotificationsPanel.js +16 -3
- package/es/components/OptionsTile/OptionsTile.js +36 -15
- package/es/components/PageHeader/PageHeader.js +59 -35
- package/es/components/PageHeader/PageHeaderTitle.js +82 -7
- package/es/components/PageHeader/PageHeaderUtils.js +21 -2
- package/es/components/RemoveModal/RemoveModal.js +4 -2
- package/es/components/SidePanel/SidePanel.js +33 -16
- 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/WebTerminal/WebTerminal.js +1 -1
- 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/settings.js +0 -5
- 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 +223 -0
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +71 -0
- package/lib/components/AddSelect/AddSelectList.js +112 -0
- package/lib/components/AddSelect/AddSelectSidebar.js +63 -0
- package/lib/components/AddSelect/index.js +13 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +23 -16
- package/lib/components/CancelableTextEdit/CancelableTextEdit.js +265 -0
- package/lib/components/CancelableTextEdit/index.js +13 -0
- package/lib/components/Card/Card.js +6 -4
- 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 +389 -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/NotificationsPanel/NotificationsPanel.js +13 -1
- package/lib/components/OptionsTile/OptionsTile.js +36 -15
- package/lib/components/PageHeader/PageHeader.js +59 -35
- package/lib/components/PageHeader/PageHeaderTitle.js +91 -9
- package/lib/components/PageHeader/PageHeaderUtils.js +21 -2
- package/lib/components/RemoveModal/RemoveModal.js +4 -2
- package/lib/components/SidePanel/SidePanel.js +33 -16
- 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/WebTerminal/WebTerminal.js +1 -1
- 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/settings.js +0 -6
- package/package.json +19 -19
- package/scss/components/AddSelect/_add-select.scss +108 -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/BreadcrumbWithOverflow/_index.scss +1 -1
- package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +212 -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/CreateInfluencer/_create-influencer.scss +4 -4
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +6 -10
- package/scss/components/InlineEdit/_index.scss +8 -0
- package/scss/components/InlineEdit/_inline-edit.scss +245 -0
- package/scss/components/InlineEdit/_storybook-styles.scss +28 -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/NotificationsPanel/_notifications-panel.scss +2 -2
- package/scss/components/PageHeader/_index.scss +1 -1
- package/scss/components/PageHeader/_page-header.scss +15 -5
- package/scss/components/ProductiveCard/_productive-card.scss +0 -4
- package/scss/components/SidePanel/_side-panel.scss +15 -6
- 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/_index.scss +1 -1
- package/scss/components/StatusIcon/_status-icon.scss +2 -0
- package/scss/components/TagSet/_index.scss +1 -1
- package/scss/components/UserProfileImage/_index.scss +1 -1
- package/scss/components/WebTerminal/_web-terminal.scss +2 -2
- package/scss/components/_index.scss +4 -0
- package/scss/global/styles/_project-settings.scss +5 -1
- 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/generated/feature-flags/feature-flags.js +0 -15
- 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/generated/feature-flags/feature-flags.js +0 -22
- package/lib/global/js/utils/hasValidType.js +0 -110
- package/scss/generated/feature-flags/_feature-flags.scss +0 -19
package/css/index.css
CHANGED
@@ -4065,7 +4065,7 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4065
4065
|
outline: 2px solid transparent;
|
4066
4066
|
outline-offset: -2px;
|
4067
4067
|
border-bottom: 1px solid transparent;
|
4068
|
-
background-color: var(--cds-field
|
4068
|
+
background-color: var(--cds-field, #f4f4f4);
|
4069
4069
|
color: var(--cds-text-disabled, #c6c6c6);
|
4070
4070
|
cursor: not-allowed;
|
4071
4071
|
-webkit-text-fill-color: var(--cds-disabled-02, #c6c6c6);
|
@@ -11580,7 +11580,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11580
11580
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11581
11581
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11582
11582
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11583
|
-
@keyframes
|
11583
|
+
@keyframes influencer-menu-entrance {
|
11584
11584
|
0% {
|
11585
11585
|
opacity: 0;
|
11586
11586
|
transform: translateX(calc(-1 * var(--cds-spacing-05, 1rem)));
|
@@ -11590,7 +11590,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11590
11590
|
transform: translateX(0);
|
11591
11591
|
}
|
11592
11592
|
}
|
11593
|
-
@keyframes
|
11593
|
+
@keyframes influencer-menu-exit {
|
11594
11594
|
0% {
|
11595
11595
|
opacity: 1;
|
11596
11596
|
transform: translateX(0);
|
@@ -11625,14 +11625,14 @@ a.bx--overflow-menu-options__btn::before {
|
|
11625
11625
|
|
11626
11626
|
.c4p--create-influencer__side-nav-opening,
|
11627
11627
|
.c4p--create-influencer__progress-indicator-opening {
|
11628
|
-
animation:
|
11628
|
+
animation: influencer-menu-entrance 240ms 1;
|
11629
11629
|
animation-fill-mode: forwards;
|
11630
11630
|
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
11631
11631
|
}
|
11632
11632
|
|
11633
11633
|
.c4p--create-influencer__side-nav-closing,
|
11634
11634
|
.c4p--create-influencer__progress-indicator-closing {
|
11635
|
-
animation:
|
11635
|
+
animation: influencer-menu-exit 240ms 1;
|
11636
11636
|
animation-fill-mode: forwards;
|
11637
11637
|
transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
|
11638
11638
|
}
|
@@ -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);
|
@@ -12261,7 +12253,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12261
12253
|
stroke-dashoffset: 0;
|
12262
12254
|
}
|
12263
12255
|
}
|
12264
|
-
@keyframes
|
12256
|
+
@keyframes side-panel-exit-left {
|
12265
12257
|
0% {
|
12266
12258
|
opacity: 1;
|
12267
12259
|
transform: translateX(0);
|
@@ -12271,7 +12263,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12271
12263
|
transform: translateX(calc(-1 * 30rem));
|
12272
12264
|
}
|
12273
12265
|
}
|
12274
|
-
@keyframes
|
12266
|
+
@keyframes side-panel-exit-right {
|
12275
12267
|
0% {
|
12276
12268
|
opacity: 1;
|
12277
12269
|
transform: translateX(0);
|
@@ -12319,7 +12311,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12319
12311
|
right: 0;
|
12320
12312
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12321
12313
|
}
|
12322
|
-
@keyframes
|
12314
|
+
@keyframes side-panel-entrance-right {
|
12323
12315
|
0% {
|
12324
12316
|
opacity: 0;
|
12325
12317
|
transform: translateX(16rem);
|
@@ -12335,7 +12327,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12335
12327
|
left: 0;
|
12336
12328
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12337
12329
|
}
|
12338
|
-
@keyframes
|
12330
|
+
@keyframes side-panel-entrance-left {
|
12339
12331
|
0% {
|
12340
12332
|
opacity: 0;
|
12341
12333
|
transform: translateX(-16rem);
|
@@ -12362,7 +12354,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12362
12354
|
right: 0;
|
12363
12355
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12364
12356
|
}
|
12365
|
-
@keyframes
|
12357
|
+
@keyframes side-panel-entrance-right {
|
12366
12358
|
0% {
|
12367
12359
|
opacity: 0;
|
12368
12360
|
transform: translateX(20rem);
|
@@ -12378,7 +12370,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12378
12370
|
left: 0;
|
12379
12371
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12380
12372
|
}
|
12381
|
-
@keyframes
|
12373
|
+
@keyframes side-panel-entrance-left {
|
12382
12374
|
0% {
|
12383
12375
|
opacity: 0;
|
12384
12376
|
transform: translateX(-20rem);
|
@@ -12405,7 +12397,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12405
12397
|
right: 0;
|
12406
12398
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12407
12399
|
}
|
12408
|
-
@keyframes
|
12400
|
+
@keyframes side-panel-entrance-right {
|
12409
12401
|
0% {
|
12410
12402
|
opacity: 0;
|
12411
12403
|
transform: translateX(30rem);
|
@@ -12421,7 +12413,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12421
12413
|
left: 0;
|
12422
12414
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12423
12415
|
}
|
12424
|
-
@keyframes
|
12416
|
+
@keyframes side-panel-entrance-left {
|
12425
12417
|
0% {
|
12426
12418
|
opacity: 0;
|
12427
12419
|
transform: translateX(-30rem);
|
@@ -12448,7 +12440,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12448
12440
|
right: 0;
|
12449
12441
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12450
12442
|
}
|
12451
|
-
@keyframes
|
12443
|
+
@keyframes side-panel-entrance-right {
|
12452
12444
|
0% {
|
12453
12445
|
opacity: 0;
|
12454
12446
|
transform: translateX(40rem);
|
@@ -12464,7 +12456,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12464
12456
|
left: 0;
|
12465
12457
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12466
12458
|
}
|
12467
|
-
@keyframes
|
12459
|
+
@keyframes side-panel-entrance-left {
|
12468
12460
|
0% {
|
12469
12461
|
opacity: 0;
|
12470
12462
|
transform: translateX(-40rem);
|
@@ -12491,7 +12483,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12491
12483
|
right: 0;
|
12492
12484
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12493
12485
|
}
|
12494
|
-
@keyframes
|
12486
|
+
@keyframes side-panel-entrance-right {
|
12495
12487
|
0% {
|
12496
12488
|
opacity: 0;
|
12497
12489
|
transform: translateX(75%);
|
@@ -12507,7 +12499,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12507
12499
|
left: 0;
|
12508
12500
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12509
12501
|
}
|
12510
|
-
@keyframes
|
12502
|
+
@keyframes side-panel-entrance-left {
|
12511
12503
|
0% {
|
12512
12504
|
opacity: 0;
|
12513
12505
|
transform: translateX(-75%);
|
@@ -12551,6 +12543,15 @@ a.bx--overflow-menu-options__btn::before {
|
|
12551
12543
|
content: "";
|
12552
12544
|
opacity: var(--c4p--side-panel--divider-opacity);
|
12553
12545
|
}
|
12546
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion {
|
12547
|
+
z-index: 5;
|
12548
|
+
border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12549
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
12550
|
+
}
|
12551
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion.c4p--side-panel__title-container--no-title-animation {
|
12552
|
+
border-bottom: 0;
|
12553
|
+
margin-bottom: 0;
|
12554
|
+
}
|
12554
12555
|
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__on-detail-step .c4p--side-panel__collapsed-title-text {
|
12555
12556
|
top: var(--cds-spacing-09, 3rem);
|
12556
12557
|
}
|
@@ -12781,7 +12782,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12781
12782
|
background-color: var(--cds-field-02, #ffffff);
|
12782
12783
|
}
|
12783
12784
|
|
12784
|
-
@keyframes
|
12785
|
+
@keyframes side-panel-overlay-entrance {
|
12785
12786
|
0% {
|
12786
12787
|
opacity: 0;
|
12787
12788
|
}
|
@@ -12789,7 +12790,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12789
12790
|
opacity: 1;
|
12790
12791
|
}
|
12791
12792
|
}
|
12792
|
-
@keyframes
|
12793
|
+
@keyframes side-panel-overlay-exit {
|
12793
12794
|
0% {
|
12794
12795
|
opacity: 1;
|
12795
12796
|
}
|
@@ -14157,7 +14158,7 @@ a.bx--side-nav__link--current::before {
|
|
14157
14158
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14158
14159
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14159
14160
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14160
|
-
@keyframes
|
14161
|
+
@keyframes step-content-entrance {
|
14161
14162
|
0% {
|
14162
14163
|
opacity: 0;
|
14163
14164
|
transform: translateY(-0.75rem);
|
@@ -14171,24 +14172,19 @@ a.bx--side-nav__link--current::before {
|
|
14171
14172
|
--c4p--tearsheet-create--total-width: 0;
|
14172
14173
|
}
|
14173
14174
|
|
14174
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14175
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-section {
|
14175
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--hidden-step {
|
14176
14176
|
display: none;
|
14177
14177
|
}
|
14178
14178
|
|
14179
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14180
|
-
|
14181
|
-
}
|
14182
|
-
|
14183
|
-
.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
|
14184
|
-
animation: 400ms stepContentEntrance;
|
14179
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14180
|
+
animation: 400ms step-content-entrance;
|
14185
14181
|
animation-fill-mode: forwards;
|
14186
14182
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
14187
14183
|
opacity: 0;
|
14188
14184
|
}
|
14189
14185
|
|
14190
14186
|
@media (prefers-reduced-motion) {
|
14191
|
-
.c4p--tearsheet-create .c4p--tearsheet-
|
14187
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14192
14188
|
animation: none;
|
14193
14189
|
opacity: 1;
|
14194
14190
|
}
|
@@ -16374,6 +16370,325 @@ a.bx--side-nav__link--current::before {
|
|
16374
16370
|
padding: 0;
|
16375
16371
|
}
|
16376
16372
|
|
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
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16382
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16383
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16384
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16385
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16386
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16387
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16388
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16389
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16390
|
+
.bx--structured-list--selection .bx--structured-list-td,
|
16391
|
+
.bx--structured-list--selection .bx--structured-list-th {
|
16392
|
+
padding-right: 1rem;
|
16393
|
+
padding-left: 1rem;
|
16394
|
+
}
|
16395
|
+
.bx--structured-list--selection .bx--structured-list-td:first-child,
|
16396
|
+
.bx--structured-list--selection .bx--structured-list-th:first-child {
|
16397
|
+
padding-right: 1rem;
|
16398
|
+
padding-left: 1rem;
|
16399
|
+
}
|
16400
|
+
|
16401
|
+
.bx--structured-list-input {
|
16402
|
+
display: none;
|
16403
|
+
}
|
16404
|
+
|
16405
|
+
.bx--structured-list {
|
16406
|
+
box-sizing: border-box;
|
16407
|
+
padding: 0;
|
16408
|
+
border: 0;
|
16409
|
+
margin: 0;
|
16410
|
+
font-family: inherit;
|
16411
|
+
font-size: 100%;
|
16412
|
+
vertical-align: baseline;
|
16413
|
+
display: table;
|
16414
|
+
width: 100%;
|
16415
|
+
margin-bottom: 5rem;
|
16416
|
+
background-color: transparent;
|
16417
|
+
border-collapse: collapse;
|
16418
|
+
border-spacing: 0;
|
16419
|
+
overflow-x: auto;
|
16420
|
+
overflow-y: hidden;
|
16421
|
+
}
|
16422
|
+
.bx--structured-list *,
|
16423
|
+
.bx--structured-list *::before,
|
16424
|
+
.bx--structured-list *::after {
|
16425
|
+
box-sizing: inherit;
|
16426
|
+
}
|
16427
|
+
.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
|
16428
|
+
padding: 0.5rem;
|
16429
|
+
}
|
16430
|
+
.bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
|
16431
|
+
.bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
|
16432
|
+
padding-left: 1rem;
|
16433
|
+
}
|
16434
|
+
.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 {
|
16435
|
+
padding-right: 1rem;
|
16436
|
+
padding-left: 0;
|
16437
|
+
}
|
16438
|
+
|
16439
|
+
.bx--structured-list-row {
|
16440
|
+
display: table-row;
|
16441
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
16442
|
+
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16443
|
+
}
|
16444
|
+
|
16445
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
|
16446
|
+
border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
|
16447
|
+
background-color: var(--cds-hover-row, #e5e5e5);
|
16448
|
+
cursor: pointer;
|
16449
|
+
}
|
16450
|
+
|
16451
|
+
.bx--structured-list-row.bx--structured-list-row--selected {
|
16452
|
+
background-color: var(--cds-selected-ui, #e0e0e0);
|
16453
|
+
}
|
16454
|
+
|
16455
|
+
.bx--structured-list-row.bx--structured-list-row--header-row {
|
16456
|
+
border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
|
16457
|
+
cursor: inherit;
|
16458
|
+
}
|
16459
|
+
|
16460
|
+
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
16461
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
16462
|
+
outline-offset: -2px;
|
16463
|
+
}
|
16464
|
+
@media screen and (prefers-contrast) {
|
16465
|
+
.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
|
16466
|
+
outline-style: dotted;
|
16467
|
+
}
|
16468
|
+
}
|
16469
|
+
|
16470
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
|
16471
|
+
.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
|
16472
|
+
color: var(--cds-text-01, #161616);
|
16473
|
+
}
|
16474
|
+
|
16475
|
+
.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
|
16476
|
+
border-top: 1px solid var(--cds-ui-01, #f4f4f4);
|
16477
|
+
}
|
16478
|
+
|
16479
|
+
.bx--structured-list-thead {
|
16480
|
+
display: table-header-group;
|
16481
|
+
vertical-align: middle;
|
16482
|
+
}
|
16483
|
+
|
16484
|
+
.bx--structured-list-th {
|
16485
|
+
box-sizing: border-box;
|
16486
|
+
padding: 0;
|
16487
|
+
border: 0;
|
16488
|
+
margin: 0;
|
16489
|
+
font-family: inherit;
|
16490
|
+
font-size: 100%;
|
16491
|
+
vertical-align: baseline;
|
16492
|
+
padding: 1rem 0.5rem 0.5rem 0.5rem;
|
16493
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
16494
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
16495
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
16496
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
16497
|
+
display: table-cell;
|
16498
|
+
height: 2.5rem;
|
16499
|
+
color: var(--cds-text-01, #161616);
|
16500
|
+
font-weight: 600;
|
16501
|
+
text-align: left;
|
16502
|
+
text-transform: none;
|
16503
|
+
vertical-align: top;
|
16504
|
+
}
|
16505
|
+
.bx--structured-list-th *,
|
16506
|
+
.bx--structured-list-th *::before,
|
16507
|
+
.bx--structured-list-th *::after {
|
16508
|
+
box-sizing: inherit;
|
16509
|
+
}
|
16510
|
+
|
16511
|
+
.bx--structured-list-tbody {
|
16512
|
+
display: table-row-group;
|
16513
|
+
vertical-align: middle;
|
16514
|
+
}
|
16515
|
+
|
16516
|
+
.bx--structured-list-td {
|
16517
|
+
box-sizing: border-box;
|
16518
|
+
padding: 0;
|
16519
|
+
border: 0;
|
16520
|
+
margin: 0;
|
16521
|
+
font-family: inherit;
|
16522
|
+
font-size: 100%;
|
16523
|
+
vertical-align: baseline;
|
16524
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
16525
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
16526
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
16527
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
16528
|
+
padding: 1rem 0.5rem 1.5rem 0.5rem;
|
16529
|
+
position: relative;
|
16530
|
+
display: table-cell;
|
16531
|
+
max-width: 36rem;
|
16532
|
+
color: var(--cds-text-02, #525252);
|
16533
|
+
transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16534
|
+
}
|
16535
|
+
.bx--structured-list-td *,
|
16536
|
+
.bx--structured-list-td *::before,
|
16537
|
+
.bx--structured-list-td *::after {
|
16538
|
+
box-sizing: inherit;
|
16539
|
+
}
|
16540
|
+
|
16541
|
+
.bx--structured-list-content--nowrap {
|
16542
|
+
white-space: nowrap;
|
16543
|
+
}
|
16544
|
+
|
16545
|
+
.bx--structured-list-svg {
|
16546
|
+
display: inline-block;
|
16547
|
+
fill: transparent;
|
16548
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16549
|
+
vertical-align: middle;
|
16550
|
+
}
|
16551
|
+
|
16552
|
+
.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
|
16553
|
+
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
16554
|
+
fill: var(--cds-icon-01, #161616);
|
16555
|
+
}
|
16556
|
+
|
16557
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
|
16558
|
+
width: 8%;
|
16559
|
+
}
|
16560
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
|
16561
|
+
width: 30%;
|
16562
|
+
}
|
16563
|
+
.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
|
16564
|
+
width: 15%;
|
16565
|
+
}
|
16566
|
+
.bx--structured-list.bx--skeleton span {
|
16567
|
+
position: relative;
|
16568
|
+
padding: 0;
|
16569
|
+
border: none;
|
16570
|
+
background: var(--cds-skeleton-01, #e5e5e5);
|
16571
|
+
box-shadow: none;
|
16572
|
+
pointer-events: none;
|
16573
|
+
display: block;
|
16574
|
+
width: 75%;
|
16575
|
+
height: 1rem;
|
16576
|
+
}
|
16577
|
+
.bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
|
16578
|
+
border: none;
|
16579
|
+
cursor: default;
|
16580
|
+
outline: none;
|
16581
|
+
}
|
16582
|
+
.bx--structured-list.bx--skeleton span::before {
|
16583
|
+
position: absolute;
|
16584
|
+
top: 0;
|
16585
|
+
left: 0;
|
16586
|
+
width: 100%;
|
16587
|
+
height: 100%;
|
16588
|
+
animation: 3000ms ease-in-out skeleton infinite;
|
16589
|
+
background: var(--cds-skeleton-02, #c6c6c6);
|
16590
|
+
content: "";
|
16591
|
+
will-change: transform-origin, transform, opacity;
|
16592
|
+
}
|
16593
|
+
@media (prefers-reduced-motion: reduce) {
|
16594
|
+
.bx--structured-list.bx--skeleton span::before {
|
16595
|
+
animation: none;
|
16596
|
+
}
|
16597
|
+
}
|
16598
|
+
|
16599
|
+
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
|
16600
|
+
width: 5%;
|
16601
|
+
}
|
16602
|
+
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
|
16603
|
+
display: none;
|
16604
|
+
}
|
16605
|
+
|
16606
|
+
@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
|
16607
|
+
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
|
16608
|
+
fill: ButtonText;
|
16609
|
+
}
|
16610
|
+
}
|
16611
|
+
|
16612
|
+
.c4p--add-select__header {
|
16613
|
+
padding: var(--cds-spacing-05, 1rem);
|
16614
|
+
padding-bottom: 0;
|
16615
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16616
|
+
}
|
16617
|
+
|
16618
|
+
.c4p--add-select__body {
|
16619
|
+
padding: var(--cds-spacing-05, 1rem);
|
16620
|
+
}
|
16621
|
+
|
16622
|
+
.c4p--add-select__items-label {
|
16623
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
16624
|
+
}
|
16625
|
+
.c4p--add-select__items-label-container {
|
16626
|
+
display: flex;
|
16627
|
+
align-items: center;
|
16628
|
+
margin-top: var(--cds-spacing-05, 1rem);
|
16629
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
16630
|
+
}
|
16631
|
+
|
16632
|
+
.c4p--add-select__selections {
|
16633
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16634
|
+
}
|
16635
|
+
.c4p--add-select__selections-wrapper {
|
16636
|
+
display: block;
|
16637
|
+
}
|
16638
|
+
.c4p--add-select__selections-cell-wrapper {
|
16639
|
+
display: flex;
|
16640
|
+
align-items: center;
|
16641
|
+
justify-content: space-between;
|
16642
|
+
}
|
16643
|
+
|
16644
|
+
.c4p--add-select__influencer-header {
|
16645
|
+
display: flex;
|
16646
|
+
padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
16647
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
16648
|
+
}
|
16649
|
+
.c4p--add-select__influencer-header .c4p--add-select__influencer-title {
|
16650
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
16651
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
16652
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
16653
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
16654
|
+
}
|
16655
|
+
|
16656
|
+
.c4p--add-select__influencer-title {
|
16657
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
16658
|
+
}
|
16659
|
+
|
16660
|
+
.c4p--add-select__influencer-body {
|
16661
|
+
padding: var(--cds-spacing-05, 1rem);
|
16662
|
+
}
|
16663
|
+
|
16664
|
+
.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
|
16665
|
+
max-width: 29rem;
|
16666
|
+
flex: 0 0 50%;
|
16667
|
+
}
|
16668
|
+
|
16669
|
+
.c4p--add-select .c4p--add-select__items-label {
|
16670
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
16671
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
16672
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
16673
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
16674
|
+
}
|
16675
|
+
|
16676
|
+
.c4p--add-select .bx--modal-container--sm .bx--modal-content p {
|
16677
|
+
padding-right: 0;
|
16678
|
+
}
|
16679
|
+
|
16680
|
+
.c4p--add-select .bx--structured-list-td {
|
16681
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
16682
|
+
}
|
16683
|
+
|
16684
|
+
.c4p--add-select .bx--radio-button-wrapper .bx--radio-button__label {
|
16685
|
+
justify-content: left;
|
16686
|
+
}
|
16687
|
+
|
16688
|
+
.c4p--add-select .bx--breadcrumb .bx--link {
|
16689
|
+
cursor: pointer;
|
16690
|
+
}
|
16691
|
+
|
16377
16692
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16378
16693
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16379
16694
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -16537,7 +16852,7 @@ a.bx--side-nav__link--current::before {
|
|
16537
16852
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16538
16853
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16539
16854
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16540
|
-
@keyframes
|
16855
|
+
@keyframes fade-in {
|
16541
16856
|
0% {
|
16542
16857
|
opacity: 0;
|
16543
16858
|
transform: translateY(-38.5rem);
|
@@ -16547,7 +16862,7 @@ a.bx--side-nav__link--current::before {
|
|
16547
16862
|
transform: translateY(0);
|
16548
16863
|
}
|
16549
16864
|
}
|
16550
|
-
@keyframes
|
16865
|
+
@keyframes fade-out {
|
16551
16866
|
0% {
|
16552
16867
|
opacity: 1;
|
16553
16868
|
transform: translateY(0);
|
@@ -16690,8 +17005,6 @@ a.bx--side-nav__link--current::before {
|
|
16690
17005
|
--cds-layer-selected-hover: #4c4c4c;
|
16691
17006
|
--cds-layer-selected-inverse: #f4f4f4;
|
16692
17007
|
--cds-border-subtle-selected: #525252;
|
16693
|
-
--cds-layer-disabled: #262626;
|
16694
|
-
--cds-field-disabled: #262626;
|
16695
17008
|
--cds-border-disabled: #262626;
|
16696
17009
|
--cds-text-disabled: #525252;
|
16697
17010
|
--cds-button-disabled: #525252;
|
@@ -18052,14 +18365,9 @@ a.bx--side-nav__link--current::before {
|
|
18052
18365
|
white-space: nowrap;
|
18053
18366
|
}
|
18054
18367
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
18055
|
-
display:
|
18368
|
+
display: inline-flex;
|
18056
18369
|
width: 100%;
|
18057
18370
|
}
|
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
18371
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .bx--breadcrumb {
|
18064
18372
|
width: 100%;
|
18065
18373
|
flex-wrap: nowrap;
|
@@ -18074,11 +18382,24 @@ a.bx--side-nav__link--current::before {
|
|
18074
18382
|
pointer-events: none;
|
18075
18383
|
visibility: hidden;
|
18076
18384
|
}
|
18385
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
|
18386
|
+
display: none;
|
18387
|
+
}
|
18388
|
+
@media (max-width: 41.98rem) {
|
18389
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item {
|
18390
|
+
display: none;
|
18391
|
+
}
|
18392
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
|
18077
18393
|
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
18078
|
-
|
18394
|
+
display: inline-flex;
|
18395
|
+
vertical-align: middle;
|
18396
|
+
}
|
18397
|
+
}
|
18398
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
18399
|
+
display: inline-flex;
|
18079
18400
|
}
|
18080
18401
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
|
18081
|
-
display: inline;
|
18402
|
+
display: inline-flex;
|
18082
18403
|
overflow: hidden;
|
18083
18404
|
}
|
18084
18405
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .bx--link {
|
@@ -18090,15 +18411,6 @@ a.bx--side-nav__link--current::before {
|
|
18090
18411
|
.c4p--breadcrumb-with-overflow .bx--link {
|
18091
18412
|
max-height: 18px;
|
18092
18413
|
}
|
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
18414
|
|
18103
18415
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18104
18416
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -18243,7 +18555,7 @@ a.bx--side-nav__link--current::before {
|
|
18243
18555
|
|
18244
18556
|
.bx--search-input[disabled] {
|
18245
18557
|
border-bottom: 1px solid transparent;
|
18246
|
-
background-color: var(--cds-field
|
18558
|
+
background-color: var(--cds-field, #f4f4f4);
|
18247
18559
|
color: var(--cds-disabled-02, #c6c6c6);
|
18248
18560
|
cursor: not-allowed;
|
18249
18561
|
}
|
@@ -18906,7 +19218,7 @@ a.bx--side-nav__link--current::before {
|
|
18906
19218
|
height: var(--cds-spacing-02, 0.25rem);
|
18907
19219
|
}
|
18908
19220
|
.c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
|
18909
|
-
|
19221
|
+
min-height: var(--cds-spacing-07, 2rem);
|
18910
19222
|
}
|
18911
19223
|
.c4p--page-header .c4p--page-header__breadcrumb-row--container {
|
18912
19224
|
display: flex;
|
@@ -18937,7 +19249,7 @@ a.bx--side-nav__link--current::before {
|
|
18937
19249
|
transform: translateX(-50%) scaleX(1);
|
18938
19250
|
transition: all 150ms ease-out;
|
18939
19251
|
}
|
18940
|
-
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs::after,
|
19252
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
|
18941
19253
|
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
|
18942
19254
|
/* creates a full width box shadow without causing scroll */
|
18943
19255
|
box-shadow: 25vw 1px 0 0 var(--cds-ui-03, #e0e0e0), -25vw 1px 0 0 var(--cds-ui-03, #e0e0e0);
|
@@ -19125,8 +19437,6 @@ a.bx--side-nav__link--current::before {
|
|
19125
19437
|
top: var(--c4p--page-header--breadcrumb-top);
|
19126
19438
|
}
|
19127
19439
|
.c4p--page-header .c4p--page-header__title-column {
|
19128
|
-
overflow: hidden;
|
19129
|
-
/* required for ellipsis in title */
|
19130
19440
|
min-height: 40px;
|
19131
19441
|
flex: 0 0 100%;
|
19132
19442
|
}
|
@@ -19141,10 +19451,17 @@ a.bx--side-nav__link--current::before {
|
|
19141
19451
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
19142
19452
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
19143
19453
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
19144
|
-
overflow: hidden;
|
19454
|
+
overflow-x: hidden;
|
19145
19455
|
text-overflow: ellipsis;
|
19146
19456
|
white-space: nowrap;
|
19147
19457
|
}
|
19458
|
+
.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
|
19459
|
+
transform: translateY(-2px);
|
19460
|
+
}
|
19461
|
+
.c4p--page-header .c4p--page-header__title--editable {
|
19462
|
+
display: flex;
|
19463
|
+
overflow: visible;
|
19464
|
+
}
|
19148
19465
|
.c4p--page-header .c4p--page-header__title-skeleton {
|
19149
19466
|
height: var(--cds-spacing-07, 2rem);
|
19150
19467
|
}
|
@@ -19431,9 +19748,6 @@ a.bx--side-nav__link--current::before {
|
|
19431
19748
|
justify-content: space-between;
|
19432
19749
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
19433
19750
|
}
|
19434
|
-
.c4p--card__productive .c4p--card__footer .bx--btn svg {
|
19435
|
-
margin-left: var(--cds-spacing-03, 0.5rem);
|
19436
|
-
}
|
19437
19751
|
.c4p--card__productive .c4p--card__footer-no-button {
|
19438
19752
|
justify-content: flex-end;
|
19439
19753
|
}
|
@@ -19908,6 +20222,23 @@ a.bx--side-nav__link--current::before {
|
|
19908
20222
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19909
20223
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19910
20224
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20225
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20226
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20227
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20228
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20229
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20230
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20231
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20232
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20233
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20234
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20235
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20236
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20237
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20238
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20239
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20240
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20241
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19911
20242
|
@keyframes rotating {
|
19912
20243
|
0% {
|
19913
20244
|
transform: scaleY(-1) rotate(360deg);
|
@@ -19933,386 +20264,470 @@ a.bx--side-nav__link--current::before {
|
|
19933
20264
|
fill: #161616;
|
19934
20265
|
}
|
19935
20266
|
|
20267
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
|
19936
20268
|
.c4p--status-icon--light.c4p--status-icon--light-fatal {
|
19937
20269
|
fill: #000000;
|
19938
20270
|
}
|
19939
20271
|
@media (prefers-reduced-motion) {
|
19940
|
-
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20272
|
+
.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,
|
20273
|
+
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
19941
20274
|
animation: none;
|
19942
20275
|
}
|
19943
20276
|
}
|
19944
20277
|
|
20278
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
|
19945
20279
|
.c4p--status-icon--light.c4p--status-icon--dark-fatal {
|
19946
20280
|
fill: #000000;
|
19947
20281
|
}
|
19948
20282
|
@media (prefers-reduced-motion) {
|
19949
|
-
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20283
|
+
.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,
|
20284
|
+
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
19950
20285
|
animation: none;
|
19951
20286
|
}
|
19952
20287
|
}
|
19953
20288
|
|
20289
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
|
19954
20290
|
.c4p--status-icon--light.c4p--status-icon--light-critical {
|
19955
20291
|
fill: #da1e28;
|
19956
20292
|
}
|
19957
20293
|
@media (prefers-reduced-motion) {
|
19958
|
-
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20294
|
+
.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,
|
20295
|
+
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
19959
20296
|
animation: none;
|
19960
20297
|
}
|
19961
20298
|
}
|
19962
20299
|
|
20300
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
|
19963
20301
|
.c4p--status-icon--light.c4p--status-icon--dark-critical {
|
19964
20302
|
fill: #da1e28;
|
19965
20303
|
}
|
19966
20304
|
@media (prefers-reduced-motion) {
|
19967
|
-
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20305
|
+
.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,
|
20306
|
+
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
19968
20307
|
animation: none;
|
19969
20308
|
}
|
19970
20309
|
}
|
19971
20310
|
|
20311
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
|
19972
20312
|
.c4p--status-icon--light.c4p--status-icon--light-major-warning {
|
19973
20313
|
fill: #ff832b;
|
19974
20314
|
}
|
19975
20315
|
@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
|
20316
|
+
.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,
|
20317
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
19977
20318
|
animation: none;
|
19978
20319
|
}
|
19979
20320
|
}
|
19980
20321
|
|
20322
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
|
19981
20323
|
.c4p--status-icon--light.c4p--status-icon--dark-major-warning {
|
19982
20324
|
fill: #ff832b;
|
19983
20325
|
}
|
19984
20326
|
@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
|
20327
|
+
.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,
|
20328
|
+
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
19986
20329
|
animation: none;
|
19987
20330
|
}
|
19988
20331
|
}
|
19989
20332
|
|
20333
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
|
19990
20334
|
.c4p--status-icon--light.c4p--status-icon--light-minor-warning {
|
19991
20335
|
fill: #fddc69;
|
19992
20336
|
}
|
19993
20337
|
@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
|
20338
|
+
.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,
|
20339
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
19995
20340
|
animation: none;
|
19996
20341
|
}
|
19997
20342
|
}
|
19998
20343
|
|
20344
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
|
19999
20345
|
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
|
20000
20346
|
fill: #fddc69;
|
20001
20347
|
}
|
20002
20348
|
@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
|
20349
|
+
.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,
|
20350
|
+
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20004
20351
|
animation: none;
|
20005
20352
|
}
|
20006
20353
|
}
|
20007
20354
|
|
20355
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
|
20008
20356
|
.c4p--status-icon--light.c4p--status-icon--light-undefined {
|
20009
20357
|
fill: #8a3ffc;
|
20010
20358
|
}
|
20011
20359
|
@media (prefers-reduced-motion) {
|
20012
|
-
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20360
|
+
.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,
|
20361
|
+
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20013
20362
|
animation: none;
|
20014
20363
|
}
|
20015
20364
|
}
|
20016
20365
|
|
20366
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
|
20017
20367
|
.c4p--status-icon--light.c4p--status-icon--dark-undefined {
|
20018
20368
|
fill: #8a3ffc;
|
20019
20369
|
}
|
20020
20370
|
@media (prefers-reduced-motion) {
|
20021
|
-
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20371
|
+
.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,
|
20372
|
+
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20022
20373
|
animation: none;
|
20023
20374
|
}
|
20024
20375
|
}
|
20025
20376
|
|
20377
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
|
20026
20378
|
.c4p--status-icon--light.c4p--status-icon--light-unknown {
|
20027
20379
|
fill: #6f6f6f;
|
20028
20380
|
}
|
20029
20381
|
@media (prefers-reduced-motion) {
|
20030
|
-
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20382
|
+
.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,
|
20383
|
+
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20031
20384
|
animation: none;
|
20032
20385
|
}
|
20033
20386
|
}
|
20034
20387
|
|
20388
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
|
20035
20389
|
.c4p--status-icon--light.c4p--status-icon--dark-unknown {
|
20036
20390
|
fill: #6f6f6f;
|
20037
20391
|
}
|
20038
20392
|
@media (prefers-reduced-motion) {
|
20039
|
-
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20393
|
+
.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,
|
20394
|
+
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20040
20395
|
animation: none;
|
20041
20396
|
}
|
20042
20397
|
}
|
20043
20398
|
|
20399
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
|
20044
20400
|
.c4p--status-icon--light.c4p--status-icon--light-normal {
|
20045
20401
|
fill: #198038;
|
20046
20402
|
}
|
20047
20403
|
@media (prefers-reduced-motion) {
|
20048
|
-
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20404
|
+
.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,
|
20405
|
+
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20049
20406
|
animation: none;
|
20050
20407
|
}
|
20051
20408
|
}
|
20052
20409
|
|
20410
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
|
20053
20411
|
.c4p--status-icon--light.c4p--status-icon--dark-normal {
|
20054
20412
|
fill: #198038;
|
20055
20413
|
}
|
20056
20414
|
@media (prefers-reduced-motion) {
|
20057
|
-
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20415
|
+
.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,
|
20416
|
+
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20058
20417
|
animation: none;
|
20059
20418
|
}
|
20060
20419
|
}
|
20061
20420
|
|
20421
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
|
20062
20422
|
.c4p--status-icon--light.c4p--status-icon--light-info {
|
20063
20423
|
fill: #0f62fe;
|
20064
20424
|
}
|
20065
20425
|
@media (prefers-reduced-motion) {
|
20066
|
-
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20426
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20427
|
+
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20067
20428
|
animation: none;
|
20068
20429
|
}
|
20069
20430
|
}
|
20070
20431
|
|
20432
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
|
20071
20433
|
.c4p--status-icon--light.c4p--status-icon--dark-info {
|
20072
20434
|
fill: #0f62fe;
|
20073
20435
|
}
|
20074
20436
|
@media (prefers-reduced-motion) {
|
20075
|
-
.c4p--status-icon--light.c4p--status-icon--dark-info .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-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20438
|
+
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20076
20439
|
animation: none;
|
20077
20440
|
}
|
20078
20441
|
}
|
20079
20442
|
|
20443
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20080
20444
|
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20081
20445
|
animation: rotating 8000ms infinite linear;
|
20082
20446
|
fill: #0f62fe;
|
20083
20447
|
}
|
20084
20448
|
@media (prefers-reduced-motion: reduce) {
|
20085
|
-
.c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20449
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
20450
|
+
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20086
20451
|
animation: none;
|
20087
20452
|
}
|
20088
20453
|
}
|
20089
20454
|
|
20455
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20090
20456
|
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20091
20457
|
animation: rotating 8000ms infinite linear;
|
20092
20458
|
fill: #0f62fe;
|
20093
20459
|
}
|
20094
20460
|
@media (prefers-reduced-motion: reduce) {
|
20095
|
-
.c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20461
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
20462
|
+
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20096
20463
|
animation: none;
|
20097
20464
|
}
|
20098
20465
|
}
|
20099
20466
|
|
20467
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
|
20100
20468
|
.c4p--status-icon--light.c4p--status-icon--light-running {
|
20101
20469
|
fill: #198038;
|
20102
20470
|
transform: scaleY(-1);
|
20103
20471
|
}
|
20104
20472
|
|
20473
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
|
20105
20474
|
.c4p--status-icon--light.c4p--status-icon--dark-running {
|
20106
20475
|
fill: #198038;
|
20107
20476
|
transform: scaleY(-1);
|
20108
20477
|
}
|
20109
20478
|
|
20479
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
|
20110
20480
|
.c4p--status-icon--light.c4p--status-icon--light-pending {
|
20111
20481
|
fill: #6f6f6f;
|
20112
20482
|
}
|
20113
20483
|
@media (prefers-reduced-motion) {
|
20114
|
-
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress
|
20484
|
+
.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,
|
20485
|
+
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20115
20486
|
animation: none;
|
20116
20487
|
}
|
20117
20488
|
}
|
20118
20489
|
|
20490
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
|
20119
20491
|
.c4p--status-icon--light.c4p--status-icon--dark-pending {
|
20120
20492
|
fill: #6f6f6f;
|
20121
20493
|
}
|
20122
20494
|
@media (prefers-reduced-motion) {
|
20123
|
-
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress
|
20495
|
+
.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,
|
20496
|
+
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20124
20497
|
animation: none;
|
20125
20498
|
}
|
20126
20499
|
}
|
20127
20500
|
|
20501
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
|
20128
20502
|
.c4p--status-icon--dark.c4p--status-icon--light-fatal {
|
20129
20503
|
fill: #8d8d8d;
|
20130
20504
|
}
|
20131
20505
|
@media (prefers-reduced-motion) {
|
20132
|
-
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20506
|
+
.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,
|
20507
|
+
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20133
20508
|
animation: none;
|
20134
20509
|
}
|
20135
20510
|
}
|
20136
20511
|
|
20512
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
|
20137
20513
|
.c4p--status-icon--dark.c4p--status-icon--dark-fatal {
|
20138
20514
|
fill: #8d8d8d;
|
20139
20515
|
}
|
20140
20516
|
@media (prefers-reduced-motion) {
|
20141
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20517
|
+
.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,
|
20518
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20142
20519
|
animation: none;
|
20143
20520
|
}
|
20144
20521
|
}
|
20145
20522
|
|
20523
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
|
20146
20524
|
.c4p--status-icon--dark.c4p--status-icon--light-critical {
|
20147
20525
|
fill: #fa4d56;
|
20148
20526
|
}
|
20149
20527
|
@media (prefers-reduced-motion) {
|
20150
|
-
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20528
|
+
.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,
|
20529
|
+
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20151
20530
|
animation: none;
|
20152
20531
|
}
|
20153
20532
|
}
|
20154
20533
|
|
20534
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
|
20155
20535
|
.c4p--status-icon--dark.c4p--status-icon--dark-critical {
|
20156
20536
|
fill: #fa4d56;
|
20157
20537
|
}
|
20158
20538
|
@media (prefers-reduced-motion) {
|
20159
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20539
|
+
.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,
|
20540
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20160
20541
|
animation: none;
|
20161
20542
|
}
|
20162
20543
|
}
|
20163
20544
|
|
20545
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
|
20164
20546
|
.c4p--status-icon--dark.c4p--status-icon--light-major-warning {
|
20165
20547
|
fill: #ff832b;
|
20166
20548
|
}
|
20167
20549
|
@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
|
20550
|
+
.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,
|
20551
|
+
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20169
20552
|
animation: none;
|
20170
20553
|
}
|
20171
20554
|
}
|
20172
20555
|
|
20556
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
|
20173
20557
|
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
|
20174
20558
|
fill: #ff832b;
|
20175
20559
|
}
|
20176
20560
|
@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
|
20561
|
+
.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,
|
20562
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20178
20563
|
animation: none;
|
20179
20564
|
}
|
20180
20565
|
}
|
20181
20566
|
|
20567
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
|
20182
20568
|
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
|
20183
20569
|
fill: #fddc69;
|
20184
20570
|
}
|
20185
20571
|
@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
|
20572
|
+
.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,
|
20573
|
+
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20187
20574
|
animation: none;
|
20188
20575
|
}
|
20189
20576
|
}
|
20190
20577
|
|
20578
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
|
20191
20579
|
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
|
20192
20580
|
fill: #fddc69;
|
20193
20581
|
}
|
20194
20582
|
@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
|
20583
|
+
.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,
|
20584
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20196
20585
|
animation: none;
|
20197
20586
|
}
|
20198
20587
|
}
|
20199
20588
|
|
20589
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
|
20200
20590
|
.c4p--status-icon--dark.c4p--status-icon--light-undefined {
|
20201
20591
|
fill: #a56eff;
|
20202
20592
|
}
|
20203
20593
|
@media (prefers-reduced-motion) {
|
20204
|
-
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20594
|
+
.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,
|
20595
|
+
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20205
20596
|
animation: none;
|
20206
20597
|
}
|
20207
20598
|
}
|
20208
20599
|
|
20600
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
|
20209
20601
|
.c4p--status-icon--dark.c4p--status-icon--dark-undefined {
|
20210
20602
|
fill: #a56eff;
|
20211
20603
|
}
|
20212
20604
|
@media (prefers-reduced-motion) {
|
20213
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20605
|
+
.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,
|
20606
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20214
20607
|
animation: none;
|
20215
20608
|
}
|
20216
20609
|
}
|
20217
20610
|
|
20611
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
|
20218
20612
|
.c4p--status-icon--dark.c4p--status-icon--light-unknown {
|
20219
20613
|
fill: #8d8d8d;
|
20220
20614
|
}
|
20221
20615
|
@media (prefers-reduced-motion) {
|
20222
|
-
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20616
|
+
.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,
|
20617
|
+
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20223
20618
|
animation: none;
|
20224
20619
|
}
|
20225
20620
|
}
|
20226
20621
|
|
20622
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
|
20227
20623
|
.c4p--status-icon--dark.c4p--status-icon--dark-unknown {
|
20228
20624
|
fill: #8d8d8d;
|
20229
20625
|
}
|
20230
20626
|
@media (prefers-reduced-motion) {
|
20231
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20627
|
+
.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,
|
20628
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20232
20629
|
animation: none;
|
20233
20630
|
}
|
20234
20631
|
}
|
20235
20632
|
|
20633
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
|
20236
20634
|
.c4p--status-icon--dark.c4p--status-icon--light-normal {
|
20237
20635
|
fill: #24a148;
|
20238
20636
|
}
|
20239
20637
|
@media (prefers-reduced-motion) {
|
20240
|
-
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20638
|
+
.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,
|
20639
|
+
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20241
20640
|
animation: none;
|
20242
20641
|
}
|
20243
20642
|
}
|
20244
20643
|
|
20644
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
|
20245
20645
|
.c4p--status-icon--dark.c4p--status-icon--dark-normal {
|
20246
20646
|
fill: #24a148;
|
20247
20647
|
}
|
20248
20648
|
@media (prefers-reduced-motion) {
|
20249
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20649
|
+
.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,
|
20650
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20250
20651
|
animation: none;
|
20251
20652
|
}
|
20252
20653
|
}
|
20253
20654
|
|
20655
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
|
20254
20656
|
.c4p--status-icon--dark.c4p--status-icon--light-info {
|
20255
20657
|
fill: #4589ff;
|
20256
20658
|
}
|
20257
20659
|
@media (prefers-reduced-motion) {
|
20258
|
-
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20660
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20661
|
+
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20259
20662
|
animation: none;
|
20260
20663
|
}
|
20261
20664
|
}
|
20262
20665
|
|
20666
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
|
20263
20667
|
.c4p--status-icon--dark.c4p--status-icon--dark-info {
|
20264
20668
|
fill: #4589ff;
|
20265
20669
|
}
|
20266
20670
|
@media (prefers-reduced-motion) {
|
20267
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-info .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-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20672
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20268
20673
|
animation: none;
|
20269
20674
|
}
|
20270
20675
|
}
|
20271
20676
|
|
20677
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20272
20678
|
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20273
20679
|
animation: rotating 8000ms infinite linear;
|
20274
20680
|
fill: #4589ff;
|
20275
20681
|
}
|
20276
20682
|
@media (prefers-reduced-motion: reduce) {
|
20277
|
-
.c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20683
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
20684
|
+
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20278
20685
|
animation: none;
|
20279
20686
|
}
|
20280
20687
|
}
|
20281
20688
|
|
20689
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20282
20690
|
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20283
20691
|
animation: rotating 8000ms infinite linear;
|
20284
20692
|
fill: #4589ff;
|
20285
20693
|
}
|
20286
20694
|
@media (prefers-reduced-motion: reduce) {
|
20287
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20695
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
20696
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20288
20697
|
animation: none;
|
20289
20698
|
}
|
20290
20699
|
}
|
20291
20700
|
|
20701
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
|
20292
20702
|
.c4p--status-icon--dark.c4p--status-icon--light-running {
|
20293
20703
|
fill: #24a148;
|
20294
20704
|
transform: scaleY(-1);
|
20295
20705
|
}
|
20296
20706
|
|
20707
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
|
20297
20708
|
.c4p--status-icon--dark.c4p--status-icon--dark-running {
|
20298
20709
|
fill: #24a148;
|
20299
20710
|
transform: scaleY(-1);
|
20300
20711
|
}
|
20301
20712
|
|
20713
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
|
20302
20714
|
.c4p--status-icon--dark.c4p--status-icon--light-pending {
|
20303
20715
|
fill: #8d8d8d;
|
20304
20716
|
}
|
20305
20717
|
@media (prefers-reduced-motion) {
|
20306
|
-
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress
|
20718
|
+
.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,
|
20719
|
+
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20307
20720
|
animation: none;
|
20308
20721
|
}
|
20309
20722
|
}
|
20310
20723
|
|
20724
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
|
20311
20725
|
.c4p--status-icon--dark.c4p--status-icon--dark-pending {
|
20312
20726
|
fill: #8d8d8d;
|
20313
20727
|
}
|
20314
20728
|
@media (prefers-reduced-motion) {
|
20315
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress
|
20729
|
+
.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,
|
20730
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20316
20731
|
animation: none;
|
20317
20732
|
}
|
20318
20733
|
}
|
@@ -20722,7 +21137,7 @@ a.bx--side-nav__link--current::before {
|
|
20722
21137
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20723
21138
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20724
21139
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20725
|
-
@keyframes
|
21140
|
+
@keyframes web-terminal-entrance {
|
20726
21141
|
0% {
|
20727
21142
|
opacity: 0;
|
20728
21143
|
transform: translateX(36.5rem);
|
@@ -20732,7 +21147,7 @@ a.bx--side-nav__link--current::before {
|
|
20732
21147
|
transform: translateX(0);
|
20733
21148
|
}
|
20734
21149
|
}
|
20735
|
-
@keyframes
|
21150
|
+
@keyframes web-terminal-exit {
|
20736
21151
|
0% {
|
20737
21152
|
opacity: 1;
|
20738
21153
|
transform: translateX(0);
|
@@ -20880,8 +21295,6 @@ a.bx--side-nav__link--current::before {
|
|
20880
21295
|
--cds-layer-selected-hover: #656565;
|
20881
21296
|
--cds-layer-selected-inverse: #f4f4f4;
|
20882
21297
|
--cds-border-subtle-selected: #6f6f6f;
|
20883
|
-
--cds-layer-disabled: #393939;
|
20884
|
-
--cds-field-disabled: #393939;
|
20885
21298
|
--cds-border-disabled: #393939;
|
20886
21299
|
--cds-text-disabled: #6f6f6f;
|
20887
21300
|
--cds-button-disabled: #6f6f6f;
|
@@ -21326,8 +21739,6 @@ a.bx--side-nav__link--current::before {
|
|
21326
21739
|
--cds-layer-selected-hover: #4c4c4c;
|
21327
21740
|
--cds-layer-selected-inverse: #f4f4f4;
|
21328
21741
|
--cds-border-subtle-selected: #525252;
|
21329
|
-
--cds-layer-disabled: #262626;
|
21330
|
-
--cds-field-disabled: #262626;
|
21331
21742
|
--cds-border-disabled: #262626;
|
21332
21743
|
--cds-text-disabled: #525252;
|
21333
21744
|
--cds-button-disabled: #525252;
|
@@ -22260,5 +22671,282 @@ a.bx--side-nav__link--current::before {
|
|
22260
22671
|
transition: none;
|
22261
22672
|
}
|
22262
22673
|
}
|
22674
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22675
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22676
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22677
|
+
.c4p--cancelable-text-edit {
|
22678
|
+
--size: var(--cds-spacing-08, 2.5rem);
|
22679
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22680
|
+
}
|
22681
|
+
|
22682
|
+
.c4p--cancelable-text-edit--sm {
|
22683
|
+
--size: var(--cds-spacing-07, 2rem);
|
22684
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22685
|
+
}
|
22686
|
+
|
22687
|
+
.c4p--cancelable-text-edit--lg {
|
22688
|
+
--size: var(--cds-spacing-09, 3rem);
|
22689
|
+
--icon-size: var(--cds-spacing-05, 1rem);
|
22690
|
+
}
|
22691
|
+
|
22692
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__main {
|
22693
|
+
position: relative;
|
22694
|
+
display: inline-flex;
|
22695
|
+
width: 100%;
|
22696
|
+
min-height: var(--size);
|
22697
|
+
vertical-align: top;
|
22698
|
+
}
|
22699
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
|
22700
|
+
height: var(--size);
|
22701
|
+
padding-right: calc(2 * var(--size));
|
22702
|
+
}
|
22703
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons {
|
22704
|
+
position: absolute;
|
22705
|
+
top: 0;
|
22706
|
+
right: 0;
|
22707
|
+
display: flex;
|
22708
|
+
flex-direction: column;
|
22709
|
+
}
|
22710
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons-inner {
|
22711
|
+
display: flex;
|
22712
|
+
}
|
22713
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
|
22714
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
|
22715
|
+
border: 1px solid transparent;
|
22716
|
+
}
|
22717
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
|
22718
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
|
22719
|
+
border-color: var(--cds-hover-field, #e5e5e5);
|
22720
|
+
border-bottom-color: transparent;
|
22721
|
+
background-clip: content-box;
|
22722
|
+
box-shadow: initial;
|
22723
|
+
outline: initial;
|
22724
|
+
}
|
22725
|
+
.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,
|
22726
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
|
22727
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
|
22728
|
+
border-color: var(--cds-focus, #0f62fe);
|
22729
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
|
22730
|
+
outline: initial;
|
22731
|
+
}
|
22732
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
|
22733
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
|
22734
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-field-01, #f4f4f4);
|
22735
|
+
}
|
22736
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
|
22737
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
|
22738
|
+
background-color: transparent;
|
22739
|
+
}
|
22740
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert[disabled],
|
22741
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save[disabled] {
|
22742
|
+
border-color: transparent;
|
22743
|
+
}
|
22744
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover,
|
22745
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__revert:hover {
|
22746
|
+
border: 1px solid transparent;
|
22747
|
+
box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28);
|
22748
|
+
}
|
22749
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover {
|
22750
|
+
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);
|
22751
|
+
}
|
22752
|
+
.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,
|
22753
|
+
.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 {
|
22754
|
+
border: 1px solid transparent;
|
22755
|
+
box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe);
|
22756
|
+
}
|
22757
|
+
.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,
|
22758
|
+
.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 {
|
22759
|
+
background-clip: content-box;
|
22760
|
+
}
|
22761
|
+
.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 {
|
22762
|
+
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);
|
22763
|
+
}
|
22764
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
|
22765
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
|
22766
|
+
display: flex;
|
22767
|
+
width: var(--size);
|
22768
|
+
height: var(--size);
|
22769
|
+
min-height: var(--size);
|
22770
|
+
flex-direction: column;
|
22771
|
+
align-items: center;
|
22772
|
+
justify-content: center;
|
22773
|
+
padding: 0;
|
22774
|
+
}
|
22775
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert svg,
|
22776
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save svg {
|
22777
|
+
width: var(--icon-size);
|
22778
|
+
height: var(--icon-size);
|
22779
|
+
}
|
22780
|
+
.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 {
|
22781
|
+
display: block;
|
22782
|
+
max-height: initial;
|
22783
|
+
}
|
22784
|
+
.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 {
|
22785
|
+
margin-left: calc(20% + 1.25rem);
|
22786
|
+
}
|
22787
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement {
|
22788
|
+
display: block;
|
22789
|
+
overflow: visible;
|
22790
|
+
color: var(--cds-text-error, #da1e28);
|
22791
|
+
}
|
22792
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input {
|
22793
|
+
padding-right: calc(2 * var(--size));
|
22794
|
+
}
|
22795
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input--invalid {
|
22796
|
+
padding-right: calc(3 * var(--size));
|
22797
|
+
}
|
22798
|
+
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
|
22799
|
+
margin-right: var(--cds-spacing-11, 5rem);
|
22800
|
+
}
|
22801
|
+
|
22802
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22803
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22804
|
+
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22805
|
+
.c4p--inline-edit {
|
22806
|
+
--c4p--inline-edit--size: var(--cds-spacing-08, 2.5rem);
|
22807
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22808
|
+
--c4p--inline-edit--background-color: var(--cds-ui-01, #f4f4f4);
|
22809
|
+
position: relative;
|
22810
|
+
display: inline-flex;
|
22811
|
+
max-width: 100%;
|
22812
|
+
height: var(--c4p--inline-edit--size);
|
22813
|
+
background-color: var(--c4p--inline-edit--background-color);
|
22814
|
+
cursor: text;
|
22815
|
+
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
22816
|
+
white-space: nowrap;
|
22817
|
+
}
|
22818
|
+
.c4p--inline-edit.c4p--inline-edit--light {
|
22819
|
+
--c4p--inline-edit--background-color: transparent;
|
22820
|
+
}
|
22821
|
+
.c4p--inline-edit:hover {
|
22822
|
+
--c4p--inline-edit--background-color: var(--cds-hover-field, #e5e5e5);
|
22823
|
+
}
|
22824
|
+
.c4p--inline-edit.c4p--inline-edit--sm {
|
22825
|
+
--c4p--inline-edit--size: var(--cds-spacing-07, 2rem);
|
22826
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22827
|
+
}
|
22828
|
+
.c4p--inline-edit.c4p--inline-edit--lg {
|
22829
|
+
--c4p--inline-edit--size: var(--cds-spacing-09, 3rem);
|
22830
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22831
|
+
}
|
22832
|
+
.c4p--inline-edit.c4p--inline-edit--editing {
|
22833
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
|
22834
|
+
outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
22835
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
22836
|
+
}
|
22837
|
+
@media screen and (prefers-contrast) {
|
22838
|
+
.c4p--inline-edit.c4p--inline-edit--editing {
|
22839
|
+
outline-style: dotted;
|
22840
|
+
}
|
22841
|
+
}
|
22842
|
+
.c4p--inline-edit .c4p--inline-edit--invalid {
|
22843
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
|
22844
|
+
outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
22845
|
+
}
|
22846
|
+
@media screen and (prefers-contrast) {
|
22847
|
+
.c4p--inline-edit .c4p--inline-edit--invalid {
|
22848
|
+
outline-style: dotted;
|
22849
|
+
}
|
22850
|
+
}
|
22851
|
+
.c4p--inline-edit .c4p--inline-edit__input {
|
22852
|
+
display: flex;
|
22853
|
+
overflow: hidden;
|
22854
|
+
max-width: calc(100% - 2 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
|
22855
|
+
height: 100%;
|
22856
|
+
flex: 1 1 100%;
|
22857
|
+
align-items: center;
|
22858
|
+
margin-right: calc(2 * var(--c4p--inline-edit--size));
|
22859
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
22860
|
+
}
|
22861
|
+
.c4p--inline-edit .c4p--inline-edit__input:focus {
|
22862
|
+
outline: none;
|
22863
|
+
}
|
22864
|
+
.c4p--inline-edit .c4p--inline-edit__placeholder {
|
22865
|
+
position: absolute;
|
22866
|
+
left: var(--cds-spacing-03, 0.5rem);
|
22867
|
+
}
|
22868
|
+
.c4p--inline-edit .c4p--inline-edit__controls {
|
22869
|
+
position: absolute;
|
22870
|
+
top: 0;
|
22871
|
+
right: 0;
|
22872
|
+
width: calc(2 * var(--c4p--inline-edit--size));
|
22873
|
+
height: 100%;
|
22874
|
+
cursor: text;
|
22875
|
+
}
|
22876
|
+
.c4p--inline-edit .c4p--inline-edit__controls--animation {
|
22877
|
+
clip-path: polygon(0 0, -100vw 0, -100vw -100vh, 100vw -100vh, 100vw 0, 100% 0, 100% 100%, 100vw 100%, 100vw 100vh, -100vw 100vh, -100vw 100%, 0 100%);
|
22878
|
+
}
|
22879
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__controls::after {
|
22880
|
+
position: absolute;
|
22881
|
+
top: 0;
|
22882
|
+
left: 0;
|
22883
|
+
display: block;
|
22884
|
+
width: 100%;
|
22885
|
+
height: 100%;
|
22886
|
+
box-sizing: border-box;
|
22887
|
+
border: 2px solid var(--cds-focus, #0f62fe);
|
22888
|
+
border-left: 0;
|
22889
|
+
content: "";
|
22890
|
+
pointer-events: none;
|
22891
|
+
}
|
22892
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
|
22893
|
+
width: var(--c4p--inline-edit--size);
|
22894
|
+
height: 100%;
|
22895
|
+
min-height: initial;
|
22896
|
+
max-height: var(--c4p--inline-edit--size);
|
22897
|
+
padding: calc(0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)));
|
22898
|
+
border: 2px solid transparent;
|
22899
|
+
}
|
22900
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
|
22901
|
+
outline: initial;
|
22902
|
+
}
|
22903
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus {
|
22904
|
+
border-color: var(--cds-focus, #0f62fe);
|
22905
|
+
box-shadow: initial;
|
22906
|
+
outline: initial;
|
22907
|
+
}
|
22908
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active:hover {
|
22909
|
+
box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
|
22910
|
+
}
|
22911
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save::before, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel::before {
|
22912
|
+
background-color: transparent;
|
22913
|
+
}
|
22914
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save[disabled], .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel[disabled] {
|
22915
|
+
border-color: transparent;
|
22916
|
+
}
|
22917
|
+
.c4p--inline-edit .c4p--inline-edit__controls .c4p--inline-edit__edit {
|
22918
|
+
margin-left: var(--c4p--inline-edit--size);
|
22919
|
+
}
|
22920
|
+
.c4p--inline-edit .c4p--inline-edit__controls--animation .c4p--inline-edit__cancel {
|
22921
|
+
margin-left: var(--c4p--inline-edit--size);
|
22922
|
+
transition: margin-left 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22923
|
+
}
|
22924
|
+
.c4p--inline-edit .c4p--inline-edit__controls--saveable .c4p--inline-edit__cancel {
|
22925
|
+
margin-left: 0;
|
22926
|
+
}
|
22927
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
|
22928
|
+
width: var(--c4p--inline-edit--size);
|
22929
|
+
height: 100%;
|
22930
|
+
min-height: initial;
|
22931
|
+
max-height: var(--c4p--inline-edit--size);
|
22932
|
+
padding: calc(0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)));
|
22933
|
+
border: 2px solid transparent;
|
22934
|
+
position: absolute;
|
22935
|
+
top: 0;
|
22936
|
+
right: 0;
|
22937
|
+
}
|
22938
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
|
22939
|
+
border-color: transparent;
|
22940
|
+
background-color: transparent;
|
22941
|
+
box-shadow: initial;
|
22942
|
+
outline: initial;
|
22943
|
+
}
|
22944
|
+
.c4p--inline-edit .c4p--inline-edit__edit--hover-visible {
|
22945
|
+
opacity: 0;
|
22946
|
+
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
22947
|
+
}
|
22948
|
+
.c4p--inline-edit:hover .c4p--inline-edit__edit--hover-visible {
|
22949
|
+
opacity: 1;
|
22950
|
+
}
|
22263
22951
|
|
22264
22952
|
/*# sourceMappingURL=index.css.map */
|