@carbon/ibm-products 0.99.1 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +895 -922
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +8 -8
- package/css/index-without-carbon-released-only.css +808 -796
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +8 -8
- package/css/index-without-carbon.css +895 -922
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +8 -8
- package/css/index.css +895 -922
- package/css/index.css.map +1 -1
- package/css/index.min.css +8 -8
- package/es/components/ActionBar/ActionBar.js +11 -36
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +42 -115
- package/es/components/CreateSidePanel/CreateSidePanel.js +5 -17
- package/es/components/PageHeader/PageHeader.js +17 -100
- package/es/components/SidePanel/SidePanel.js +13 -28
- package/es/components/Tearsheet/Tearsheet.js +1 -10
- package/es/components/Tearsheet/TearsheetNarrow.js +1 -10
- package/es/components/Tearsheet/TearsheetShell.js +0 -10
- package/es/components/UserProfileImage/UserProfileImage.js +1 -1
- package/es/components/index.js +0 -1
- package/es/global/js/package-settings.js +1 -2
- package/lib/components/ActionBar/ActionBar.js +11 -37
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +44 -116
- package/lib/components/CreateSidePanel/CreateSidePanel.js +5 -19
- package/lib/components/PageHeader/PageHeader.js +16 -99
- package/lib/components/SidePanel/SidePanel.js +13 -29
- package/lib/components/Tearsheet/Tearsheet.js +0 -9
- package/lib/components/Tearsheet/TearsheetNarrow.js +0 -9
- package/lib/components/Tearsheet/TearsheetShell.js +0 -11
- package/lib/components/UserProfileImage/UserProfileImage.js +1 -1
- package/lib/components/index.js +0 -8
- package/lib/global/js/package-settings.js +1 -2
- package/package.json +2 -2
- package/scss/components/PageHeader/_page-header.scss +26 -5
- package/scss/components/UserProfileImage/_user-profile-image.scss +2 -2
- package/scss/components/_index.scss +0 -1
- package/scss/global/styles/_project-settings.scss +1 -1
- package/es/components/ContextHeader/ContextHeader.js +0 -46
- package/es/components/ContextHeader/index.js +0 -7
- package/lib/components/ContextHeader/ContextHeader.js +0 -62
- package/lib/components/ContextHeader/index.js +0 -15
- package/scss/components/ContextHeader/_context-header.scss +0 -43
- package/scss/components/ContextHeader/_index.scss +0 -8
package/css/index.css
CHANGED
@@ -4540,30 +4540,30 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4540
4540
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
4541
4541
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
4542
4542
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
4543
|
-
.
|
4543
|
+
.c4p--apikey-modal .bx--modal-close {
|
4544
4544
|
display: none;
|
4545
4545
|
}
|
4546
4546
|
|
4547
|
-
.
|
4547
|
+
.c4p--apikey-modal .bx--inline-loading {
|
4548
4548
|
min-height: 3rem;
|
4549
4549
|
}
|
4550
4550
|
|
4551
|
-
.
|
4551
|
+
.c4p--apikey-modal .bx--modal-content {
|
4552
4552
|
padding-right: var(--cds-spacing-05, 1rem);
|
4553
4553
|
}
|
4554
4554
|
|
4555
|
-
.
|
4555
|
+
.c4p--apikey-modal__body {
|
4556
4556
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
4557
4557
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
4558
4558
|
}
|
4559
4559
|
|
4560
|
-
.
|
4560
|
+
.c4p--apikey-modal__messaging {
|
4561
4561
|
display: flex;
|
4562
4562
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
4563
4563
|
margin-top: var(--cds-spacing-03, 0.5rem);
|
4564
4564
|
}
|
4565
4565
|
|
4566
|
-
.
|
4566
|
+
.c4p--apikey-modal__messaging-text {
|
4567
4567
|
flex: 1;
|
4568
4568
|
margin-left: var(--cds-spacing-03, 0.5rem);
|
4569
4569
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
@@ -4572,11 +4572,11 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4572
4572
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
4573
4573
|
}
|
4574
4574
|
|
4575
|
-
.
|
4575
|
+
.c4p--apikey-modal__messaging-text > * {
|
4576
4576
|
font: inherit;
|
4577
4577
|
}
|
4578
4578
|
|
4579
|
-
.
|
4579
|
+
.c4p--apikey-modal__error-icon svg {
|
4580
4580
|
fill: var(--cds-danger-01, #da1e28);
|
4581
4581
|
}
|
4582
4582
|
|
@@ -5524,21 +5524,21 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5524
5524
|
}
|
5525
5525
|
}
|
5526
5526
|
|
5527
|
-
.
|
5527
|
+
.c4p--about-modal .bx--modal-container {
|
5528
5528
|
grid-template-rows: auto auto 1fr auto;
|
5529
5529
|
}
|
5530
5530
|
|
5531
|
-
.
|
5531
|
+
.c4p--about-modal .c4p--about-modal__logo {
|
5532
5532
|
margin: var(--cds-spacing-05, 1rem);
|
5533
5533
|
}
|
5534
5534
|
|
5535
|
-
.
|
5535
|
+
.c4p--about-modal .c4p--about-modal__header {
|
5536
5536
|
padding: 0 20% var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
5537
5537
|
margin-bottom: 0;
|
5538
5538
|
grid-row: auto;
|
5539
5539
|
}
|
5540
5540
|
|
5541
|
-
.
|
5541
|
+
.c4p--about-modal .c4p--about-modal__title {
|
5542
5542
|
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
5543
5543
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
5544
5544
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
@@ -5546,7 +5546,7 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5546
5546
|
color: var(--cds-text-01, #161616);
|
5547
5547
|
}
|
5548
5548
|
|
5549
|
-
.
|
5549
|
+
.c4p--about-modal .c4p--about-modal__body {
|
5550
5550
|
font-size: var(--cds-body-short-02-font-size, 1rem);
|
5551
5551
|
font-weight: var(--cds-body-short-02-font-weight, 400);
|
5552
5552
|
line-height: var(--cds-body-short-02-line-height, 1.375);
|
@@ -5558,37 +5558,37 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5558
5558
|
overflow-y: auto;
|
5559
5559
|
}
|
5560
5560
|
|
5561
|
-
.
|
5561
|
+
.c4p--about-modal.c4p--about-modal--with-tabs .c4p--about-modal__body {
|
5562
5562
|
min-height: calc(var(--cds-layout-05, 4rem) + var(--cds-spacing-08, 2.5rem));
|
5563
5563
|
margin-bottom: calc(var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem));
|
5564
5564
|
}
|
5565
5565
|
|
5566
|
-
.
|
5566
|
+
.c4p--about-modal.c4p--about-modal--with-tabs .bx--modal-content--overflow-indicator {
|
5567
5567
|
bottom: calc(var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem));
|
5568
5568
|
}
|
5569
5569
|
|
5570
|
-
.
|
5570
|
+
.c4p--about-modal .c4p--about-modal__links-container {
|
5571
5571
|
margin-top: var(--cds-spacing-05, 1rem);
|
5572
5572
|
}
|
5573
5573
|
|
5574
|
-
.
|
5574
|
+
.c4p--about-modal .c4p--about-modal__links-container a + a {
|
5575
5575
|
padding-left: var(--cds-spacing-03, 0.5rem);
|
5576
5576
|
border-left: 1px solid var(--cds-text-01, #161616);
|
5577
5577
|
margin-left: var(--cds-spacing-03, 0.5rem);
|
5578
5578
|
}
|
5579
5579
|
|
5580
|
-
.
|
5581
|
-
.
|
5580
|
+
.c4p--about-modal .c4p--about-modal__legal-text,
|
5581
|
+
.c4p--about-modal .c4p--about-modal__copyright-text {
|
5582
5582
|
margin-top: var(--cds-spacing-07, 2rem);
|
5583
5583
|
margin-bottom: 0;
|
5584
5584
|
color: var(--cds-text-02, #525252);
|
5585
5585
|
}
|
5586
5586
|
|
5587
|
-
.
|
5587
|
+
.c4p--about-modal .c4p--about-modal__copyright-text {
|
5588
5588
|
margin-top: var(--cds-spacing-05, 1rem);
|
5589
5589
|
}
|
5590
5590
|
|
5591
|
-
.
|
5591
|
+
.c4p--about-modal .c4p--about-modal__footer {
|
5592
5592
|
position: relative;
|
5593
5593
|
height: 4.5rem;
|
5594
5594
|
flex-direction: column;
|
@@ -5597,13 +5597,13 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5597
5597
|
color: var(--cds-inverse-01, #ffffff);
|
5598
5598
|
}
|
5599
5599
|
|
5600
|
-
.
|
5600
|
+
.c4p--about-modal .c4p--about-modal__tab-container {
|
5601
5601
|
position: absolute;
|
5602
5602
|
bottom: 100%;
|
5603
5603
|
}
|
5604
5604
|
|
5605
|
-
.
|
5606
|
-
.
|
5605
|
+
.c4p--about-modal .c4p--about-modal__version-label,
|
5606
|
+
.c4p--about-modal .c4p--about-modal__version-number {
|
5607
5607
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
5608
5608
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
5609
5609
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -5614,7 +5614,7 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5614
5614
|
color: var(--cds-inverse-01, #ffffff);
|
5615
5615
|
}
|
5616
5616
|
|
5617
|
-
.
|
5617
|
+
.c4p--about-modal .c4p--about-modal__version-label {
|
5618
5618
|
font-weight: 600;
|
5619
5619
|
}
|
5620
5620
|
|
@@ -5716,13 +5716,13 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5716
5716
|
stroke-dashoffset: 0;
|
5717
5717
|
}
|
5718
5718
|
}
|
5719
|
-
.
|
5719
|
+
.c4p--action-set {
|
5720
5720
|
align-items: stretch;
|
5721
5721
|
justify-content: flex-end;
|
5722
5722
|
background-color: var(--cds-ui-01, #f4f4f4);
|
5723
5723
|
}
|
5724
5724
|
|
5725
|
-
.
|
5725
|
+
.c4p--action-set .c4p--action-set__action-button {
|
5726
5726
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
5727
5727
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
5728
5728
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -5734,47 +5734,47 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5734
5734
|
margin: 0;
|
5735
5735
|
}
|
5736
5736
|
|
5737
|
-
.
|
5737
|
+
.c4p--action-set.bx--btn-set .c4p--action-set__action-button.bx--btn.bx--btn--expressive {
|
5738
5738
|
max-width: none;
|
5739
5739
|
}
|
5740
5740
|
|
5741
|
-
.
|
5741
|
+
.c4p--action-set:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost {
|
5742
5742
|
padding-left: var(--cds-spacing-07, 2rem);
|
5743
5743
|
}
|
5744
5744
|
|
5745
|
-
.
|
5746
|
-
.
|
5745
|
+
.c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--action-set__action-button,
|
5746
|
+
.c4p--action-set.c4p--action-set--row-single .c4p--action-set__action-button--ghost {
|
5747
5747
|
flex: 0 0 100%;
|
5748
5748
|
}
|
5749
5749
|
|
5750
|
-
.
|
5750
|
+
.c4p--action-set.c4p--action-set--row-double .c4p--action-set__action-button--ghost {
|
5751
5751
|
flex: 1 1 75%;
|
5752
5752
|
}
|
5753
5753
|
|
5754
|
-
.
|
5755
|
-
.
|
5756
|
-
.
|
5757
|
-
.
|
5754
|
+
.c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
5755
|
+
.c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--action-set__action-button,
|
5756
|
+
.c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--action-set__action-button,
|
5757
|
+
.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost {
|
5758
5758
|
flex: 0 1 50%;
|
5759
5759
|
}
|
5760
5760
|
|
5761
|
-
.
|
5761
|
+
.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost {
|
5762
5762
|
flex: 1 1 50%;
|
5763
5763
|
}
|
5764
5764
|
|
5765
|
-
.
|
5766
|
-
.
|
5767
|
-
.
|
5768
|
-
.
|
5765
|
+
.c4p--action-set.bx--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
5766
|
+
.c4p--action-set.bx--btn-set.c4p--action-set--xlg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
5767
|
+
.c4p--action-set.bx--btn-set.c4p--action-set--max .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
5768
|
+
.c4p--action-set.bx--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
|
5769
5769
|
max-width: 14.5rem;
|
5770
5770
|
flex: 0 1 25%;
|
5771
5771
|
}
|
5772
5772
|
|
5773
|
-
.
|
5773
|
+
.c4p--action-set.bx--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost {
|
5774
5774
|
flex: 1 1 25%;
|
5775
5775
|
}
|
5776
5776
|
|
5777
|
-
.
|
5777
|
+
.c4p--action-set .c4p--action-set__action-button .bx--inline-loading {
|
5778
5778
|
position: absolute;
|
5779
5779
|
top: 0;
|
5780
5780
|
right: 0;
|
@@ -5784,15 +5784,15 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5784
5784
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
5785
5785
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
5786
5786
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
5787
|
-
.
|
5787
|
+
.c4p--button-menu {
|
5788
5788
|
min-width: 160px;
|
5789
5789
|
}
|
5790
|
-
.
|
5790
|
+
.c4p--button-menu .c4p--button-menu__trigger {
|
5791
5791
|
width: 100%;
|
5792
5792
|
padding: 0 var(--cds-spacing-05, 1rem);
|
5793
5793
|
}
|
5794
5794
|
|
5795
|
-
.
|
5795
|
+
.c4p--button-menu__options.bx--overflow-menu-options::after {
|
5796
5796
|
content: initial;
|
5797
5797
|
}
|
5798
5798
|
|
@@ -7683,51 +7683,51 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
7683
7683
|
}
|
7684
7684
|
}
|
7685
7685
|
@media (prefers-reduced-motion: no-preference) {
|
7686
|
-
.
|
7687
|
-
.
|
7686
|
+
.c4p--cascade__element,
|
7687
|
+
.c4p--cascade__col {
|
7688
7688
|
animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
|
7689
7689
|
animation-fill-mode: forwards;
|
7690
7690
|
opacity: 0;
|
7691
7691
|
}
|
7692
7692
|
}
|
7693
7693
|
|
7694
|
-
.
|
7695
|
-
.
|
7694
|
+
.c4p--cascade__element:nth-child(n+1),
|
7695
|
+
.c4p--cascade__col-1 {
|
7696
7696
|
animation-delay: 60ms;
|
7697
7697
|
}
|
7698
7698
|
|
7699
|
-
.
|
7700
|
-
.
|
7699
|
+
.c4p--cascade__element:nth-child(n+2),
|
7700
|
+
.c4p--cascade__col-2 {
|
7701
7701
|
animation-delay: 120ms;
|
7702
7702
|
}
|
7703
7703
|
|
7704
|
-
.
|
7705
|
-
.
|
7704
|
+
.c4p--cascade__element:nth-child(n+3),
|
7705
|
+
.c4p--cascade__col-3 {
|
7706
7706
|
animation-delay: 180ms;
|
7707
7707
|
}
|
7708
7708
|
|
7709
|
-
.
|
7710
|
-
.
|
7709
|
+
.c4p--cascade__element:nth-child(n+4),
|
7710
|
+
.c4p--cascade__col-4 {
|
7711
7711
|
animation-delay: 240ms;
|
7712
7712
|
}
|
7713
7713
|
|
7714
|
-
.
|
7715
|
-
.
|
7714
|
+
.c4p--cascade__element:nth-child(n+5),
|
7715
|
+
.c4p--cascade__col-5 {
|
7716
7716
|
animation-delay: 300ms;
|
7717
7717
|
}
|
7718
7718
|
|
7719
|
-
.
|
7720
|
-
.
|
7719
|
+
.c4p--cascade__element:nth-child(n+6),
|
7720
|
+
.c4p--cascade__col-6 {
|
7721
7721
|
animation-delay: 360ms;
|
7722
7722
|
}
|
7723
7723
|
|
7724
|
-
.
|
7725
|
-
.
|
7724
|
+
.c4p--cascade__element:nth-child(n+7),
|
7725
|
+
.c4p--cascade__col-7 {
|
7726
7726
|
animation-delay: 420ms;
|
7727
7727
|
}
|
7728
7728
|
|
7729
|
-
.
|
7730
|
-
.
|
7729
|
+
.c4p--cascade__element:nth-child(n+8),
|
7730
|
+
.c4p--cascade__col-8 {
|
7731
7731
|
animation-delay: 480ms;
|
7732
7732
|
}
|
7733
7733
|
|
@@ -8246,45 +8246,6 @@ a.bx--overflow-menu-options__btn::before {
|
|
8246
8246
|
margin-left: auto;
|
8247
8247
|
}
|
8248
8248
|
|
8249
|
-
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
8250
|
-
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
8251
|
-
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
8252
|
-
.exp-context-header {
|
8253
|
-
display: flex;
|
8254
|
-
width: 100%;
|
8255
|
-
height: var(--cds-spacing-07, 2rem);
|
8256
|
-
padding: 0 var(--cds-spacing-05, 1rem);
|
8257
|
-
border-bottom: 0.0625rem solid var(--cds-ui-03, #e0e0e0);
|
8258
|
-
background: var(--cds-ui-background, #ffffff);
|
8259
|
-
}
|
8260
|
-
|
8261
|
-
.exp-context-header--task,
|
8262
|
-
.exp-context-header--name,
|
8263
|
-
.exp-context-header--namespace,
|
8264
|
-
.exp-context-header--separator {
|
8265
|
-
font-size: var(--cds-label-01-font-size, 0.75rem);
|
8266
|
-
font-weight: var(--cds-label-01-font-weight, 400);
|
8267
|
-
line-height: var(--cds-label-01-line-height, 1.33333);
|
8268
|
-
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
8269
|
-
display: inline-flex;
|
8270
|
-
align-items: center;
|
8271
|
-
}
|
8272
|
-
|
8273
|
-
.exp-context-header--task {
|
8274
|
-
padding-right: var(--cds-spacing-05, 1rem);
|
8275
|
-
color: var(--cds-text-01, #161616);
|
8276
|
-
}
|
8277
|
-
|
8278
|
-
.exp-context-header--name,
|
8279
|
-
.exp-context-header--namespace,
|
8280
|
-
.exp-context-header--separator {
|
8281
|
-
color: var(--cds-text-02, #525252);
|
8282
|
-
}
|
8283
|
-
|
8284
|
-
.exp-context-header--separator {
|
8285
|
-
padding: 0 var(--cds-spacing-03, 0.5rem);
|
8286
|
-
}
|
8287
|
-
|
8288
8249
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
8289
8250
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
8290
8251
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -11639,48 +11600,48 @@ a.bx--overflow-menu-options__btn::before {
|
|
11639
11600
|
transform: translateX(calc(-1 * var(--cds-spacing-05, 1rem)));
|
11640
11601
|
}
|
11641
11602
|
}
|
11642
|
-
.
|
11603
|
+
.c4p--create-influencer {
|
11643
11604
|
display: grid;
|
11644
11605
|
height: 100%;
|
11645
11606
|
grid-template-columns: 100%;
|
11646
11607
|
grid-template-rows: 1fr auto;
|
11647
11608
|
}
|
11648
11609
|
|
11649
|
-
.
|
11610
|
+
.c4p--create-influencer__left-nav {
|
11650
11611
|
grid-column: 1/-1;
|
11651
11612
|
grid-row: 1/-1;
|
11652
11613
|
overflow-y: auto;
|
11653
11614
|
}
|
11654
11615
|
|
11655
|
-
.
|
11616
|
+
.c4p--create-influencer__progress-indicator {
|
11656
11617
|
padding: var(--cds-spacing-06, 1.5rem);
|
11657
11618
|
}
|
11658
11619
|
|
11659
|
-
.
|
11620
|
+
.c4p--create-influencer__view-all-toggle {
|
11660
11621
|
padding: var(--cds-spacing-06, 1.5rem);
|
11661
11622
|
grid-column: 1/-1;
|
11662
11623
|
grid-row: -1/-1;
|
11663
11624
|
}
|
11664
11625
|
|
11665
|
-
.
|
11666
|
-
.
|
11626
|
+
.c4p--create-influencer__side-nav-opening,
|
11627
|
+
.c4p--create-influencer__progress-indicator-opening {
|
11667
11628
|
animation: influencerMenuEntrance 240ms 1;
|
11668
11629
|
animation-fill-mode: forwards;
|
11669
11630
|
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
11670
11631
|
}
|
11671
11632
|
|
11672
|
-
.
|
11673
|
-
.
|
11633
|
+
.c4p--create-influencer__side-nav-closing,
|
11634
|
+
.c4p--create-influencer__progress-indicator-closing {
|
11674
11635
|
animation: influencerMenuExit 240ms 1;
|
11675
11636
|
animation-fill-mode: forwards;
|
11676
11637
|
transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
|
11677
11638
|
}
|
11678
11639
|
|
11679
11640
|
@media (prefers-reduced-motion) {
|
11680
|
-
.
|
11681
|
-
.
|
11682
|
-
.
|
11683
|
-
.
|
11641
|
+
.c4p--create-influencer__side-nav-opening,
|
11642
|
+
.c4p--create-influencer__progress-indicator-opening,
|
11643
|
+
.c4p--create-influencer__side-nav-closing,
|
11644
|
+
.c4p--create-influencer__progress-indicator-closing {
|
11684
11645
|
animation: none;
|
11685
11646
|
opacity: 1;
|
11686
11647
|
}
|
@@ -11783,31 +11744,31 @@ a.bx--overflow-menu-options__btn::before {
|
|
11783
11744
|
stroke-dashoffset: 0;
|
11784
11745
|
}
|
11785
11746
|
}
|
11786
|
-
.
|
11747
|
+
.c4p--create-full-page .c4p--create-full-page {
|
11787
11748
|
color: var(--cds-text-01, #161616);
|
11788
11749
|
}
|
11789
11750
|
|
11790
|
-
.
|
11751
|
+
.c4p--create-full-page .c4p--create-full-page__content .bx--grid {
|
11791
11752
|
padding-top: var(--cds-spacing-06, 1.5rem);
|
11792
11753
|
margin-right: 0;
|
11793
11754
|
margin-left: 0;
|
11794
11755
|
}
|
11795
11756
|
|
11796
|
-
.
|
11797
|
-
.
|
11757
|
+
.c4p--create-full-page .c4p--create-full-page__step--hidden-step,
|
11758
|
+
.c4p--create-full-page .c4p--create-full-page__step--hidden-section {
|
11798
11759
|
display: none;
|
11799
11760
|
}
|
11800
11761
|
|
11801
|
-
.
|
11762
|
+
.c4p--create-full-page .c4p--create-full-page__step--visible-section {
|
11802
11763
|
display: block;
|
11803
11764
|
}
|
11804
11765
|
|
11805
|
-
.
|
11766
|
+
.c4p--create-full-page .c4p--create-full-page__step--visible-step {
|
11806
11767
|
opacity: 1;
|
11807
11768
|
}
|
11808
11769
|
|
11809
|
-
.
|
11810
|
-
.
|
11770
|
+
.c4p--create-full-page .c4p--create-full-page__section-subtitle,
|
11771
|
+
.c4p--create-full-page .c4p--create-full-page__step-subtitle {
|
11811
11772
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
11812
11773
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
11813
11774
|
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
@@ -11816,8 +11777,8 @@ a.bx--overflow-menu-options__btn::before {
|
|
11816
11777
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
11817
11778
|
}
|
11818
11779
|
|
11819
|
-
.
|
11820
|
-
.
|
11780
|
+
.c4p--create-full-page .c4p--create-full-page__section-description,
|
11781
|
+
.c4p--create-full-page .c4p--create-full-page__step-description {
|
11821
11782
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
11822
11783
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
11823
11784
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
@@ -11826,45 +11787,45 @@ a.bx--overflow-menu-options__btn::before {
|
|
11826
11787
|
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
11827
11788
|
}
|
11828
11789
|
|
11829
|
-
.
|
11790
|
+
.c4p--create-full-page .bx--fieldset {
|
11830
11791
|
margin-bottom: 0;
|
11831
11792
|
}
|
11832
11793
|
|
11833
|
-
.
|
11794
|
+
.c4p--create-full-page .c4p--create-full-page__step-fieldset > * {
|
11834
11795
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
11835
11796
|
}
|
11836
11797
|
|
11837
|
-
.
|
11798
|
+
.c4p--create-full-page .bx--modal-close {
|
11838
11799
|
display: none;
|
11839
11800
|
}
|
11840
11801
|
|
11841
|
-
.
|
11802
|
+
.c4p--create-full-page {
|
11842
11803
|
display: flex;
|
11843
11804
|
height: 100vh;
|
11844
11805
|
padding: 0;
|
11845
11806
|
margin: 0;
|
11846
11807
|
}
|
11847
11808
|
|
11848
|
-
.
|
11809
|
+
.c4p--create-full-page .c4p--create-full-page__left-nav {
|
11849
11810
|
grid-column: 1/-1;
|
11850
11811
|
grid-row: 1/-1;
|
11851
11812
|
overflow-y: auto;
|
11852
11813
|
}
|
11853
11814
|
|
11854
|
-
.
|
11815
|
+
.c4p--create-full-page .c4p--create-full-page__body {
|
11855
11816
|
display: flex;
|
11856
11817
|
flex-direction: column;
|
11857
11818
|
flex-grow: 1;
|
11858
11819
|
}
|
11859
11820
|
|
11860
|
-
.
|
11821
|
+
.c4p--create-full-page .c4p--create-full-page__main {
|
11861
11822
|
display: flex;
|
11862
11823
|
max-height: 100%;
|
11863
11824
|
flex-direction: column;
|
11864
11825
|
flex-grow: 1;
|
11865
11826
|
}
|
11866
11827
|
|
11867
|
-
.
|
11828
|
+
.c4p--create-full-page .c4p--create-full-page__content {
|
11868
11829
|
overflow: auto;
|
11869
11830
|
flex-grow: 1;
|
11870
11831
|
background-color: var(--cds-ui-background, #ffffff);
|
@@ -11872,12 +11833,12 @@ a.bx--overflow-menu-options__btn::before {
|
|
11872
11833
|
overflow-x: hidden;
|
11873
11834
|
}
|
11874
11835
|
|
11875
|
-
.
|
11836
|
+
.c4p--create-full-page .c4p--create-full-page__step {
|
11876
11837
|
position: relative;
|
11877
11838
|
padding-bottom: var(--cds-spacing-07, 2rem);
|
11878
11839
|
}
|
11879
11840
|
|
11880
|
-
.
|
11841
|
+
.c4p--create-full-page .bx--side-nav--ux {
|
11881
11842
|
top: 0;
|
11882
11843
|
height: min-content;
|
11883
11844
|
padding-top: 0;
|
@@ -11887,14 +11848,14 @@ a.bx--overflow-menu-options__btn::before {
|
|
11887
11848
|
overflow-x: auto;
|
11888
11849
|
}
|
11889
11850
|
|
11890
|
-
.
|
11851
|
+
.c4p--create-full-page .c4p--create-full-page__section-divider {
|
11891
11852
|
position: relative;
|
11892
11853
|
display: block;
|
11893
11854
|
width: 0;
|
11894
11855
|
height: 1px;
|
11895
11856
|
margin: var(--cds-spacing-07, 2rem) calc(-1 * var(--cds-spacing-08, 2.5rem)) var(--cds-spacing-07, 2rem) calc(-1 * var(--cds-spacing-08, 2.5rem));
|
11896
11857
|
}
|
11897
|
-
.
|
11858
|
+
.c4p--create-full-page .c4p--create-full-page__section-divider::after {
|
11898
11859
|
position: absolute;
|
11899
11860
|
top: 0;
|
11900
11861
|
left: 0;
|
@@ -11904,8 +11865,8 @@ a.bx--overflow-menu-options__btn::before {
|
|
11904
11865
|
content: "";
|
11905
11866
|
}
|
11906
11867
|
|
11907
|
-
.
|
11908
|
-
.
|
11868
|
+
.c4p--create-full-page .c4p--create-full-page__step-title,
|
11869
|
+
.c4p--create-full-page .c4p--create-full-page__section-title {
|
11909
11870
|
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
11910
11871
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
11911
11872
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
@@ -11914,7 +11875,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11914
11875
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
11915
11876
|
}
|
11916
11877
|
|
11917
|
-
.
|
11878
|
+
.c4p--create-full-page .c4p--create-full-page__influencer {
|
11918
11879
|
display: grid;
|
11919
11880
|
flex: 0 0 257px;
|
11920
11881
|
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
@@ -11923,17 +11884,17 @@ a.bx--overflow-menu-options__btn::before {
|
|
11923
11884
|
grid-template-rows: 1fr auto;
|
11924
11885
|
}
|
11925
11886
|
|
11926
|
-
.
|
11887
|
+
.c4p--create-full-page .c4p--create-full-page__progress-indicator {
|
11927
11888
|
padding: var(--cds-spacing-06, 1.5rem);
|
11928
11889
|
}
|
11929
11890
|
|
11930
|
-
.
|
11891
|
+
.c4p--create-full-page .c4p--create-full-page__influencer-toggle {
|
11931
11892
|
padding: var(--cds-spacing-06, 1.5rem);
|
11932
11893
|
grid-column: 1/-1;
|
11933
11894
|
grid-row: -1/-1;
|
11934
11895
|
}
|
11935
11896
|
|
11936
|
-
.
|
11897
|
+
.c4p--create-full-page .c4p--create-full-page__buttons {
|
11937
11898
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
11938
11899
|
}
|
11939
11900
|
|
@@ -12056,37 +12017,37 @@ a.bx--overflow-menu-options__btn::before {
|
|
12056
12017
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
12057
12018
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
12058
12019
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
12059
|
-
.
|
12020
|
+
.c4p--create-modal {
|
12060
12021
|
background-color: var(--cds-ui-background, #ffffff);
|
12061
12022
|
}
|
12062
12023
|
|
12063
|
-
.
|
12024
|
+
.c4p--create-modal .bx--modal-close {
|
12064
12025
|
display: none;
|
12065
12026
|
}
|
12066
12027
|
|
12067
12028
|
@media (min-width: 42rem) {
|
12068
|
-
.
|
12029
|
+
.c4p--create-modal .bx--modal-container {
|
12069
12030
|
max-height: 95%;
|
12070
12031
|
}
|
12071
12032
|
}
|
12072
12033
|
@media (min-width: 66rem) {
|
12073
|
-
.
|
12034
|
+
.c4p--create-modal .bx--modal-container {
|
12074
12035
|
max-height: 95%;
|
12075
12036
|
}
|
12076
12037
|
}
|
12077
12038
|
|
12078
|
-
.
|
12039
|
+
.c4p--create-modal .bx--modal-header {
|
12079
12040
|
padding-right: 20%;
|
12080
12041
|
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
12081
12042
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
12082
12043
|
margin-bottom: 0;
|
12083
12044
|
}
|
12084
12045
|
|
12085
|
-
.
|
12046
|
+
.c4p--create-modal .bx--modal-footer .bx--btn {
|
12086
12047
|
max-width: none;
|
12087
12048
|
}
|
12088
12049
|
|
12089
|
-
.
|
12050
|
+
.c4p--create-modal__title {
|
12090
12051
|
font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
|
12091
12052
|
font-weight: var(--cds-productive-heading-03-font-weight, 400);
|
12092
12053
|
line-height: var(--cds-productive-heading-03-line-height, 1.4);
|
@@ -12094,7 +12055,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12094
12055
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
12095
12056
|
}
|
12096
12057
|
|
12097
|
-
.
|
12058
|
+
.c4p--create-modal__subtitle {
|
12098
12059
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
12099
12060
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
12100
12061
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -12103,7 +12064,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12103
12064
|
color: var(--cds-text-02, #525252);
|
12104
12065
|
}
|
12105
12066
|
|
12106
|
-
.
|
12067
|
+
.c4p--create-modal__description {
|
12107
12068
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
12108
12069
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
12109
12070
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
@@ -12112,15 +12073,15 @@ a.bx--overflow-menu-options__btn::before {
|
|
12112
12073
|
margin: var(--cds-spacing-03, 0.5rem) 0 var(--cds-spacing-05, 1rem) 0;
|
12113
12074
|
}
|
12114
12075
|
|
12115
|
-
.
|
12076
|
+
.c4p--create-modal__form .bx--fieldset {
|
12116
12077
|
min-width: 100%;
|
12117
12078
|
margin-bottom: 0;
|
12118
12079
|
}
|
12119
12080
|
|
12120
|
-
.
|
12081
|
+
.c4p--create-modal__form > * {
|
12121
12082
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
12122
12083
|
}
|
12123
|
-
.
|
12084
|
+
.c4p--create-modal__form > *:last-child {
|
12124
12085
|
margin-bottom: 0;
|
12125
12086
|
}
|
12126
12087
|
|
@@ -12320,17 +12281,17 @@ a.bx--overflow-menu-options__btn::before {
|
|
12320
12281
|
transform: translateX(30rem);
|
12321
12282
|
}
|
12322
12283
|
}
|
12323
|
-
.
|
12324
|
-
--
|
12325
|
-
--
|
12326
|
-
--
|
12327
|
-
--
|
12328
|
-
--
|
12329
|
-
--
|
12330
|
-
--
|
12331
|
-
--
|
12332
|
-
--
|
12333
|
-
--
|
12284
|
+
.c4p--side-panel__container {
|
12285
|
+
--c4p--side-panel--subtitle-opacity: 1;
|
12286
|
+
--c4p--side-panel--title-container-height: 0;
|
12287
|
+
--c4p--side-panel--title-text-height: 0;
|
12288
|
+
--c4p--side-panel--subtitle-container-height: 0;
|
12289
|
+
--c4p--side-panel--action-bar-container-height: 0;
|
12290
|
+
--c4p--side-panel--divider-opacity: 0;
|
12291
|
+
--c4p--side-panel--title-y-position: 0;
|
12292
|
+
--c4p--side-panel--content-bottom-padding: var(--cds-spacing-10, 4rem);
|
12293
|
+
--c4p--side-panel--collapsed-title-y-position: 1rem;
|
12294
|
+
--c4p--side-panel--label-text-height: 0;
|
12334
12295
|
position: fixed;
|
12335
12296
|
z-index: 9000;
|
12336
12297
|
top: var(--cds-spacing-09, 3rem);
|
@@ -12341,18 +12302,18 @@ a.bx--overflow-menu-options__btn::before {
|
|
12341
12302
|
transition: transform 240ms;
|
12342
12303
|
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
12343
12304
|
}
|
12344
|
-
.
|
12305
|
+
.c4p--side-panel__container.c4p--side-panel__container--xs {
|
12345
12306
|
min-width: 16rem;
|
12346
12307
|
max-width: 16rem;
|
12347
12308
|
}
|
12348
|
-
.
|
12349
|
-
.
|
12350
|
-
.
|
12351
|
-
.
|
12309
|
+
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
12310
|
+
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
12311
|
+
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation,
|
12312
|
+
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__actions-container.c4p--action-set--xs {
|
12352
12313
|
min-width: 16rem;
|
12353
12314
|
max-width: 16rem;
|
12354
12315
|
}
|
12355
|
-
.
|
12316
|
+
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--xs {
|
12356
12317
|
min-width: 16rem;
|
12357
12318
|
max-width: 16rem;
|
12358
12319
|
right: 0;
|
@@ -12368,7 +12329,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12368
12329
|
transform: translateX(0);
|
12369
12330
|
}
|
12370
12331
|
}
|
12371
|
-
.
|
12332
|
+
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--xs {
|
12372
12333
|
min-width: 16rem;
|
12373
12334
|
max-width: 16rem;
|
12374
12335
|
left: 0;
|
@@ -12384,18 +12345,18 @@ a.bx--overflow-menu-options__btn::before {
|
|
12384
12345
|
transform: translateX(0);
|
12385
12346
|
}
|
12386
12347
|
}
|
12387
|
-
.
|
12348
|
+
.c4p--side-panel__container.c4p--side-panel__container--sm {
|
12388
12349
|
min-width: 20rem;
|
12389
12350
|
max-width: 20rem;
|
12390
12351
|
}
|
12391
|
-
.
|
12392
|
-
.
|
12393
|
-
.
|
12394
|
-
.
|
12352
|
+
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
12353
|
+
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
12354
|
+
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation,
|
12355
|
+
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__actions-container.c4p--action-set--sm {
|
12395
12356
|
min-width: 20rem;
|
12396
12357
|
max-width: 20rem;
|
12397
12358
|
}
|
12398
|
-
.
|
12359
|
+
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--sm {
|
12399
12360
|
min-width: 20rem;
|
12400
12361
|
max-width: 20rem;
|
12401
12362
|
right: 0;
|
@@ -12411,7 +12372,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12411
12372
|
transform: translateX(0);
|
12412
12373
|
}
|
12413
12374
|
}
|
12414
|
-
.
|
12375
|
+
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--sm {
|
12415
12376
|
min-width: 20rem;
|
12416
12377
|
max-width: 20rem;
|
12417
12378
|
left: 0;
|
@@ -12427,18 +12388,18 @@ a.bx--overflow-menu-options__btn::before {
|
|
12427
12388
|
transform: translateX(0);
|
12428
12389
|
}
|
12429
12390
|
}
|
12430
|
-
.
|
12391
|
+
.c4p--side-panel__container.c4p--side-panel__container--md {
|
12431
12392
|
min-width: 30rem;
|
12432
12393
|
max-width: 30rem;
|
12433
12394
|
}
|
12434
|
-
.
|
12435
|
-
.
|
12436
|
-
.
|
12437
|
-
.
|
12395
|
+
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
12396
|
+
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
12397
|
+
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation,
|
12398
|
+
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__actions-container.c4p--action-set--md {
|
12438
12399
|
min-width: 30rem;
|
12439
12400
|
max-width: 30rem;
|
12440
12401
|
}
|
12441
|
-
.
|
12402
|
+
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--md {
|
12442
12403
|
min-width: 30rem;
|
12443
12404
|
max-width: 30rem;
|
12444
12405
|
right: 0;
|
@@ -12454,7 +12415,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12454
12415
|
transform: translateX(0);
|
12455
12416
|
}
|
12456
12417
|
}
|
12457
|
-
.
|
12418
|
+
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--md {
|
12458
12419
|
min-width: 30rem;
|
12459
12420
|
max-width: 30rem;
|
12460
12421
|
left: 0;
|
@@ -12470,18 +12431,18 @@ a.bx--overflow-menu-options__btn::before {
|
|
12470
12431
|
transform: translateX(0);
|
12471
12432
|
}
|
12472
12433
|
}
|
12473
|
-
.
|
12434
|
+
.c4p--side-panel__container.c4p--side-panel__container--lg {
|
12474
12435
|
min-width: 40rem;
|
12475
12436
|
max-width: 40rem;
|
12476
12437
|
}
|
12477
|
-
.
|
12478
|
-
.
|
12479
|
-
.
|
12480
|
-
.
|
12438
|
+
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
12439
|
+
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
12440
|
+
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation,
|
12441
|
+
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__actions-container.c4p--action-set--lg {
|
12481
12442
|
min-width: 40rem;
|
12482
12443
|
max-width: 40rem;
|
12483
12444
|
}
|
12484
|
-
.
|
12445
|
+
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--lg {
|
12485
12446
|
min-width: 40rem;
|
12486
12447
|
max-width: 40rem;
|
12487
12448
|
right: 0;
|
@@ -12497,7 +12458,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12497
12458
|
transform: translateX(0);
|
12498
12459
|
}
|
12499
12460
|
}
|
12500
|
-
.
|
12461
|
+
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--lg {
|
12501
12462
|
min-width: 40rem;
|
12502
12463
|
max-width: 40rem;
|
12503
12464
|
left: 0;
|
@@ -12513,18 +12474,18 @@ a.bx--overflow-menu-options__btn::before {
|
|
12513
12474
|
transform: translateX(0);
|
12514
12475
|
}
|
12515
12476
|
}
|
12516
|
-
.
|
12477
|
+
.c4p--side-panel__container.c4p--side-panel__container--max {
|
12517
12478
|
min-width: 75%;
|
12518
12479
|
max-width: 75%;
|
12519
12480
|
}
|
12520
|
-
.
|
12521
|
-
.
|
12522
|
-
.
|
12523
|
-
.
|
12481
|
+
.c4p--side-panel__container.c4p--side-panel__container--max .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
12482
|
+
.c4p--side-panel__container.c4p--side-panel__container--max .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
12483
|
+
.c4p--side-panel__container.c4p--side-panel__container--max .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation,
|
12484
|
+
.c4p--side-panel__container.c4p--side-panel__container--max .c4p--side-panel__actions-container.c4p--action-set--max {
|
12524
12485
|
min-width: 75%;
|
12525
12486
|
max-width: 75%;
|
12526
12487
|
}
|
12527
|
-
.
|
12488
|
+
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--max {
|
12528
12489
|
min-width: 75%;
|
12529
12490
|
max-width: 75%;
|
12530
12491
|
right: 0;
|
@@ -12540,7 +12501,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12540
12501
|
transform: translateX(0);
|
12541
12502
|
}
|
12542
12503
|
}
|
12543
|
-
.
|
12504
|
+
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--max {
|
12544
12505
|
min-width: 75%;
|
12545
12506
|
max-width: 75%;
|
12546
12507
|
left: 0;
|
@@ -12556,10 +12517,10 @@ a.bx--overflow-menu-options__btn::before {
|
|
12556
12517
|
transform: translateX(0);
|
12557
12518
|
}
|
12558
12519
|
}
|
12559
|
-
.
|
12520
|
+
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container::before {
|
12560
12521
|
content: none;
|
12561
12522
|
}
|
12562
|
-
.
|
12523
|
+
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__action-toolbar::before {
|
12563
12524
|
position: absolute;
|
12564
12525
|
bottom: 0;
|
12565
12526
|
left: 0;
|
@@ -12567,20 +12528,20 @@ a.bx--overflow-menu-options__btn::before {
|
|
12567
12528
|
height: 1px;
|
12568
12529
|
background-color: var(--cds-decorative-01, #e0e0e0);
|
12569
12530
|
content: "";
|
12570
|
-
opacity: var(--
|
12531
|
+
opacity: var(--c4p--side-panel--divider-opacity);
|
12571
12532
|
}
|
12572
|
-
.
|
12533
|
+
.c4p--side-panel__container.c4p--side-panel__container-without-overlay {
|
12573
12534
|
box-shadow: 0 var(--cds-spacing-01, 0.125rem) var(--cds-spacing-02, 0.25rem) var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
12574
12535
|
}
|
12575
|
-
.
|
12536
|
+
.c4p--side-panel__container .c4p--side-panel__title-container {
|
12576
12537
|
position: sticky;
|
12577
12538
|
z-index: 4;
|
12578
12539
|
top: 0;
|
12579
|
-
height: calc(var(--
|
12540
|
+
height: calc(var(--c4p--side-panel--title-container-height) - var(--c4p--side-panel--label-text-height));
|
12580
12541
|
padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
12581
12542
|
background-color: var(--cds-ui-01, #f4f4f4);
|
12582
12543
|
}
|
12583
|
-
.
|
12544
|
+
.c4p--side-panel__container .c4p--side-panel__title-container::before {
|
12584
12545
|
position: absolute;
|
12585
12546
|
bottom: 0;
|
12586
12547
|
left: 0;
|
@@ -12588,34 +12549,34 @@ a.bx--overflow-menu-options__btn::before {
|
|
12588
12549
|
height: 1px;
|
12589
12550
|
background-color: var(--cds-decorative-01, #e0e0e0);
|
12590
12551
|
content: "";
|
12591
|
-
opacity: var(--
|
12552
|
+
opacity: var(--c4p--side-panel--divider-opacity);
|
12592
12553
|
}
|
12593
|
-
.
|
12554
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__on-detail-step .c4p--side-panel__collapsed-title-text {
|
12594
12555
|
top: var(--cds-spacing-09, 3rem);
|
12595
12556
|
}
|
12596
|
-
.
|
12557
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container-without-title {
|
12597
12558
|
padding: 0;
|
12598
12559
|
}
|
12599
|
-
.
|
12560
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container-without-title.c4p--side-panel__on-detail-step-without-title {
|
12600
12561
|
height: calc(var(--cds-spacing-08, 2.5rem) + var(--cds-spacing-02, 0.25rem));
|
12601
12562
|
padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
12602
12563
|
}
|
12603
|
-
.
|
12564
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container-without-title::before {
|
12604
12565
|
background-color: transparent;
|
12605
12566
|
}
|
12606
|
-
.
|
12567
|
+
.c4p--side-panel__container.c4p--side-panel__container-is-animating {
|
12607
12568
|
pointer-events: none;
|
12608
12569
|
}
|
12609
|
-
.
|
12570
|
+
.c4p--side-panel__container.c4p--side-panel__container-is-animating .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
|
12610
12571
|
top: 0;
|
12611
12572
|
}
|
12612
|
-
.
|
12613
|
-
top: var(--
|
12573
|
+
.c4p--side-panel__container.c4p--side-panel__container-is-animating .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
|
12574
|
+
top: var(--c4p--side-panel--title-text-height);
|
12614
12575
|
}
|
12615
|
-
.
|
12616
|
-
top: calc(var(--
|
12576
|
+
.c4p--side-panel__container.c4p--side-panel__container-is-animating .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
12577
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
12617
12578
|
}
|
12618
|
-
.
|
12579
|
+
.c4p--side-panel__container .c4p--side-panel__title-text {
|
12619
12580
|
font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
|
12620
12581
|
font-weight: var(--cds-productive-heading-03-font-weight, 400);
|
12621
12582
|
line-height: var(--cds-productive-heading-03-line-height, 1.4);
|
@@ -12628,22 +12589,22 @@ a.bx--overflow-menu-options__btn::before {
|
|
12628
12589
|
position: inherit;
|
12629
12590
|
z-index: 4;
|
12630
12591
|
background-color: var(--cds-ui-01, #f4f4f4);
|
12631
|
-
opacity: var(--
|
12632
|
-
transform: translateY(var(--
|
12592
|
+
opacity: var(--c4p--side-panel--subtitle-opacity);
|
12593
|
+
transform: translateY(var(--c4p--side-panel--title-y-position));
|
12633
12594
|
}
|
12634
|
-
.
|
12595
|
+
.c4p--side-panel__container .c4p--side-panel__label-text {
|
12635
12596
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
12636
12597
|
font-weight: var(--cds-label-01-font-weight, 400);
|
12637
12598
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
12638
12599
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
12639
12600
|
overflow: hidden;
|
12640
12601
|
padding-right: var(--cds-spacing-05, 1rem);
|
12641
|
-
opacity: var(--
|
12602
|
+
opacity: var(--c4p--side-panel--subtitle-opacity);
|
12642
12603
|
text-overflow: ellipsis;
|
12643
|
-
transform: translateY(var(--
|
12604
|
+
transform: translateY(var(--c4p--side-panel--title-y-position));
|
12644
12605
|
white-space: nowrap;
|
12645
12606
|
}
|
12646
|
-
.
|
12607
|
+
.c4p--side-panel__container .c4p--side-panel__collapsed-title-text {
|
12647
12608
|
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
12648
12609
|
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
12649
12610
|
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
@@ -12655,10 +12616,10 @@ a.bx--overflow-menu-options__btn::before {
|
|
12655
12616
|
-webkit-line-clamp: 2;
|
12656
12617
|
position: absolute;
|
12657
12618
|
top: var(--cds-spacing-05, 1rem);
|
12658
|
-
opacity: var(--
|
12659
|
-
transform: translateY(var(--
|
12619
|
+
opacity: var(--c4p--side-panel--divider-opacity);
|
12620
|
+
transform: translateY(var(--c4p--side-panel--collapsed-title-y-position));
|
12660
12621
|
}
|
12661
|
-
.
|
12622
|
+
.c4p--side-panel__container .c4p--side-panel__subtitle-text {
|
12662
12623
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
12663
12624
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
12664
12625
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -12667,65 +12628,65 @@ a.bx--overflow-menu-options__btn::before {
|
|
12667
12628
|
padding: 0 var(--cds-spacing-09, 3rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem);
|
12668
12629
|
-webkit-box-orient: vertical;
|
12669
12630
|
-webkit-line-clamp: 3;
|
12670
|
-
opacity: var(--
|
12631
|
+
opacity: var(--c4p--side-panel--subtitle-opacity);
|
12671
12632
|
}
|
12672
|
-
.
|
12633
|
+
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
|
12673
12634
|
position: fixed;
|
12674
12635
|
z-index: 2;
|
12675
|
-
top: calc(var(--
|
12636
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--cds-spacing-09, 3rem));
|
12676
12637
|
background-color: var(--cds-ui-01, #f4f4f4);
|
12677
12638
|
}
|
12678
|
-
.
|
12679
|
-
top: var(--
|
12639
|
+
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-is-animating {
|
12640
|
+
top: var(--c4p--side-panel--title-text-height);
|
12680
12641
|
}
|
12681
|
-
.
|
12642
|
+
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-without-title {
|
12682
12643
|
padding-top: var(--cds-spacing-05, 1rem);
|
12683
12644
|
padding-right: var(--cds-spacing-09, 3rem);
|
12684
12645
|
}
|
12685
|
-
.
|
12646
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation.c4p--side-panel__title-container-is-animating {
|
12686
12647
|
top: 0;
|
12687
12648
|
}
|
12688
|
-
.
|
12649
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
|
12689
12650
|
position: fixed;
|
12690
12651
|
top: var(--cds-spacing-09, 3rem);
|
12691
|
-
height: var(--
|
12652
|
+
height: var(--c4p--side-panel--title-text-height);
|
12692
12653
|
}
|
12693
|
-
.
|
12654
|
+
.c4p--side-panel__container .c4p--side-panel__inner-content {
|
12694
12655
|
overflow: auto;
|
12695
12656
|
height: calc(100vh - 3rem);
|
12696
|
-
margin-top: calc(var(--
|
12657
|
+
margin-top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--c4p--side-panel--action-bar-container-height));
|
12697
12658
|
overflow-x: hidden;
|
12698
12659
|
}
|
12699
|
-
.
|
12700
|
-
height: calc(100vh - (var(--
|
12660
|
+
.c4p--side-panel__container .c4p--side-panel__inner-content-with-actions {
|
12661
|
+
height: calc(100vh - (var(--c4p--side-panel--content-bottom-padding) + 2rem));
|
12701
12662
|
}
|
12702
|
-
.
|
12703
|
-
height: calc(100vh - (var(--
|
12663
|
+
.c4p--side-panel__container .c4p--side-panel__inner-content.c4p--side-panel__static-inner-content {
|
12664
|
+
height: calc(100vh - (var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--c4p--side-panel--action-bar-container-height)) + -1 * (var(--cds-spacing-09, 3rem) + var(--cds-spacing-10, 4rem)));
|
12704
12665
|
padding-top: var(--cds-spacing-05, 1rem);
|
12705
12666
|
}
|
12706
|
-
.
|
12667
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
12707
12668
|
position: fixed;
|
12708
12669
|
top: calc(
|
12709
|
-
var(--
|
12710
|
-
var(--
|
12670
|
+
var(--c4p--side-panel--title-text-height) +
|
12671
|
+
var(--c4p--side-panel--subtitle-container-height) + var(--cds-spacing-09, 3rem)
|
12711
12672
|
);
|
12712
12673
|
width: 100%;
|
12713
12674
|
border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12714
12675
|
}
|
12715
|
-
.
|
12676
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation + .c4p--side-panel__body-content {
|
12716
12677
|
margin-top: calc(
|
12717
|
-
var(--
|
12718
|
-
var(--
|
12678
|
+
var(--c4p--side-panel--title-text-height) +
|
12679
|
+
var(--c4p--side-panel--subtitle-container-height) + var(--cds-spacing-09, 3rem)
|
12719
12680
|
);
|
12720
12681
|
}
|
12721
|
-
.
|
12682
|
+
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-no-animation-no-action-toolbar {
|
12722
12683
|
border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12723
12684
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
12724
12685
|
}
|
12725
|
-
.
|
12686
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar {
|
12726
12687
|
position: sticky;
|
12727
12688
|
z-index: 4;
|
12728
|
-
top: var(--
|
12689
|
+
top: var(--c4p--side-panel--title-height);
|
12729
12690
|
display: flex;
|
12730
12691
|
align-items: center;
|
12731
12692
|
justify-content: flex-start;
|
@@ -12735,32 +12696,32 @@ a.bx--overflow-menu-options__btn::before {
|
|
12735
12696
|
transition: transform 150ms;
|
12736
12697
|
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
12737
12698
|
}
|
12738
|
-
.
|
12699
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button {
|
12739
12700
|
min-width: 2rem;
|
12740
12701
|
}
|
12741
|
-
.
|
12702
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button {
|
12742
12703
|
padding: 0;
|
12743
12704
|
color: var(--cds-text-01, #161616);
|
12744
12705
|
}
|
12745
|
-
.
|
12706
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button svg {
|
12746
12707
|
margin-left: var(--cds-spacing-03, 0.5rem);
|
12747
12708
|
}
|
12748
|
-
.
|
12709
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-leading-button {
|
12749
12710
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
12750
12711
|
}
|
12751
|
-
.
|
12712
|
+
.c4p--side-panel__container .bx--btn.c4p--side-panel__navigation-back-button {
|
12752
12713
|
position: relative;
|
12753
12714
|
z-index: 5;
|
12754
12715
|
top: calc(-1 * var(--cds-spacing-03, 0.5rem));
|
12755
12716
|
left: calc(-1 * var(--cds-spacing-03, 0.5rem));
|
12756
12717
|
}
|
12757
|
-
.
|
12758
|
-
.
|
12718
|
+
.c4p--side-panel__container .bx--btn.c4p--side-panel__navigation-back-button,
|
12719
|
+
.c4p--side-panel__container .bx--btn.c4p--side-panel__close-button {
|
12759
12720
|
min-width: 2rem;
|
12760
12721
|
padding: 0;
|
12761
12722
|
color: var(--cds-text-01, #161616);
|
12762
12723
|
}
|
12763
|
-
.
|
12724
|
+
.c4p--side-panel__container .bx--btn.c4p--side-panel__close-button {
|
12764
12725
|
position: absolute;
|
12765
12726
|
z-index: 5;
|
12766
12727
|
top: var(--cds-spacing-03, 0.5rem);
|
@@ -12770,53 +12731,53 @@ a.bx--overflow-menu-options__btn::before {
|
|
12770
12731
|
justify-content: center;
|
12771
12732
|
background-color: var(--cds-ui-01, #f4f4f4);
|
12772
12733
|
}
|
12773
|
-
.
|
12734
|
+
.c4p--side-panel__container .bx--btn.c4p--side-panel__close-button .bx--btn__icon {
|
12774
12735
|
margin: 0;
|
12775
12736
|
}
|
12776
|
-
.
|
12737
|
+
.c4p--side-panel__container .c4p--side-panel__body-content {
|
12777
12738
|
padding: var(--cds-spacing-05, 1rem);
|
12778
12739
|
padding-top: 0;
|
12779
12740
|
}
|
12780
|
-
.
|
12741
|
+
.c4p--side-panel__container.c4p--side-panel__container-is-animating .c4p--side-panel__actions-container.c4p--action-set--max {
|
12781
12742
|
min-width: 100%;
|
12782
12743
|
max-width: 100%;
|
12783
12744
|
}
|
12784
|
-
.
|
12745
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container {
|
12785
12746
|
position: fixed;
|
12786
12747
|
bottom: 0;
|
12787
12748
|
border-top: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12788
12749
|
background-color: var(--cds-ui-01, #f4f4f4);
|
12789
12750
|
}
|
12790
|
-
.
|
12751
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container.c4p--action-set--max {
|
12791
12752
|
flex-direction: column;
|
12792
12753
|
}
|
12793
|
-
.
|
12754
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container.c4p--action-set--max .c4p--action-set__action-button {
|
12794
12755
|
width: 100%;
|
12795
12756
|
max-width: 100%;
|
12796
12757
|
}
|
12797
12758
|
@media (min-width: 42rem) {
|
12798
|
-
.
|
12759
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container.c4p--action-set--max {
|
12799
12760
|
flex-direction: row;
|
12800
12761
|
}
|
12801
|
-
.
|
12762
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container.c4p--action-set--max .c4p--action-set__action-button {
|
12802
12763
|
width: 25%;
|
12803
12764
|
}
|
12804
12765
|
}
|
12805
|
-
.
|
12766
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container .c4p--action-set__action-button {
|
12806
12767
|
height: var(--cds-layout-05, 4rem);
|
12807
12768
|
}
|
12808
|
-
.
|
12769
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container.c4p--side-panel__actions-container-condensed .c4p--action-set__action-button {
|
12809
12770
|
height: var(--cds-layout-04, 3rem);
|
12810
12771
|
}
|
12811
12772
|
|
12812
|
-
.
|
12813
|
-
.
|
12814
|
-
.
|
12815
|
-
.
|
12816
|
-
.
|
12817
|
-
.
|
12818
|
-
.
|
12819
|
-
.
|
12773
|
+
.c4p--side-panel__container .bx--text-input,
|
12774
|
+
.c4p--side-panel__container .bx--text-area,
|
12775
|
+
.c4p--side-panel__container .bx--search-input,
|
12776
|
+
.c4p--side-panel__container .bx--select-input,
|
12777
|
+
.c4p--side-panel__container .bx--dropdown,
|
12778
|
+
.c4p--side-panel__container .bx--dropdown-list,
|
12779
|
+
.c4p--side-panel__container .bx--number input[type=number],
|
12780
|
+
.c4p--side-panel__container .bx--date-picker__input {
|
12820
12781
|
background-color: var(--cds-field-02, #ffffff);
|
12821
12782
|
}
|
12822
12783
|
|
@@ -12836,7 +12797,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12836
12797
|
opacity: 0;
|
12837
12798
|
}
|
12838
12799
|
}
|
12839
|
-
.
|
12800
|
+
.c4p--side-panel__visually-hidden {
|
12840
12801
|
position: absolute;
|
12841
12802
|
overflow: hidden;
|
12842
12803
|
width: 1px;
|
@@ -12849,7 +12810,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12849
12810
|
white-space: nowrap;
|
12850
12811
|
}
|
12851
12812
|
|
12852
|
-
.
|
12813
|
+
.c4p--side-panel__overlay {
|
12853
12814
|
position: fixed;
|
12854
12815
|
z-index: 6000;
|
12855
12816
|
top: 0;
|
@@ -12863,17 +12824,17 @@ a.bx--overflow-menu-options__btn::before {
|
|
12863
12824
|
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
12864
12825
|
}
|
12865
12826
|
|
12866
|
-
.
|
12827
|
+
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
12867
12828
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
12868
12829
|
}
|
12869
12830
|
|
12870
|
-
.
|
12831
|
+
.c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__title-text {
|
12871
12832
|
width: calc(16rem - var(--cds-spacing-05, 1rem));
|
12872
12833
|
padding-right: calc((16rem * 0.2) - var(--cds-spacing-05, 1rem));
|
12873
12834
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
12874
12835
|
}
|
12875
12836
|
|
12876
|
-
.
|
12837
|
+
.c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__subtitle-text {
|
12877
12838
|
width: calc(16rem - var(--cds-spacing-05, 1rem));
|
12878
12839
|
padding-right: calc((16rem * 0.2) - var(--cds-spacing-05, 1rem));
|
12879
12840
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
@@ -12881,13 +12842,13 @@ a.bx--overflow-menu-options__btn::before {
|
|
12881
12842
|
color: var(--cds-text-02, #525252);
|
12882
12843
|
}
|
12883
12844
|
|
12884
|
-
.
|
12845
|
+
.c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__title-text {
|
12885
12846
|
width: calc(20rem - var(--cds-spacing-05, 1rem));
|
12886
12847
|
padding-right: calc((20rem * 0.2) - var(--cds-spacing-05, 1rem));
|
12887
12848
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
12888
12849
|
}
|
12889
12850
|
|
12890
|
-
.
|
12851
|
+
.c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__subtitle-text {
|
12891
12852
|
width: calc(20rem - var(--cds-spacing-05, 1rem));
|
12892
12853
|
padding-right: calc((20rem * 0.2) - var(--cds-spacing-05, 1rem));
|
12893
12854
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
@@ -12895,13 +12856,13 @@ a.bx--overflow-menu-options__btn::before {
|
|
12895
12856
|
color: var(--cds-text-02, #525252);
|
12896
12857
|
}
|
12897
12858
|
|
12898
|
-
.
|
12859
|
+
.c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__title-text {
|
12899
12860
|
width: calc(30rem - var(--cds-spacing-05, 1rem));
|
12900
12861
|
padding-right: calc((30rem * 0.2) - var(--cds-spacing-05, 1rem));
|
12901
12862
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
12902
12863
|
}
|
12903
12864
|
|
12904
|
-
.
|
12865
|
+
.c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__subtitle-text {
|
12905
12866
|
width: calc(30rem - var(--cds-spacing-05, 1rem));
|
12906
12867
|
padding-right: calc((30rem * 0.2) - var(--cds-spacing-05, 1rem));
|
12907
12868
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
@@ -12909,13 +12870,13 @@ a.bx--overflow-menu-options__btn::before {
|
|
12909
12870
|
color: var(--cds-text-02, #525252);
|
12910
12871
|
}
|
12911
12872
|
|
12912
|
-
.
|
12873
|
+
.c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__title-text {
|
12913
12874
|
width: calc(40rem - var(--cds-spacing-05, 1rem));
|
12914
12875
|
padding-right: calc((40rem * 0.2) - var(--cds-spacing-05, 1rem));
|
12915
12876
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
12916
12877
|
}
|
12917
12878
|
|
12918
|
-
.
|
12879
|
+
.c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__subtitle-text {
|
12919
12880
|
width: calc(40rem - var(--cds-spacing-05, 1rem));
|
12920
12881
|
padding-right: calc((40rem * 0.2) - var(--cds-spacing-05, 1rem));
|
12921
12882
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
@@ -12923,13 +12884,13 @@ a.bx--overflow-menu-options__btn::before {
|
|
12923
12884
|
color: var(--cds-text-02, #525252);
|
12924
12885
|
}
|
12925
12886
|
|
12926
|
-
.
|
12887
|
+
.c4p--create-side-panel.c4p--side-panel__container--max .c4p--side-panel__title-text {
|
12927
12888
|
width: calc(75% - var(--cds-spacing-05, 1rem));
|
12928
12889
|
padding-right: calc((75% * 0.2) - var(--cds-spacing-05, 1rem));
|
12929
12890
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
12930
12891
|
}
|
12931
12892
|
|
12932
|
-
.
|
12893
|
+
.c4p--create-side-panel.c4p--side-panel__container--max .c4p--side-panel__subtitle-text {
|
12933
12894
|
width: calc(75% - var(--cds-spacing-05, 1rem));
|
12934
12895
|
padding-right: calc((75% * 0.2) - var(--cds-spacing-05, 1rem));
|
12935
12896
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
@@ -12937,19 +12898,19 @@ a.bx--overflow-menu-options__btn::before {
|
|
12937
12898
|
color: var(--cds-text-02, #525252);
|
12938
12899
|
}
|
12939
12900
|
|
12940
|
-
.bx--form.
|
12901
|
+
.bx--form.c4p--create-side-panel__form {
|
12941
12902
|
padding-top: var(--cds-spacing-05, 1rem);
|
12942
12903
|
}
|
12943
12904
|
|
12944
|
-
.
|
12905
|
+
.c4p--create-side-panel__form.bx--fieldset {
|
12945
12906
|
padding-top: var(--cds-spacing-03, 0.5rem);
|
12946
12907
|
}
|
12947
12908
|
|
12948
|
-
.
|
12909
|
+
.c4p--create-side-panel__form > * {
|
12949
12910
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
12950
12911
|
}
|
12951
12912
|
|
12952
|
-
.
|
12913
|
+
.c4p--create-side-panel__form-title-text {
|
12953
12914
|
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
12954
12915
|
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
12955
12916
|
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
@@ -12957,18 +12918,18 @@ a.bx--overflow-menu-options__btn::before {
|
|
12957
12918
|
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
12958
12919
|
}
|
12959
12920
|
|
12960
|
-
.
|
12921
|
+
.c4p--create-side-panel__form-description-text {
|
12961
12922
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
12962
12923
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
12963
12924
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
12964
12925
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
12965
12926
|
}
|
12966
12927
|
|
12967
|
-
.
|
12928
|
+
.c4p--create-side-panel.c4p--side-panel .bx--btn.c4p--side-panel__close-button {
|
12968
12929
|
display: none;
|
12969
12930
|
}
|
12970
12931
|
|
12971
|
-
.
|
12932
|
+
.c4p--create-side-panel__title {
|
12972
12933
|
font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
|
12973
12934
|
font-weight: var(--cds-productive-heading-03-font-weight, 400);
|
12974
12935
|
line-height: var(--cds-productive-heading-03-line-height, 1.4);
|
@@ -12976,7 +12937,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12976
12937
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
12977
12938
|
}
|
12978
12939
|
|
12979
|
-
.
|
12940
|
+
.c4p--create-side-panel__subtitle {
|
12980
12941
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
12981
12942
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
12982
12943
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -12985,7 +12946,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12985
12946
|
color: var(--cds-text-02, #525252);
|
12986
12947
|
}
|
12987
12948
|
|
12988
|
-
.
|
12949
|
+
.c4p--side-panel .c4p--create-side-panel__actions-container {
|
12989
12950
|
position: absolute;
|
12990
12951
|
z-index: 4;
|
12991
12952
|
bottom: 0;
|
@@ -13892,114 +13853,114 @@ a.bx--side-nav__link--current::before {
|
|
13892
13853
|
stroke-dashoffset: 0;
|
13893
13854
|
}
|
13894
13855
|
}
|
13895
|
-
.
|
13856
|
+
.c4p--tearsheet.c4p--tearsheet {
|
13896
13857
|
z-index: 9001;
|
13897
13858
|
align-items: flex-end;
|
13898
13859
|
color: var(--cds-text-01, #161616);
|
13899
13860
|
transition: visibility 0s linear 240ms, background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
|
13900
|
-
--
|
13901
|
-
--
|
13861
|
+
--c4p--tearsheet--stacking-scale-factor-single: 0.95;
|
13862
|
+
--c4p--tearsheet--stacking-scale-factor-double: 0.9;
|
13902
13863
|
}
|
13903
|
-
.
|
13864
|
+
.c4p--tearsheet.is-visible {
|
13904
13865
|
z-index: 9000;
|
13905
13866
|
align-items: flex-end;
|
13906
13867
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
13907
13868
|
}
|
13908
|
-
.
|
13869
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
13909
13870
|
z-index: 8999;
|
13910
13871
|
background-color: rgba(22, 22, 22, 0.33);
|
13911
13872
|
}
|
13912
|
-
.
|
13873
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
13913
13874
|
z-index: 8998;
|
13914
13875
|
background-color: rgba(22, 22, 22, 0.11);
|
13915
13876
|
}
|
13916
|
-
.
|
13877
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
13917
13878
|
z-index: 8999;
|
13918
13879
|
background-color: rgba(22, 22, 22, 0.25);
|
13919
13880
|
}
|
13920
|
-
.
|
13881
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-2, .c4p--tearsheet.c4p--tearsheet--stacked-3-of-3 {
|
13921
13882
|
background-color: rgba(22, 22, 22, 0.25);
|
13922
13883
|
}
|
13923
|
-
.
|
13884
|
+
.c4p--tearsheet .c4p--tearsheet__container {
|
13924
13885
|
top: auto;
|
13925
13886
|
height: 100%;
|
13926
13887
|
max-height: calc(100% - var(--cds-spacing-09, 3rem));
|
13927
13888
|
transform: translate3d(0, min(95vh, 500px), 0);
|
13928
13889
|
}
|
13929
|
-
.
|
13890
|
+
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
|
13930
13891
|
transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
|
13931
13892
|
}
|
13932
|
-
.
|
13893
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container {
|
13933
13894
|
max-height: calc(100% - var(--cds-spacing-09, 3rem) + var(--cds-spacing-05, 1rem));
|
13934
13895
|
}
|
13935
|
-
.
|
13896
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container {
|
13936
13897
|
max-height: calc(100% - var(--cds-spacing-09, 3rem) + (2 * var(--cds-spacing-05, 1rem)));
|
13937
13898
|
}
|
13938
|
-
.
|
13899
|
+
.c4p--tearsheet .c4p--tearsheet__container--lower {
|
13939
13900
|
max-height: calc(100% - (var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem)));
|
13940
13901
|
}
|
13941
|
-
.
|
13902
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower {
|
13942
13903
|
max-height: calc(
|
13943
13904
|
100% - (var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem)) + var(--cds-spacing-05, 1rem)
|
13944
13905
|
);
|
13945
13906
|
}
|
13946
|
-
.
|
13907
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower {
|
13947
13908
|
max-height: calc(100% - (var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem)) + (2 * var(--cds-spacing-05, 1rem)));
|
13948
13909
|
}
|
13949
|
-
.
|
13910
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
|
13950
13911
|
width: 100%;
|
13951
13912
|
}
|
13952
13913
|
@media (min-width: 42rem) {
|
13953
|
-
.
|
13914
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
|
13954
13915
|
width: calc(100% - (2 * var(--cds-spacing-10, 4rem)));
|
13955
13916
|
}
|
13956
13917
|
}
|
13957
|
-
.
|
13958
|
-
transform: scale(var(--
|
13918
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2.is-visible .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3.is-visible .c4p--tearsheet__container {
|
13919
|
+
transform: scale(var(--c4p--tearsheet--stacking-scale-factor-single));
|
13959
13920
|
}
|
13960
|
-
.
|
13961
|
-
transform: scale(var(--
|
13921
|
+
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3.is-visible .c4p--tearsheet__container {
|
13922
|
+
transform: scale(var(--c4p--tearsheet--stacking-scale-factor-double));
|
13962
13923
|
}
|
13963
|
-
.
|
13924
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
|
13964
13925
|
padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-07, 2rem);
|
13965
13926
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
13966
13927
|
margin: 0;
|
13967
13928
|
}
|
13968
|
-
.
|
13929
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header--with-nav {
|
13969
13930
|
padding-bottom: 0;
|
13970
13931
|
}
|
13971
|
-
.
|
13932
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
13972
13933
|
padding: var(--cds-spacing-05, 1rem);
|
13973
13934
|
margin: 0;
|
13974
13935
|
}
|
13975
|
-
.
|
13936
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header--with-close-icon {
|
13976
13937
|
padding-right: var(--cds-spacing-05, 1rem);
|
13977
13938
|
margin-right: var(--cds-spacing-09, 3rem);
|
13978
13939
|
}
|
13979
|
-
.
|
13940
|
+
.c4p--tearsheet .c4p--tearsheet__header-content {
|
13980
13941
|
display: flex;
|
13981
13942
|
justify-content: space-between;
|
13982
13943
|
}
|
13983
|
-
.
|
13944
|
+
.c4p--tearsheet .c4p--tearsheet__header-fields {
|
13984
13945
|
flex: 1 1 100%;
|
13985
13946
|
}
|
13986
|
-
.
|
13947
|
+
.c4p--tearsheet .c4p--tearsheet__header-actions {
|
13987
13948
|
flex: 0 0 auto;
|
13988
13949
|
padding-left: var(--cds-spacing-06, 1.5rem);
|
13989
13950
|
}
|
13990
|
-
.
|
13951
|
+
.c4p--tearsheet .c4p--tearsheet__header-actions .bx--btn-set .bx--btn:not(:first-of-type) {
|
13991
13952
|
margin-left: var(--cds-spacing-03, 0.5rem);
|
13992
13953
|
}
|
13993
|
-
.
|
13954
|
+
.c4p--tearsheet .c4p--tearsheet__header--no-close-icon {
|
13994
13955
|
display: none;
|
13995
13956
|
}
|
13996
|
-
.
|
13957
|
+
.c4p--tearsheet.c4p--tearsheet--wide .bx--modal-header__heading.c4p--tearsheet__heading {
|
13997
13958
|
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
13998
13959
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
13999
13960
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
14000
13961
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
14001
13962
|
}
|
14002
|
-
.
|
13963
|
+
.c4p--tearsheet .c4p--tearsheet__header-description {
|
14003
13964
|
display: -webkit-box;
|
14004
13965
|
overflow: hidden;
|
14005
13966
|
max-width: 100%;
|
@@ -14012,90 +13973,90 @@ a.bx--side-nav__link--current::before {
|
|
14012
13973
|
-webkit-line-clamp: 2;
|
14013
13974
|
}
|
14014
13975
|
@media (min-width: 42rem) {
|
14015
|
-
.
|
13976
|
+
.c4p--tearsheet .c4p--tearsheet__header-description {
|
14016
13977
|
max-width: 60%;
|
14017
13978
|
}
|
14018
13979
|
}
|
14019
|
-
.
|
13980
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header-description {
|
14020
13981
|
margin-top: var(--cds-spacing-03, 0.5rem);
|
14021
13982
|
}
|
14022
|
-
.
|
13983
|
+
.c4p--tearsheet .c4p--tearsheet__header-navigation {
|
14023
13984
|
margin: var(--cds-spacing-04, 0.75rem) 0 0;
|
14024
13985
|
}
|
14025
|
-
.
|
13986
|
+
.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__body {
|
14026
13987
|
display: flex;
|
14027
13988
|
flex-direction: row;
|
14028
13989
|
padding: 0;
|
14029
13990
|
margin: 0;
|
14030
13991
|
}
|
14031
|
-
.
|
13992
|
+
.c4p--tearsheet .c4p--tearsheet__resize-detector {
|
14032
13993
|
width: 100%;
|
14033
13994
|
height: 0;
|
14034
13995
|
}
|
14035
|
-
.
|
13996
|
+
.c4p--tearsheet .c4p--tearsheet__influencer {
|
14036
13997
|
flex: 0 0 257px;
|
14037
13998
|
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
14038
13999
|
overflow-y: auto;
|
14039
14000
|
}
|
14040
|
-
.
|
14001
|
+
.c4p--tearsheet .c4p--tearsheet__influencer--wide {
|
14041
14002
|
flex-basis: 321px;
|
14042
14003
|
}
|
14043
|
-
.
|
14004
|
+
.c4p--tearsheet .c4p--tearsheet__right {
|
14044
14005
|
display: grid;
|
14045
14006
|
flex-grow: 1;
|
14046
14007
|
grid-template-columns: 100%;
|
14047
14008
|
grid-template-rows: 1fr auto;
|
14048
14009
|
}
|
14049
|
-
.
|
14010
|
+
.c4p--tearsheet .c4p--tearsheet__main {
|
14050
14011
|
display: flex;
|
14051
14012
|
flex-direction: row;
|
14052
14013
|
grid-column: 1/-1;
|
14053
14014
|
grid-row: 1/-1;
|
14054
14015
|
}
|
14055
|
-
.
|
14016
|
+
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
14056
14017
|
border-right: none;
|
14057
14018
|
border-left: 1px solid var(--cds-ui-03, #e0e0e0);
|
14058
14019
|
}
|
14059
|
-
.
|
14020
|
+
.c4p--tearsheet .c4p--tearsheet__content {
|
14060
14021
|
overflow: auto;
|
14061
14022
|
flex-grow: 1;
|
14062
14023
|
}
|
14063
|
-
.
|
14024
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content {
|
14064
14025
|
background: var(--cds-ui-background, #ffffff);
|
14065
14026
|
}
|
14066
|
-
.
|
14067
|
-
.
|
14068
|
-
.
|
14069
|
-
.
|
14070
|
-
.
|
14071
|
-
.
|
14072
|
-
.
|
14073
|
-
.
|
14074
|
-
.
|
14075
|
-
.
|
14027
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--pagination,
|
14028
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--pagination__control-buttons,
|
14029
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-input,
|
14030
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-area,
|
14031
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--search-input,
|
14032
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--select-input,
|
14033
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--dropdown,
|
14034
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--dropdown-list,
|
14035
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--number input[type=number],
|
14036
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--date-picker__input {
|
14076
14037
|
background-color: var(--cds-field-01, #f4f4f4);
|
14077
14038
|
}
|
14078
|
-
.
|
14079
|
-
.
|
14080
|
-
.
|
14081
|
-
.
|
14082
|
-
.
|
14083
|
-
.
|
14084
|
-
.
|
14085
|
-
.
|
14039
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-input--light,
|
14040
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-area--light,
|
14041
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--search--light .bx--search-input,
|
14042
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--select--light .bx--select-input,
|
14043
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--dropdown--light,
|
14044
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--dropdown--light .bx--dropdown-list,
|
14045
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--number--light input[type=number],
|
14046
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--date-picker--light .bx--date-picker__input {
|
14086
14047
|
background-color: var(--cds-field-02, #ffffff);
|
14087
14048
|
}
|
14088
|
-
.
|
14049
|
+
.c4p--tearsheet .c4p--tearsheet__button-container {
|
14089
14050
|
grid-column: 1/-1;
|
14090
14051
|
grid-row: -1/-1;
|
14091
14052
|
overflow-x: auto;
|
14092
14053
|
}
|
14093
|
-
.
|
14054
|
+
.c4p--tearsheet .c4p--tearsheet__buttons {
|
14094
14055
|
display: inline-flex;
|
14095
14056
|
min-width: 100%;
|
14096
14057
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
14097
14058
|
}
|
14098
|
-
.
|
14059
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
|
14099
14060
|
background: var(--cds-ui-background, #ffffff);
|
14100
14061
|
}
|
14101
14062
|
|
@@ -14203,20 +14164,20 @@ a.bx--side-nav__link--current::before {
|
|
14203
14164
|
transform: translateY(0);
|
14204
14165
|
}
|
14205
14166
|
}
|
14206
|
-
.
|
14207
|
-
--
|
14167
|
+
.c4p--tearsheet-create {
|
14168
|
+
--c4p--tearsheet-create--total-width: 0;
|
14208
14169
|
}
|
14209
14170
|
|
14210
|
-
.
|
14211
|
-
.
|
14171
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-step,
|
14172
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-section {
|
14212
14173
|
display: none;
|
14213
14174
|
}
|
14214
14175
|
|
14215
|
-
.
|
14176
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-section {
|
14216
14177
|
display: block;
|
14217
14178
|
}
|
14218
14179
|
|
14219
|
-
.
|
14180
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
|
14220
14181
|
animation: 400ms stepContentEntrance;
|
14221
14182
|
animation-fill-mode: forwards;
|
14222
14183
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
@@ -14224,51 +14185,51 @@ a.bx--side-nav__link--current::before {
|
|
14224
14185
|
}
|
14225
14186
|
|
14226
14187
|
@media (prefers-reduced-motion) {
|
14227
|
-
.
|
14188
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
|
14228
14189
|
animation: none;
|
14229
14190
|
opacity: 1;
|
14230
14191
|
}
|
14231
14192
|
}
|
14232
|
-
.
|
14193
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__content {
|
14233
14194
|
height: 100%;
|
14234
14195
|
padding: var(--cds-spacing-06, 1.5rem);
|
14235
14196
|
overflow-x: hidden;
|
14236
14197
|
}
|
14237
14198
|
|
14238
|
-
.
|
14199
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__content .bx--grid {
|
14239
14200
|
padding: 0;
|
14240
14201
|
margin: 0;
|
14241
14202
|
}
|
14242
14203
|
|
14243
|
-
.
|
14204
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--heading {
|
14244
14205
|
padding-bottom: var(--cds-spacing-06, 1.5rem);
|
14245
14206
|
}
|
14246
14207
|
|
14247
|
-
.
|
14208
|
+
.c4p--tearsheet-create .bx--btn-set .bx--btn.bx--btn--disabled {
|
14248
14209
|
box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
|
14249
14210
|
}
|
14250
14211
|
|
14251
|
-
.
|
14212
|
+
.c4p--tearsheet-create .bx--side-nav--ux {
|
14252
14213
|
position: initial;
|
14253
14214
|
background-color: transparent;
|
14254
14215
|
}
|
14255
14216
|
|
14256
|
-
.
|
14217
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__section--divider {
|
14257
14218
|
position: relative;
|
14258
14219
|
display: block;
|
14259
|
-
width: var(--
|
14220
|
+
width: var(--c4p--tearsheet-create--total-width);
|
14260
14221
|
height: 1px;
|
14261
14222
|
margin: var(--cds-spacing-06, 1.5rem) calc(-1 * var(--cds-spacing-08, 2.5rem)) var(--cds-spacing-07, 2rem) calc(-1 * var(--cds-spacing-06, 1.5rem));
|
14262
14223
|
background-color: var(--cds-ui-03, #e0e0e0);
|
14263
14224
|
}
|
14264
14225
|
|
14265
|
-
.
|
14266
|
-
.
|
14226
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--title,
|
14227
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__section--title {
|
14267
14228
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
14268
14229
|
}
|
14269
14230
|
|
14270
|
-
.
|
14271
|
-
.
|
14231
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__section--subtitle,
|
14232
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--subtitle {
|
14272
14233
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
14273
14234
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
14274
14235
|
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
@@ -14276,8 +14237,8 @@ a.bx--side-nav__link--current::before {
|
|
14276
14237
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
14277
14238
|
}
|
14278
14239
|
|
14279
|
-
.
|
14280
|
-
.
|
14240
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__section--description,
|
14241
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--description {
|
14281
14242
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
14282
14243
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
14283
14244
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
@@ -14285,11 +14246,11 @@ a.bx--side-nav__link--current::before {
|
|
14285
14246
|
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
14286
14247
|
}
|
14287
14248
|
|
14288
|
-
.
|
14249
|
+
.c4p--tearsheet-create .bx--fieldset {
|
14289
14250
|
margin-bottom: 0;
|
14290
14251
|
}
|
14291
14252
|
|
14292
|
-
.
|
14253
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__step--fieldset > * {
|
14293
14254
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
14294
14255
|
}
|
14295
14256
|
|
@@ -14468,37 +14429,37 @@ a.bx--side-nav__link--current::before {
|
|
14468
14429
|
stroke-dashoffset: 0;
|
14469
14430
|
}
|
14470
14431
|
}
|
14471
|
-
.
|
14472
|
-
.
|
14473
|
-
.
|
14432
|
+
.c4p--create-tearsheet-narrow .bx--modal-header__heading,
|
14433
|
+
.c4p--create-tearsheet-narrow .bx--modal-header__label,
|
14434
|
+
.c4p--create-tearsheet-narrow .c4p--tearsheet__header-description {
|
14474
14435
|
max-width: 100%;
|
14475
14436
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
14476
14437
|
}
|
14477
14438
|
|
14478
|
-
.
|
14439
|
+
.c4p--create-tearsheet-narrow .c4p--tearsheet__header-description {
|
14479
14440
|
margin-top: var(--cds-spacing-02, 0.25rem);
|
14480
14441
|
}
|
14481
14442
|
|
14482
|
-
.
|
14443
|
+
.c4p--create-tearsheet-narrow .c4p--tearsheet__header {
|
14483
14444
|
border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
|
14484
14445
|
}
|
14485
14446
|
|
14486
|
-
.
|
14447
|
+
.c4p--create-tearsheet-narrow .c4p--tearsheet__content {
|
14487
14448
|
padding: var(--cds-spacing-05, 1rem);
|
14488
14449
|
}
|
14489
14450
|
|
14490
|
-
.
|
14451
|
+
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form {
|
14491
14452
|
padding-top: var(--cds-spacing-05, 1rem);
|
14492
14453
|
}
|
14493
14454
|
|
14494
|
-
.
|
14455
|
+
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form > * {
|
14495
14456
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
14496
14457
|
}
|
14497
|
-
.
|
14458
|
+
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form > *:last-child {
|
14498
14459
|
margin-bottom: 0;
|
14499
14460
|
}
|
14500
14461
|
|
14501
|
-
.
|
14462
|
+
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-title-text {
|
14502
14463
|
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
14503
14464
|
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
14504
14465
|
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
@@ -14506,7 +14467,7 @@ a.bx--side-nav__link--current::before {
|
|
14506
14467
|
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
14507
14468
|
}
|
14508
14469
|
|
14509
|
-
.
|
14470
|
+
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-description-text {
|
14510
14471
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
14511
14472
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
14512
14473
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
@@ -14693,46 +14654,46 @@ a.bx--side-nav__link--current::before {
|
|
14693
14654
|
margin-left: var(--cds-spacing-03, 0.5rem);
|
14694
14655
|
}
|
14695
14656
|
|
14696
|
-
.
|
14657
|
+
.c4p--empty-state {
|
14697
14658
|
color: var(--cds-text-01, #161616);
|
14698
14659
|
}
|
14699
|
-
.
|
14700
|
-
.
|
14660
|
+
.c4p--empty-state .c4p--empty-state__header,
|
14661
|
+
.c4p--empty-state .c4p--empty-state__subtitle {
|
14701
14662
|
padding-bottom: var(--cds-spacing-02, 0.25rem);
|
14702
14663
|
margin: 0;
|
14703
14664
|
}
|
14704
|
-
.
|
14665
|
+
.c4p--empty-state .c4p--empty-state__header--small {
|
14705
14666
|
font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
|
14706
14667
|
font-weight: var(--cds-productive-heading-03-font-weight, 400);
|
14707
14668
|
line-height: var(--cds-productive-heading-03-line-height, 1.4);
|
14708
14669
|
letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
|
14709
14670
|
}
|
14710
|
-
.
|
14671
|
+
.c4p--empty-state .c4p--empty-state__subtitle--small {
|
14711
14672
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
14712
14673
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
14713
14674
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
14714
14675
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
14715
14676
|
}
|
14716
14677
|
|
14717
|
-
.
|
14678
|
+
.c4p--empty-state__illustration.c4p--empty-state__illustration--lg {
|
14718
14679
|
min-width: var(--cds-spacing-11, 5rem);
|
14719
14680
|
max-width: var(--cds-spacing-11, 5rem);
|
14720
14681
|
}
|
14721
|
-
.
|
14682
|
+
.c4p--empty-state__illustration.c4p--empty-state__illustration--sm {
|
14722
14683
|
min-width: var(--cds-spacing-10, 4rem);
|
14723
14684
|
max-width: var(--cds-spacing-10, 4rem);
|
14724
14685
|
}
|
14725
14686
|
|
14726
|
-
.
|
14727
|
-
.
|
14687
|
+
.c4p--empty-state__action-button,
|
14688
|
+
.c4p--empty-state__link {
|
14728
14689
|
margin-top: var(--cds-spacing-06, 1.5rem);
|
14729
14690
|
}
|
14730
14691
|
|
14731
|
-
.
|
14692
|
+
.c4p--empty-state .c4p--empty-state__action-button {
|
14732
14693
|
display: block;
|
14733
14694
|
}
|
14734
14695
|
|
14735
|
-
.
|
14696
|
+
.c4p--empty-state .c4p--empty-state__link {
|
14736
14697
|
display: block;
|
14737
14698
|
}
|
14738
14699
|
|
@@ -14784,19 +14745,19 @@ a.bx--side-nav__link--current::before {
|
|
14784
14745
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14785
14746
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14786
14747
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14787
|
-
.
|
14748
|
+
.c4p--example-component {
|
14788
14749
|
display: flex;
|
14789
14750
|
justify-content: flex-end;
|
14790
|
-
--
|
14751
|
+
--c4p--example-component--border-color: transparent;
|
14791
14752
|
}
|
14792
14753
|
|
14793
|
-
.
|
14794
|
-
border: 10px solid var(--
|
14754
|
+
.c4p--example-component.c4p--example-component--boxed-set {
|
14755
|
+
border: 10px solid var(--c4p--example-component--border-color);
|
14795
14756
|
}
|
14796
14757
|
|
14797
|
-
.
|
14758
|
+
.c4p--example-component.c4p--example-component--shadow-set {
|
14798
14759
|
margin: var(--cds-spacing-04, 0.75rem);
|
14799
|
-
box-shadow: 0 0 10px var(--
|
14760
|
+
box-shadow: 0 0 10px var(--c4p--example-component--border-color);
|
14800
14761
|
}
|
14801
14762
|
|
14802
14763
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -15230,37 +15191,37 @@ a.bx--side-nav__link--current::before {
|
|
15230
15191
|
stroke-dashoffset: 276.4608;
|
15231
15192
|
}
|
15232
15193
|
}
|
15233
|
-
.
|
15194
|
+
.c4p--export-modal .bx--modal-footer .bx--btn {
|
15234
15195
|
max-width: none;
|
15235
15196
|
}
|
15236
15197
|
|
15237
|
-
.
|
15198
|
+
.c4p--export-modal.bx--modal .bx--modal-content {
|
15238
15199
|
padding-right: var(--cds-spacing-05, 1rem);
|
15239
15200
|
}
|
15240
15201
|
|
15241
|
-
.
|
15202
|
+
.c4p--export-modal .bx--modal-close {
|
15242
15203
|
display: none;
|
15243
15204
|
}
|
15244
15205
|
|
15245
|
-
.
|
15206
|
+
.c4p--export-modal__body {
|
15246
15207
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
15247
15208
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
15248
15209
|
}
|
15249
15210
|
|
15250
|
-
.
|
15211
|
+
.c4p--export-modal__messaging {
|
15251
15212
|
display: flex;
|
15252
15213
|
align-items: center;
|
15253
15214
|
}
|
15254
15215
|
|
15255
|
-
.
|
15216
|
+
.c4p--export-modal__messaging p {
|
15256
15217
|
margin-left: var(--cds-spacing-03, 0.5rem);
|
15257
15218
|
}
|
15258
15219
|
|
15259
|
-
.
|
15220
|
+
.c4p--export-modal__checkmark-icon {
|
15260
15221
|
fill: var(--cds-interactive-01, #0f62fe);
|
15261
15222
|
}
|
15262
15223
|
|
15263
|
-
.
|
15224
|
+
.c4p--export-modal__error-icon {
|
15264
15225
|
fill: var(--cds-danger, #da1e28);
|
15265
15226
|
}
|
15266
15227
|
|
@@ -15338,61 +15299,61 @@ a.bx--side-nav__link--current::before {
|
|
15338
15299
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
15339
15300
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
15340
15301
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
15341
|
-
.
|
15302
|
+
.c4p--card {
|
15342
15303
|
background: var(--cds-ui-01, #f4f4f4);
|
15343
15304
|
color: var(--cds-text-01, #161616);
|
15344
15305
|
}
|
15345
15306
|
|
15346
|
-
.
|
15307
|
+
.c4p--card__clickable {
|
15347
15308
|
cursor: pointer;
|
15348
15309
|
transition: background 110ms;
|
15349
15310
|
}
|
15350
15311
|
|
15351
|
-
.
|
15312
|
+
.c4p--card__clickable:hover {
|
15352
15313
|
background: var(--cds-hover-ui, #e5e5e5);
|
15353
15314
|
}
|
15354
15315
|
|
15355
|
-
.
|
15316
|
+
.c4p--card__media-left {
|
15356
15317
|
display: flex;
|
15357
15318
|
flex-direction: row;
|
15358
15319
|
}
|
15359
15320
|
|
15360
|
-
.
|
15321
|
+
.c4p--card__media-left .c4p--card__content-container {
|
15361
15322
|
display: flex;
|
15362
15323
|
flex: 1;
|
15363
15324
|
flex-direction: column;
|
15364
15325
|
}
|
15365
15326
|
|
15366
|
-
.
|
15327
|
+
.c4p--card__media-left .c4p--card__footer {
|
15367
15328
|
align-self: flex-end;
|
15368
15329
|
margin-top: auto;
|
15369
15330
|
}
|
15370
15331
|
|
15371
|
-
.
|
15332
|
+
.c4p--card__media > * {
|
15372
15333
|
display: block;
|
15373
15334
|
max-width: 100%;
|
15374
15335
|
}
|
15375
15336
|
|
15376
|
-
.
|
15337
|
+
.c4p--card__header {
|
15377
15338
|
padding: var(--cds-spacing-05, 1rem);
|
15378
15339
|
}
|
15379
15340
|
|
15380
|
-
.
|
15341
|
+
.c4p--card__header-label-only {
|
15381
15342
|
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
15382
15343
|
}
|
15383
15344
|
|
15384
|
-
.
|
15345
|
+
.c4p--card__header-label-only .c4p--card__label {
|
15385
15346
|
margin-bottom: 0;
|
15386
15347
|
}
|
15387
15348
|
|
15388
|
-
.
|
15349
|
+
.c4p--card__header-container {
|
15389
15350
|
display: flex;
|
15390
15351
|
flex-direction: row;
|
15391
15352
|
align-items: center;
|
15392
15353
|
justify-content: space-between;
|
15393
15354
|
}
|
15394
15355
|
|
15395
|
-
.
|
15356
|
+
.c4p--card__label {
|
15396
15357
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
15397
15358
|
font-weight: var(--cds-label-01-font-weight, 400);
|
15398
15359
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
@@ -15400,7 +15361,7 @@ a.bx--side-nav__link--current::before {
|
|
15400
15361
|
margin-bottom: var(--cds-spacing-01, 0.125rem);
|
15401
15362
|
}
|
15402
15363
|
|
15403
|
-
.
|
15364
|
+
.c4p--card__description {
|
15404
15365
|
font-size: var(--cds-caption-01-font-size, 0.75rem);
|
15405
15366
|
font-weight: var(--cds-caption-01-font-weight, 400);
|
15406
15367
|
line-height: var(--cds-caption-01-line-height, 1.33333);
|
@@ -15408,7 +15369,7 @@ a.bx--side-nav__link--current::before {
|
|
15408
15369
|
margin-top: var(--cds-spacing-01, 0.125rem);
|
15409
15370
|
}
|
15410
15371
|
|
15411
|
-
.
|
15372
|
+
.c4p--card__body {
|
15412
15373
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
15413
15374
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
15414
15375
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -15417,33 +15378,33 @@ a.bx--side-nav__link--current::before {
|
|
15417
15378
|
padding-top: 0;
|
15418
15379
|
}
|
15419
15380
|
|
15420
|
-
.
|
15381
|
+
.c4p--card__footer {
|
15421
15382
|
display: flex;
|
15422
15383
|
justify-content: flex-end;
|
15423
15384
|
}
|
15424
15385
|
|
15425
|
-
.
|
15386
|
+
.c4p--card__actions {
|
15426
15387
|
display: flex;
|
15427
15388
|
flex-direction: row;
|
15428
15389
|
margin: var(--cds-spacing-05, 1rem);
|
15429
15390
|
margin-top: 0;
|
15430
15391
|
}
|
15431
15392
|
|
15432
|
-
.
|
15393
|
+
.c4p--card__icon {
|
15433
15394
|
cursor: pointer;
|
15434
15395
|
}
|
15435
15396
|
|
15436
|
-
.
|
15397
|
+
.c4p--card__link {
|
15437
15398
|
color: inherit;
|
15438
15399
|
text-decoration: inherit;
|
15439
15400
|
}
|
15440
15401
|
|
15441
|
-
.
|
15402
|
+
.c4p--card__pictogram {
|
15442
15403
|
padding-top: var(--cds-spacing-05, 1rem);
|
15443
15404
|
padding-left: var(--cds-spacing-05, 1rem);
|
15444
15405
|
}
|
15445
15406
|
|
15446
|
-
.
|
15407
|
+
.c4p--card__title {
|
15447
15408
|
font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
|
15448
15409
|
font-weight: var(--cds-productive-heading-03-font-weight, 400);
|
15449
15410
|
line-height: var(--cds-productive-heading-03-line-height, 1.4);
|
@@ -15474,7 +15435,7 @@ a.bx--side-nav__link--current::before {
|
|
15474
15435
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
15475
15436
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
15476
15437
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
15477
|
-
.
|
15438
|
+
.c4p--http-errors .c4p--http-errors__content {
|
15478
15439
|
position: fixed;
|
15479
15440
|
z-index: 2;
|
15480
15441
|
top: 50%;
|
@@ -15482,12 +15443,12 @@ a.bx--side-nav__link--current::before {
|
|
15482
15443
|
transform: translate(-50%, -150%);
|
15483
15444
|
}
|
15484
15445
|
@media (min-width: 42rem) {
|
15485
|
-
.
|
15446
|
+
.c4p--http-errors .c4p--http-errors__content {
|
15486
15447
|
transform: translate(-50%, -50%);
|
15487
15448
|
}
|
15488
15449
|
}
|
15489
15450
|
|
15490
|
-
.
|
15451
|
+
.c4p--http-errors .c4p--http-errors__error-code-label {
|
15491
15452
|
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
15492
15453
|
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
15493
15454
|
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
@@ -15495,7 +15456,7 @@ a.bx--side-nav__link--current::before {
|
|
15495
15456
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
15496
15457
|
}
|
15497
15458
|
|
15498
|
-
.
|
15459
|
+
.c4p--http-errors .c4p--http-errors__title {
|
15499
15460
|
font-size: var(--cds-productive-heading-05-font-size, 2rem);
|
15500
15461
|
font-weight: var(--cds-productive-heading-05-font-weight, 400);
|
15501
15462
|
line-height: var(--cds-productive-heading-05-line-height, 1.25);
|
@@ -15503,7 +15464,7 @@ a.bx--side-nav__link--current::before {
|
|
15503
15464
|
margin-bottom: var(--cds-spacing-04, 0.75rem);
|
15504
15465
|
}
|
15505
15466
|
|
15506
|
-
.
|
15467
|
+
.c4p--http-errors .c4p--http-errors__description {
|
15507
15468
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
15508
15469
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
15509
15470
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -15511,18 +15472,18 @@ a.bx--side-nav__link--current::before {
|
|
15511
15472
|
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
15512
15473
|
}
|
15513
15474
|
|
15514
|
-
.
|
15515
|
-
.
|
15516
|
-
.
|
15475
|
+
.c4p--http-errors .c4p--http-errors__error-code-label,
|
15476
|
+
.c4p--http-errors .c4p--http-errors__title,
|
15477
|
+
.c4p--http-errors .c4p--http-errors__description {
|
15517
15478
|
color: var(--cds-text-01, #161616);
|
15518
15479
|
}
|
15519
15480
|
|
15520
|
-
.
|
15481
|
+
.c4p--http-errors .c4p--http-errors__link {
|
15521
15482
|
display: block;
|
15522
15483
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
15523
15484
|
}
|
15524
15485
|
|
15525
|
-
.
|
15486
|
+
.c4p--http-errors .c4p--http-errors__image {
|
15526
15487
|
position: fixed;
|
15527
15488
|
top: 50%;
|
15528
15489
|
left: 50%;
|
@@ -15530,7 +15491,7 @@ a.bx--side-nav__link--current::before {
|
|
15530
15491
|
transform: translate(-50%, -40%);
|
15531
15492
|
}
|
15532
15493
|
@media (min-width: 42rem) {
|
15533
|
-
.
|
15494
|
+
.c4p--http-errors .c4p--http-errors__image {
|
15534
15495
|
transform: translate(-50%, -50%);
|
15535
15496
|
}
|
15536
15497
|
}
|
@@ -16148,15 +16109,15 @@ a.bx--side-nav__link--current::before {
|
|
16148
16109
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16149
16110
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16150
16111
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16151
|
-
.
|
16112
|
+
.c4p--import-modal .bx--modal-close {
|
16152
16113
|
display: none;
|
16153
16114
|
}
|
16154
16115
|
|
16155
|
-
.
|
16116
|
+
.c4p--import-modal .bx--modal-footer .bx--btn {
|
16156
16117
|
max-width: none;
|
16157
16118
|
}
|
16158
16119
|
|
16159
|
-
.
|
16120
|
+
.c4p--import-modal.bx--modal .bx--modal-content {
|
16160
16121
|
padding-right: var(--cds-spacing-05, 1rem);
|
16161
16122
|
}
|
16162
16123
|
|
@@ -16169,20 +16130,20 @@ a.bx--side-nav__link--current::before {
|
|
16169
16130
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
16170
16131
|
}
|
16171
16132
|
|
16172
|
-
.
|
16133
|
+
.c4p--import-modal__input-group {
|
16173
16134
|
display: flex;
|
16174
16135
|
}
|
16175
16136
|
|
16176
|
-
.
|
16137
|
+
.c4p--import-modal__import-button.bx--btn {
|
16177
16138
|
margin-left: var(--cds-spacing-03, 0.5rem);
|
16178
16139
|
}
|
16179
16140
|
|
16180
|
-
.
|
16141
|
+
.c4p--import-modal__file-container {
|
16181
16142
|
width: 100%;
|
16182
16143
|
}
|
16183
16144
|
|
16184
|
-
.
|
16185
|
-
.
|
16145
|
+
.c4p--import-modal .c4p--import-modal__file-drop-header,
|
16146
|
+
.c4p--import-modal .c4p--import-modal__label {
|
16186
16147
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
16187
16148
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
16188
16149
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
@@ -16190,7 +16151,7 @@ a.bx--side-nav__link--current::before {
|
|
16190
16151
|
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
16191
16152
|
}
|
16192
16153
|
|
16193
|
-
.
|
16154
|
+
.c4p--import-modal__helper-text {
|
16194
16155
|
margin-top: var(--cds-spacing-06, 1.5rem);
|
16195
16156
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
16196
16157
|
font-size: var(--cds-helper-text-01-font-size, 0.75rem);
|
@@ -16198,21 +16159,21 @@ a.bx--side-nav__link--current::before {
|
|
16198
16159
|
letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
|
16199
16160
|
}
|
16200
16161
|
|
16201
|
-
.
|
16162
|
+
.c4p--import-modal__body {
|
16202
16163
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
16203
16164
|
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
16204
16165
|
}
|
16205
16166
|
|
16206
|
-
.
|
16167
|
+
.c4p--import-modal .bx--file__selected-file {
|
16207
16168
|
max-width: none;
|
16208
16169
|
background: var(--cds-ui-02, #ffffff);
|
16209
16170
|
}
|
16210
16171
|
|
16211
|
-
.
|
16172
|
+
.c4p--import-modal .bx--file {
|
16212
16173
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
16213
16174
|
}
|
16214
16175
|
|
16215
|
-
.
|
16176
|
+
.c4p--import-modal .bx--text-input:disabled {
|
16216
16177
|
background: var(--cds-ui-02, #ffffff);
|
16217
16178
|
}
|
16218
16179
|
|
@@ -16307,7 +16268,7 @@ a.bx--side-nav__link--current::before {
|
|
16307
16268
|
opacity: 0;
|
16308
16269
|
}
|
16309
16270
|
}
|
16310
|
-
.
|
16271
|
+
.c4p--loading-bar .c4p--loading-bar__inner {
|
16311
16272
|
position: relative;
|
16312
16273
|
width: 100%;
|
16313
16274
|
height: 8px;
|
@@ -16319,30 +16280,30 @@ a.bx--side-nav__link--current::before {
|
|
16319
16280
|
pointer-events: none;
|
16320
16281
|
}
|
16321
16282
|
|
16322
|
-
.
|
16323
|
-
.
|
16324
|
-
.
|
16283
|
+
.c4p--loading-bar .c4p--loading-bar__inner:hover,
|
16284
|
+
.c4p--loading-bar .c4p--loading-bar__inner:focus,
|
16285
|
+
.c4p--loading-bar .c4p--loading-bar__inner:active {
|
16325
16286
|
border: none;
|
16326
16287
|
cursor: default;
|
16327
16288
|
outline: none;
|
16328
16289
|
}
|
16329
16290
|
|
16330
|
-
.
|
16291
|
+
.c4p--loading-bar__preload {
|
16331
16292
|
opacity: 0;
|
16332
16293
|
}
|
16333
16294
|
|
16334
|
-
.
|
16295
|
+
.c4p--loading-bar__progress {
|
16335
16296
|
position: relative;
|
16336
16297
|
height: 8px;
|
16337
16298
|
transition: width 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
|
16338
16299
|
}
|
16339
16300
|
|
16340
|
-
.
|
16301
|
+
.c4p--loading-bar__indicator-wrapper {
|
16341
16302
|
display: flex;
|
16342
16303
|
justify-content: flex-end;
|
16343
16304
|
}
|
16344
16305
|
|
16345
|
-
.
|
16306
|
+
.c4p--loading-bar__indicator {
|
16346
16307
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
16347
16308
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
16348
16309
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -16352,23 +16313,23 @@ a.bx--side-nav__link--current::before {
|
|
16352
16313
|
color: var(--cds-text-01, #161616);
|
16353
16314
|
}
|
16354
16315
|
|
16355
|
-
.
|
16316
|
+
.c4p--loading-bar__small {
|
16356
16317
|
height: 4px;
|
16357
16318
|
}
|
16358
16319
|
|
16359
|
-
.
|
16320
|
+
.c4p--loading-bar__small .c4p--loading-bar__progress {
|
16360
16321
|
height: 4px;
|
16361
16322
|
}
|
16362
16323
|
|
16363
|
-
.
|
16324
|
+
.c4p--loading-bar__linear-stop {
|
16364
16325
|
display: none;
|
16365
16326
|
}
|
16366
16327
|
|
16367
|
-
.
|
16328
|
+
.c4p--loading-bar__indefinite-stop {
|
16368
16329
|
animation: 1800ms ease-in-out loading-bar-stop forwards;
|
16369
16330
|
}
|
16370
16331
|
|
16371
|
-
.
|
16332
|
+
.c4p--loading-bar__stop-progress:before {
|
16372
16333
|
position: absolute;
|
16373
16334
|
top: 0;
|
16374
16335
|
left: 0;
|
@@ -16379,7 +16340,7 @@ a.bx--side-nav__link--current::before {
|
|
16379
16340
|
content: "";
|
16380
16341
|
}
|
16381
16342
|
|
16382
|
-
.
|
16343
|
+
.c4p--loading-bar__indefinite-progress:before {
|
16383
16344
|
position: absolute;
|
16384
16345
|
top: 0;
|
16385
16346
|
left: 0;
|
@@ -16390,7 +16351,7 @@ a.bx--side-nav__link--current::before {
|
|
16390
16351
|
content: "";
|
16391
16352
|
}
|
16392
16353
|
|
16393
|
-
.
|
16354
|
+
.c4p--loading-bar__linear-progress:before {
|
16394
16355
|
position: absolute;
|
16395
16356
|
top: 0;
|
16396
16357
|
left: 0;
|
@@ -16655,7 +16616,7 @@ a.bx--side-nav__link--current::before {
|
|
16655
16616
|
transform: translateY(-38.5rem);
|
16656
16617
|
}
|
16657
16618
|
}
|
16658
|
-
.
|
16619
|
+
.c4p--notifications-panel__container {
|
16659
16620
|
--cds-interactive-01: #0f62fe;
|
16660
16621
|
--cds-interactive-02: #6f6f6f;
|
16661
16622
|
--cds-interactive-03: #ffffff;
|
@@ -17092,7 +17053,7 @@ a.bx--side-nav__link--current::before {
|
|
17092
17053
|
transition: transform 110ms;
|
17093
17054
|
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
17094
17055
|
}
|
17095
|
-
.
|
17056
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__header-container {
|
17096
17057
|
position: sticky;
|
17097
17058
|
z-index: 2;
|
17098
17059
|
top: 0;
|
@@ -17100,25 +17061,25 @@ a.bx--side-nav__link--current::before {
|
|
17100
17061
|
border-bottom: 1px solid var(--cds-ui-02, #ffffff);
|
17101
17062
|
background-color: var(--cds-ui-background, #ffffff);
|
17102
17063
|
}
|
17103
|
-
.
|
17064
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header-flex {
|
17104
17065
|
display: flex;
|
17105
17066
|
align-items: center;
|
17106
17067
|
justify-content: space-between;
|
17107
17068
|
}
|
17108
|
-
.
|
17069
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__do-not-disturb-toggle .bx--toggle__switch {
|
17109
17070
|
margin-top: var(--cds-spacing-02, 0.25rem);
|
17110
17071
|
}
|
17111
|
-
.
|
17072
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__dismiss-button {
|
17112
17073
|
color: var(--cds-text-01, #161616);
|
17113
17074
|
}
|
17114
|
-
.
|
17075
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header {
|
17115
17076
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
17116
17077
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
17117
17078
|
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
17118
17079
|
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
17119
17080
|
margin: 0;
|
17120
17081
|
}
|
17121
|
-
.
|
17082
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__time-section-label {
|
17122
17083
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
17123
17084
|
font-weight: var(--cds-label-01-font-weight, 400);
|
17124
17085
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
@@ -17131,20 +17092,20 @@ a.bx--side-nav__link--current::before {
|
|
17131
17092
|
background-color: var(--cds-ui-01, #f4f4f4);
|
17132
17093
|
color: var(--cds-text-02, #525252);
|
17133
17094
|
}
|
17134
|
-
.
|
17135
|
-
.
|
17095
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification:hover,
|
17096
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus {
|
17136
17097
|
background-color: var(--cds-ui-03, #e0e0e0);
|
17137
17098
|
}
|
17138
|
-
.
|
17139
|
-
.
|
17099
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification:hover .c4p--notifications-panel__dismiss-single-button,
|
17100
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus .c4p--notifications-panel__dismiss-single-button {
|
17140
17101
|
opacity: 1;
|
17141
17102
|
}
|
17142
|
-
.
|
17103
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus {
|
17143
17104
|
border-color: var(--cds-focus, #0f62fe);
|
17144
17105
|
box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-ui-background, #ffffff);
|
17145
17106
|
outline: 0;
|
17146
17107
|
}
|
17147
|
-
.
|
17108
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification {
|
17148
17109
|
position: relative;
|
17149
17110
|
display: flex;
|
17150
17111
|
width: 100%;
|
@@ -17158,62 +17119,62 @@ a.bx--side-nav__link--current::before {
|
|
17158
17119
|
transition: background-color 240ms;
|
17159
17120
|
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
17160
17121
|
}
|
17161
|
-
.
|
17122
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title {
|
17162
17123
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
17163
17124
|
color: var(--cds-text-04, #ffffff);
|
17164
17125
|
font-weight: 400;
|
17165
17126
|
}
|
17166
|
-
.
|
17127
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title.c4p--notifications-panel__notification-title-unread {
|
17167
17128
|
margin-bottom: var(--cds-spacing-02, 0.25rem);
|
17168
17129
|
color: var(--cds-text-04, #ffffff);
|
17169
17130
|
font-weight: 600;
|
17170
17131
|
}
|
17171
|
-
.
|
17132
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notifications-link {
|
17172
17133
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
17173
17134
|
font-weight: var(--cds-label-01-font-weight, 400);
|
17174
17135
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
17175
17136
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
17176
17137
|
}
|
17177
|
-
.
|
17138
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon {
|
17178
17139
|
min-width: 1rem;
|
17179
17140
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
17180
17141
|
}
|
17181
|
-
.
|
17142
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-error {
|
17182
17143
|
fill: var(--cds-support-01, #da1e28);
|
17183
17144
|
}
|
17184
|
-
.
|
17145
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-success {
|
17185
17146
|
fill: var(--cds-support-02, #198038);
|
17186
17147
|
}
|
17187
|
-
.
|
17148
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-warning {
|
17188
17149
|
fill: var(--cds-support-03, #f1c21b);
|
17189
17150
|
}
|
17190
|
-
.
|
17151
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-informational {
|
17191
17152
|
fill: var(--cds-support-04, #0043ce);
|
17192
17153
|
}
|
17193
|
-
.
|
17154
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-time-label {
|
17194
17155
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
17195
17156
|
}
|
17196
|
-
.
|
17197
|
-
.
|
17157
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-time-label,
|
17158
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description {
|
17198
17159
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
17199
17160
|
font-weight: var(--cds-label-01-font-weight, 400);
|
17200
17161
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
17201
17162
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
17202
17163
|
color: var(--cds-text-02, #525252);
|
17203
17164
|
}
|
17204
|
-
.
|
17165
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description.c4p--notifications-panel__notification-short-description {
|
17205
17166
|
display: -webkit-box;
|
17206
17167
|
overflow: hidden;
|
17207
17168
|
-webkit-box-orient: vertical;
|
17208
17169
|
-webkit-line-clamp: 2;
|
17209
17170
|
}
|
17210
|
-
.
|
17171
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description.c4p--notifications-panel__notification-long-description {
|
17211
17172
|
display: block;
|
17212
17173
|
overflow: initial;
|
17213
17174
|
-webkit-line-clamp: initial;
|
17214
17175
|
}
|
17215
|
-
.
|
17216
|
-
.
|
17176
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button,
|
17177
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button {
|
17217
17178
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
17218
17179
|
font-weight: var(--cds-label-01-font-weight, 400);
|
17219
17180
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
@@ -17221,19 +17182,19 @@ a.bx--side-nav__link--current::before {
|
|
17221
17182
|
min-width: 5.5rem;
|
17222
17183
|
padding: 0;
|
17223
17184
|
}
|
17224
|
-
.
|
17225
|
-
.
|
17185
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .bx--btn__icon,
|
17186
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
|
17226
17187
|
transition: transform 240ms ease;
|
17227
17188
|
}
|
17228
|
-
.
|
17229
|
-
.
|
17189
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button.c4p--notifications-panel__notification-read-more-button .bx--btn__icon,
|
17190
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button.c4p--notifications-panel__notification-read-more-button .bx--btn__icon {
|
17230
17191
|
transform: rotate(0deg);
|
17231
17192
|
}
|
17232
|
-
.
|
17233
|
-
.
|
17193
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button.c4p--notifications-panel__notification-read-less-button .bx--btn__icon,
|
17194
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button.c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
|
17234
17195
|
transform: rotate(180deg);
|
17235
17196
|
}
|
17236
|
-
.
|
17197
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button {
|
17237
17198
|
position: absolute;
|
17238
17199
|
top: 0;
|
17239
17200
|
right: 0;
|
@@ -17242,12 +17203,12 @@ a.bx--side-nav__link--current::before {
|
|
17242
17203
|
color: var(--cds-text-01, #161616);
|
17243
17204
|
opacity: 0;
|
17244
17205
|
}
|
17245
|
-
.
|
17206
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:hover, .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:focus {
|
17246
17207
|
opacity: 1;
|
17247
17208
|
}
|
17248
|
-
.
|
17249
|
-
.
|
17250
|
-
.
|
17209
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:not(:first-of-type):before,
|
17210
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
|
17211
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:not(:first-of-type):before {
|
17251
17212
|
position: absolute;
|
17252
17213
|
top: 0;
|
17253
17214
|
width: calc(100% - (2 * var(--cds-spacing-05, 1rem)));
|
@@ -17258,12 +17219,12 @@ a.bx--side-nav__link--current::before {
|
|
17258
17219
|
transition: background-color 240ms;
|
17259
17220
|
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
17260
17221
|
}
|
17261
|
-
.
|
17262
|
-
.
|
17263
|
-
.
|
17222
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:hover + .c4p--notifications-panel__notification-today:not(:first-of-type):before,
|
17223
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:hover + .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
|
17224
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:hover + .c4p--notifications-panel__notification-previous:not(:first-of-type):before {
|
17264
17225
|
background-color: transparent;
|
17265
17226
|
}
|
17266
|
-
.
|
17227
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section {
|
17267
17228
|
display: flex;
|
17268
17229
|
height: 100%;
|
17269
17230
|
min-height: initial;
|
@@ -17271,16 +17232,16 @@ a.bx--side-nav__link--current::before {
|
|
17271
17232
|
justify-content: center;
|
17272
17233
|
margin-top: var(--cds-layout-07, 10rem);
|
17273
17234
|
}
|
17274
|
-
.
|
17235
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section .c4p-subtext {
|
17275
17236
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
17276
17237
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
17277
17238
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
17278
17239
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
17279
17240
|
}
|
17280
|
-
.
|
17241
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__main-section {
|
17281
17242
|
min-height: 498px;
|
17282
17243
|
}
|
17283
|
-
.
|
17244
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions {
|
17284
17245
|
position: sticky;
|
17285
17246
|
z-index: 2;
|
17286
17247
|
bottom: 0;
|
@@ -17291,7 +17252,7 @@ a.bx--side-nav__link--current::before {
|
|
17291
17252
|
border-top: 1px solid var(--cds-ui-02, #ffffff);
|
17292
17253
|
background-color: var(--cds-ui-background, #ffffff);
|
17293
17254
|
}
|
17294
|
-
.
|
17255
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__view-all-button {
|
17295
17256
|
width: 100%;
|
17296
17257
|
max-width: calc(100% - 2.5rem);
|
17297
17258
|
height: 2.5rem;
|
@@ -17299,7 +17260,7 @@ a.bx--side-nav__link--current::before {
|
|
17299
17260
|
border-right: 1px solid var(--cds-ui-02, #ffffff);
|
17300
17261
|
color: var(--cds-text-01, #161616);
|
17301
17262
|
}
|
17302
|
-
.
|
17263
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__settings-button {
|
17303
17264
|
display: flex;
|
17304
17265
|
min-width: 2.5rem;
|
17305
17266
|
height: 2.5rem;
|
@@ -17309,7 +17270,7 @@ a.bx--side-nav__link--current::before {
|
|
17309
17270
|
padding: 0;
|
17310
17271
|
color: var(--cds-text-01, #161616);
|
17311
17272
|
}
|
17312
|
-
.
|
17273
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__settings-button .bx--btn__icon {
|
17313
17274
|
margin: 0;
|
17314
17275
|
}
|
17315
17276
|
|
@@ -18045,21 +18006,21 @@ a.bx--side-nav__link--current::before {
|
|
18045
18006
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18046
18007
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18047
18008
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18048
|
-
.
|
18009
|
+
.c4p--action-bar.c4p--action-bar {
|
18049
18010
|
display: block;
|
18050
18011
|
}
|
18051
|
-
.
|
18012
|
+
.c4p--action-bar .c4p--action-bar__displayed-items {
|
18052
18013
|
display: inline-flex;
|
18053
18014
|
width: 100%;
|
18054
18015
|
white-space: nowrap;
|
18055
18016
|
}
|
18056
|
-
.
|
18017
|
+
.c4p--action-bar .c4p--action-bar__displayed-items--right {
|
18057
18018
|
justify-content: flex-end;
|
18058
18019
|
}
|
18059
|
-
.
|
18020
|
+
.c4p--action-bar .c4p--action-bar-overflow-items {
|
18060
18021
|
display: inline-block;
|
18061
18022
|
}
|
18062
|
-
.
|
18023
|
+
.c4p--action-bar .c4p--action-bar__hidden-sizing-items {
|
18063
18024
|
position: absolute;
|
18064
18025
|
top: -100vh;
|
18065
18026
|
left: -100vw;
|
@@ -18069,15 +18030,15 @@ a.bx--side-nav__link--current::before {
|
|
18069
18030
|
visibility: hidden;
|
18070
18031
|
}
|
18071
18032
|
|
18072
|
-
.
|
18033
|
+
.c4p--action-bar-overflow-items__options .c4p--action-bar-overflow-items__item {
|
18073
18034
|
padding: 0 var(--cds-spacing-03, 0.5rem);
|
18074
18035
|
}
|
18075
|
-
.
|
18036
|
+
.c4p--action-bar-overflow-items__options .c4p--action-bar-overflow-items__item-content {
|
18076
18037
|
display: flex;
|
18077
18038
|
width: 100%;
|
18078
18039
|
justify-content: space-between;
|
18079
18040
|
}
|
18080
|
-
.
|
18041
|
+
.c4p--action-bar-overflow-items__options .c4p--action-bar-overflow-items__item svg {
|
18081
18042
|
margin: 0 var(--cds-spacing-02, 0.25rem);
|
18082
18043
|
}
|
18083
18044
|
|
@@ -18140,30 +18101,30 @@ a.bx--side-nav__link--current::before {
|
|
18140
18101
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18141
18102
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18142
18103
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18143
|
-
.
|
18104
|
+
.c4p--breadcrumb-with-overflow.c4p--breadcrumb-with-overflow {
|
18144
18105
|
display: block;
|
18145
18106
|
}
|
18146
|
-
.
|
18107
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__space {
|
18147
18108
|
position: relative;
|
18148
18109
|
display: block;
|
18149
18110
|
width: 100%;
|
18150
18111
|
white-space: nowrap;
|
18151
18112
|
}
|
18152
|
-
.
|
18113
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
18153
18114
|
display: none;
|
18154
18115
|
width: 100%;
|
18155
18116
|
}
|
18156
18117
|
@media (min-width: 42rem) {
|
18157
|
-
.
|
18118
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
|
18158
18119
|
display: inline-flex;
|
18159
18120
|
}
|
18160
18121
|
}
|
18161
|
-
.
|
18122
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .bx--breadcrumb {
|
18162
18123
|
width: 100%;
|
18163
18124
|
flex-wrap: nowrap;
|
18164
18125
|
align-items: flex-start;
|
18165
18126
|
}
|
18166
|
-
.
|
18127
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container--hidden {
|
18167
18128
|
position: absolute;
|
18168
18129
|
top: -100vh;
|
18169
18130
|
left: -100vw;
|
@@ -18172,28 +18133,28 @@ a.bx--side-nav__link--current::before {
|
|
18172
18133
|
pointer-events: none;
|
18173
18134
|
visibility: hidden;
|
18174
18135
|
}
|
18175
|
-
.
|
18136
|
+
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
18176
18137
|
display: inline;
|
18177
18138
|
}
|
18178
|
-
.
|
18139
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
|
18179
18140
|
display: inline;
|
18180
18141
|
overflow: hidden;
|
18181
18142
|
}
|
18182
|
-
.
|
18143
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .bx--link {
|
18183
18144
|
display: inline-block;
|
18184
18145
|
overflow: hidden;
|
18185
18146
|
width: 100%;
|
18186
18147
|
text-overflow: ellipsis;
|
18187
18148
|
}
|
18188
|
-
.
|
18149
|
+
.c4p--breadcrumb-with-overflow .bx--link {
|
18189
18150
|
max-height: 18px;
|
18190
18151
|
}
|
18191
|
-
.
|
18152
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
18192
18153
|
display: inline-flex;
|
18193
18154
|
margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem));
|
18194
18155
|
}
|
18195
18156
|
@media (min-width: 42rem) {
|
18196
|
-
.
|
18157
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
18197
18158
|
display: none;
|
18198
18159
|
}
|
18199
18160
|
}
|
@@ -18743,27 +18704,27 @@ a.bx--side-nav__link--current::before {
|
|
18743
18704
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18744
18705
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18745
18706
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18746
|
-
.
|
18707
|
+
.c4p--tag-set.c4p--tag-set {
|
18747
18708
|
display: block;
|
18748
18709
|
width: 100%;
|
18749
18710
|
}
|
18750
|
-
.
|
18711
|
+
.c4p--tag-set .c4p--tag-set__space {
|
18751
18712
|
position: relative;
|
18752
18713
|
display: block;
|
18753
18714
|
width: 100%;
|
18754
18715
|
white-space: nowrap;
|
18755
18716
|
}
|
18756
|
-
.
|
18717
|
+
.c4p--tag-set .c4p--tag-set__space--align-end {
|
18757
18718
|
text-align: end;
|
18758
18719
|
}
|
18759
|
-
.
|
18720
|
+
.c4p--tag-set .c4p--tag-set__space--align-center {
|
18760
18721
|
text-align: center;
|
18761
18722
|
}
|
18762
|
-
.
|
18723
|
+
.c4p--tag-set .c4p--tag-set__tag-container {
|
18763
18724
|
display: inline-flex;
|
18764
18725
|
white-space: nowrap;
|
18765
18726
|
}
|
18766
|
-
.
|
18727
|
+
.c4p--tag-set .c4p--tag-set__tag-container--hidden {
|
18767
18728
|
position: absolute;
|
18768
18729
|
top: -100vh;
|
18769
18730
|
left: -100vw;
|
@@ -18772,43 +18733,43 @@ a.bx--side-nav__link--current::before {
|
|
18772
18733
|
pointer-events: none;
|
18773
18734
|
visibility: hidden;
|
18774
18735
|
}
|
18775
|
-
.
|
18736
|
+
.c4p--tag-set .c4p--tag-set-overflow {
|
18776
18737
|
display: inline-block;
|
18777
18738
|
vertical-align: bottom;
|
18778
18739
|
}
|
18779
|
-
.
|
18740
|
+
.c4p--tag-set .c4p--tag-set-overflow--hidden {
|
18780
18741
|
overflow: hidden;
|
18781
18742
|
max-width: 0;
|
18782
18743
|
visibility: hidden;
|
18783
18744
|
}
|
18784
18745
|
|
18785
|
-
.
|
18746
|
+
.c4p--tag-set-modal.c4p--tag-set-modal {
|
18786
18747
|
text-align: initial;
|
18787
18748
|
white-space: initial;
|
18788
18749
|
}
|
18789
18750
|
@media (min-width: 42rem) {
|
18790
|
-
.
|
18751
|
+
.c4p--tag-set-modal .c4p--tag-set-modal__container {
|
18791
18752
|
height: 90%;
|
18792
18753
|
max-height: 450px;
|
18793
18754
|
}
|
18794
18755
|
}
|
18795
|
-
.
|
18756
|
+
.c4p--tag-set-modal .c4p--tag-set-modal__search {
|
18796
18757
|
margin-top: var(--cds-spacing-05, 1rem);
|
18797
18758
|
margin-bottom: 0;
|
18798
18759
|
}
|
18799
|
-
.
|
18760
|
+
.c4p--tag-set-modal.c4p--tag-set-modal .c4p--tag-set-modal__fade {
|
18800
18761
|
position: relative;
|
18801
18762
|
margin-right: var(--cds-spacing-05, 1rem);
|
18802
18763
|
margin-left: var(--cds-spacing-05, 1rem);
|
18803
18764
|
}
|
18804
|
-
.
|
18765
|
+
.c4p--tag-set-modal .c4p--tag-set-modal__body {
|
18805
18766
|
padding-bottom: var(--cds-spacing-06, 1.5rem);
|
18806
18767
|
}
|
18807
|
-
.
|
18768
|
+
.c4p--tag-set-modal .c4p--tag-set-modal__header {
|
18808
18769
|
padding-right: 0;
|
18809
18770
|
margin-right: var(--cds-spacing-05, 1rem);
|
18810
18771
|
}
|
18811
|
-
.
|
18772
|
+
.c4p--tag-set-modal.c4p--tag-set-modal .c4p--tag-set-modal__fade::after {
|
18812
18773
|
position: absolute;
|
18813
18774
|
top: calc(-1 * var(--cds-spacing-11, 5rem));
|
18814
18775
|
left: 0;
|
@@ -18818,15 +18779,15 @@ a.bx--side-nav__link--current::before {
|
|
18818
18779
|
content: "";
|
18819
18780
|
}
|
18820
18781
|
|
18821
|
-
.
|
18782
|
+
.c4p--tag-set-overflow__tooltip.c4p--tag-set-overflow__tooltip {
|
18822
18783
|
min-width: initial;
|
18823
18784
|
}
|
18824
|
-
.
|
18785
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__show-all-tags-link {
|
18825
18786
|
display: inline-block;
|
18826
18787
|
margin: var(--cds-spacing-03, 0.5rem) 0 var(--cds-spacing-02, 0.25rem);
|
18827
18788
|
}
|
18828
|
-
.
|
18829
|
-
.
|
18789
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item,
|
18790
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item .bx--tag {
|
18830
18791
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
18831
18792
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
18832
18793
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
@@ -18842,17 +18803,17 @@ a.bx--side-nav__link--current::before {
|
|
18842
18803
|
text-overflow: ellipsis;
|
18843
18804
|
white-space: nowrap;
|
18844
18805
|
}
|
18845
|
-
.
|
18806
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag .bx--tag__close-icon {
|
18846
18807
|
padding: 0;
|
18847
18808
|
}
|
18848
|
-
.
|
18809
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag .bx--tag--high-contrast {
|
18849
18810
|
background-color: var(--cds-ui-background, #ffffff);
|
18850
18811
|
color: var(--cds-text-01, #161616);
|
18851
18812
|
}
|
18852
|
-
.
|
18813
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag .bx--tag__close-icon:hover {
|
18853
18814
|
background-color: var(--cds-hover-ui, #e5e5e5);
|
18854
18815
|
}
|
18855
|
-
.
|
18816
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag .bx--tag__close-icon:focus {
|
18856
18817
|
box-shadow: inset 0 0 0 var(--cds-spacing-01, 0.125rem) var(--cds-focus, #0f62fe);
|
18857
18818
|
}
|
18858
18819
|
|
@@ -18907,19 +18868,19 @@ a.bx--side-nav__link--current::before {
|
|
18907
18868
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18908
18869
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18909
18870
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
18910
|
-
.
|
18871
|
+
.c4p--button-set-with-overflow.c4p--button-set-with-overflow {
|
18911
18872
|
display: flex;
|
18912
18873
|
}
|
18913
|
-
.
|
18874
|
+
.c4p--button-set-with-overflow .c4p--button-set-with-overflow__space {
|
18914
18875
|
position: relative;
|
18915
18876
|
display: block;
|
18916
18877
|
width: 100%;
|
18917
18878
|
white-space: nowrap;
|
18918
18879
|
}
|
18919
|
-
.
|
18880
|
+
.c4p--button-set-with-overflow .c4p--button-set-with-overflow__button-container {
|
18920
18881
|
display: inline-flex;
|
18921
18882
|
}
|
18922
|
-
.
|
18883
|
+
.c4p--button-set-with-overflow .c4p--button-set-with-overflow__button-container--hidden {
|
18923
18884
|
position: absolute;
|
18924
18885
|
top: -100vh;
|
18925
18886
|
left: -100vw;
|
@@ -18928,7 +18889,7 @@ a.bx--side-nav__link--current::before {
|
|
18928
18889
|
pointer-events: none;
|
18929
18890
|
visibility: hidden;
|
18930
18891
|
}
|
18931
|
-
.
|
18892
|
+
.c4p--button-set-with-overflow.c4p--button-set-with-overflow--right {
|
18932
18893
|
justify-content: flex-end;
|
18933
18894
|
}
|
18934
18895
|
|
@@ -18940,76 +18901,86 @@ a.bx--side-nav__link--current::before {
|
|
18940
18901
|
background-color: var(--to-color);
|
18941
18902
|
}
|
18942
18903
|
}
|
18943
|
-
|
18904
|
+
@keyframes background-and-shadow-appear {
|
18905
|
+
from {
|
18906
|
+
background-color: var(--from-color);
|
18907
|
+
box-shadow: 0 1px 0 var(--from-color);
|
18908
|
+
}
|
18909
|
+
to {
|
18910
|
+
background-color: var(--to-color);
|
18911
|
+
box-shadow: 0 1px 0 var(--to-color-shadow);
|
18912
|
+
}
|
18913
|
+
}
|
18914
|
+
.c4p--page-header.c4p--page-header {
|
18944
18915
|
/* Bleed class for the background */
|
18945
18916
|
position: sticky;
|
18946
18917
|
/* z-index used to raise above any position relative content as per Carbon header */
|
18947
18918
|
/* dropped 1 below Carbon header so as not to overlay the side panel */
|
18948
18919
|
z-index: 7999;
|
18949
|
-
top: var(--
|
18920
|
+
top: var(--c4p--page-header--header-top);
|
18950
18921
|
display: inline-block;
|
18951
18922
|
/* cause top/bottom margin to reserve space */
|
18952
18923
|
width: 100%;
|
18953
18924
|
background-color: var(--cds-ui-background, #ffffff);
|
18954
18925
|
color: var(--cds-text-01, #161616);
|
18955
18926
|
/* custom props */
|
18956
|
-
--
|
18957
|
-
--
|
18958
|
-
--
|
18959
|
-
--
|
18960
|
-
--
|
18961
|
-
--
|
18962
|
-
--
|
18963
|
-
}
|
18964
|
-
.
|
18965
|
-
--
|
18966
|
-
}
|
18967
|
-
.
|
18927
|
+
--c4p--page-header--breadcrumb-title-visibility: hidden;
|
18928
|
+
--c4p--page-header--breadcrumb-title-opacity: 1;
|
18929
|
+
--c4p--page-header--breadcrumb-top: 0;
|
18930
|
+
--c4p--page-header--background-opacity: 1;
|
18931
|
+
--c4p--page-header--breadcrumb-title-top: initial;
|
18932
|
+
--c4p--page-header--button-set-in-breadcrumb-width-px: initial;
|
18933
|
+
--c4p--page-header--navigation-buffer-top: $spacing-06;
|
18934
|
+
}
|
18935
|
+
.c4p--page-header.c4p--page-header--has-navigation-tags-only {
|
18936
|
+
--c4p--page-header--navigation-buffer-top: $spacing-04;
|
18937
|
+
}
|
18938
|
+
.c4p--page-header::before {
|
18968
18939
|
--from-color: var(--cds-ui-background, #ffffff);
|
18969
18940
|
--to-color: var(--cds-ui-01, #f4f4f4);
|
18941
|
+
--to-color-shadow: var(--cds-ui-03, #e0e0e0);
|
18970
18942
|
position: absolute;
|
18971
18943
|
top: 0;
|
18972
18944
|
left: 0;
|
18973
18945
|
display: block;
|
18974
18946
|
width: 100%;
|
18975
18947
|
height: 100%;
|
18976
|
-
animation: background-appear 1000ms calc(-1000ms * var(--
|
18948
|
+
animation: background-and-shadow-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
|
18977
18949
|
content: "";
|
18978
18950
|
z-index: -1;
|
18979
|
-
box-shadow: 0 1px 0 var(--cds-ui-03, #e0e0e0);
|
18980
18951
|
}
|
18981
|
-
.
|
18952
|
+
.c4p--page-header .c4p--page-header--width--xl {
|
18982
18953
|
padding-right: var(--cds-spacing-07, 2rem);
|
18983
18954
|
padding-left: var(--cds-spacing-07, 2rem);
|
18984
18955
|
}
|
18985
|
-
.
|
18956
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row {
|
18986
18957
|
position: sticky;
|
18987
18958
|
z-index: 99;
|
18988
|
-
top: var(--
|
18959
|
+
top: var(--c4p--page-header--breadcrumb-top);
|
18989
18960
|
min-height: var(--cds-spacing-08, 2.5rem);
|
18990
18961
|
}
|
18991
|
-
.
|
18962
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row + .c4p--page-header__last-row-buffer--active {
|
18992
18963
|
height: var(--cds-spacing-02, 0.25rem);
|
18993
18964
|
}
|
18994
|
-
.
|
18965
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
|
18995
18966
|
margin-bottom: calc(-1 * var(--cds-spacing-03, 0.5rem));
|
18996
18967
|
}
|
18997
|
-
.
|
18968
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--container {
|
18998
18969
|
display: flex;
|
18999
18970
|
min-width: 100%;
|
19000
18971
|
flex-wrap: nowrap;
|
19001
18972
|
}
|
19002
|
-
.
|
18973
|
+
.c4p--page-header .c4p--page-header__has-page-actions-without-action-bar {
|
19003
18974
|
min-width: calc(0.6 * (100% + 2 * var(--cds-spacing-05, 1rem)));
|
19004
18975
|
max-width: calc(0.6 * (100% + 2 * var(--cds-spacing-05, 1rem)));
|
19005
18976
|
}
|
19006
|
-
.
|
18977
|
+
.c4p--page-header .c4p--page-header__has-page-actions-without-action-bar .c4p--page-header__has-page-actions-without-action-bar {
|
19007
18978
|
min-width: 100%;
|
19008
18979
|
}
|
19009
|
-
.
|
19010
|
-
min-width: calc(100% + (var(--
|
18980
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar .c4p--page-header__breadcrumb-row--container {
|
18981
|
+
min-width: calc(100% + (var(--c4p--page-header--width-px) - var(--c4p--page-header--breadcrumb-row-width-px)) / 2);
|
19011
18982
|
}
|
19012
|
-
.
|
18983
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row::after {
|
19013
18984
|
position: absolute;
|
19014
18985
|
bottom: 0;
|
19015
18986
|
left: 50%;
|
@@ -19023,204 +18994,205 @@ a.bx--side-nav__link--current::before {
|
|
19023
18994
|
transform: translateX(-50%) scaleX(1);
|
19024
18995
|
transition: all 150ms ease-out;
|
19025
18996
|
}
|
19026
|
-
.
|
19027
|
-
.
|
18997
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs::after,
|
18998
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
|
19028
18999
|
/* creates a full width box shadow without causing scroll */
|
19029
19000
|
box-shadow: 25vw 1px 0 0 var(--cds-ui-03, #e0e0e0), -25vw 1px 0 0 var(--cds-ui-03, #e0e0e0);
|
19030
19001
|
opacity: 1;
|
19031
19002
|
}
|
19032
|
-
.
|
19003
|
+
.c4p--page-header .c4p--page-header__breadcrumb-container {
|
19033
19004
|
width: 100%;
|
19034
19005
|
}
|
19035
|
-
.
|
19006
|
+
.c4p--page-header .c4p--page-header__action-bar-column {
|
19036
19007
|
display: none;
|
19037
19008
|
}
|
19038
|
-
.
|
19009
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs .c4p--page-header__action-bar-column {
|
19039
19010
|
max-width: 75%;
|
19040
19011
|
flex: 0 1 75%;
|
19041
19012
|
}
|
19042
19013
|
@media (min-width: 42rem) {
|
19043
|
-
.
|
19014
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs .c4p--page-header__action-bar-column {
|
19044
19015
|
max-width: 40%;
|
19045
19016
|
flex: 1 0 40%;
|
19046
19017
|
}
|
19047
19018
|
}
|
19048
|
-
.
|
19019
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar .c4p--page-header__action-bar-column {
|
19049
19020
|
display: initial;
|
19050
19021
|
}
|
19051
|
-
.
|
19022
|
+
.c4p--page-header .c4p--page-header__action-bar-column-content {
|
19052
19023
|
display: flex;
|
19053
19024
|
justify-content: flex-end;
|
19054
19025
|
white-space: nowrap;
|
19055
19026
|
}
|
19056
19027
|
@media (min-width: 66rem) {
|
19057
|
-
.
|
19028
|
+
.c4p--page-header .c4p--page-header__action-bar-column-content {
|
19058
19029
|
flex-wrap: nowrap;
|
19059
19030
|
/* assume enough space */
|
19060
19031
|
}
|
19061
19032
|
}
|
19062
|
-
.
|
19033
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row .c4p--page-header__page-actions {
|
19063
19034
|
position: relative;
|
19064
19035
|
display: inline-block;
|
19065
19036
|
width: 100%;
|
19066
|
-
max-width: var(--
|
19067
|
-
flex: 1 1 var(--
|
19037
|
+
max-width: var(--c4p--page-header--button-set-in-breadcrumb-width-px);
|
19038
|
+
flex: 1 1 var(--c4p--page-header--button-set-in-breadcrumb-width-px);
|
19068
19039
|
opacity: 0;
|
19069
19040
|
transition: opacity 240ms cubic-bezier(0, 0, 0.38, 0.9);
|
19070
19041
|
visibility: hidden;
|
19071
19042
|
white-space: nowrap;
|
19072
19043
|
}
|
19073
|
-
.
|
19044
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row .c4p--page-header__page-actions--in-breadcrumb {
|
19074
19045
|
opacity: 1;
|
19075
19046
|
visibility: visible;
|
19076
19047
|
}
|
19077
|
-
.
|
19048
|
+
.c4p--page-header .c4p--page-header__breadcrumb-column {
|
19078
19049
|
max-width: 100%;
|
19079
19050
|
flex: 0 0 100%;
|
19080
19051
|
}
|
19081
19052
|
@media (min-width: 42rem) {
|
19082
|
-
.
|
19053
|
+
.c4p--page-header .c4p--page-header__breadcrumb-column {
|
19083
19054
|
overflow: hidden;
|
19084
19055
|
/* required for ellipsis in title, title not visible in breadcrumb with back arrow */
|
19085
19056
|
}
|
19086
19057
|
}
|
19087
|
-
.
|
19058
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar.c4p--page-header__breadcrumb-row .c4p--page-header__breadcrumb-column {
|
19088
19059
|
max-width: 75%;
|
19089
19060
|
flex: 0 1 75%;
|
19090
19061
|
}
|
19091
19062
|
@media (min-width: 42rem) {
|
19092
|
-
.
|
19063
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar.c4p--page-header__breadcrumb-row .c4p--page-header__breadcrumb-column {
|
19093
19064
|
max-width: 60%;
|
19094
19065
|
flex: 0 1 60%;
|
19095
19066
|
}
|
19096
19067
|
}
|
19097
|
-
.
|
19068
|
+
.c4p--page-header .c4p--page-header__has-page-actions-without-action-bar.c4p--page-header__breadcrumb-row .c4p--page-header__breadcrumb-column {
|
19098
19069
|
max-width: 100%;
|
19099
19070
|
flex: 0 1 100%;
|
19100
19071
|
}
|
19101
|
-
.
|
19102
|
-
.
|
19072
|
+
.c4p--page-header .c4p--page-header__breadcrumb-column--background,
|
19073
|
+
.c4p--page-header .c4p--page-header__action-bar-column--background {
|
19103
19074
|
position: relative;
|
19104
19075
|
}
|
19105
|
-
.
|
19106
|
-
.
|
19076
|
+
.c4p--page-header .c4p--page-header__breadcrumb-column--background::before,
|
19077
|
+
.c4p--page-header .c4p--page-header__action-bar-column--background::before {
|
19107
19078
|
--from-color: var(--cds-ui-background, #ffffff);
|
19108
19079
|
--to-color: var(--cds-ui-01, #f4f4f4);
|
19080
|
+
--to-color-shadow: var(--cds-ui-03, #e0e0e0);
|
19109
19081
|
position: absolute;
|
19110
19082
|
top: 0;
|
19111
19083
|
left: 0;
|
19112
19084
|
display: block;
|
19113
19085
|
width: 100%;
|
19114
19086
|
height: 100%;
|
19115
|
-
animation: background-appear 1000ms calc(-1000ms * var(--
|
19087
|
+
animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
|
19116
19088
|
content: "";
|
19117
19089
|
}
|
19118
|
-
.
|
19090
|
+
.c4p--page-header .c4p--page-header__action-bar-column--influenced-by-collapse-button {
|
19119
19091
|
padding-right: var(--cds-spacing-08, 2.5rem);
|
19120
19092
|
}
|
19121
|
-
.
|
19093
|
+
.c4p--page-header .c4p--page-header__breadcrumb {
|
19122
19094
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
19123
19095
|
font-weight: var(--cds-label-01-font-weight, 400);
|
19124
19096
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
19125
19097
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
19126
19098
|
padding-top: var(--cds-spacing-04, 0.75rem);
|
19127
19099
|
}
|
19128
|
-
.
|
19100
|
+
.c4p--page-header .c4p--page-header--breadcrumb.c4p--breadcrumb-with-overflow__with-items {
|
19129
19101
|
padding-top: 0;
|
19130
19102
|
}
|
19131
19103
|
@media (min-width: 42rem) {
|
19132
|
-
.
|
19104
|
+
.c4p--page-header .c4p--page-header--breadcrumb.c4p--breadcrumb-with-overflow__with-items {
|
19133
19105
|
padding-top: var(--cds-spacing-04, 0.75rem);
|
19134
19106
|
}
|
19135
19107
|
}
|
19136
|
-
.
|
19108
|
+
.c4p--page-header .c4p--page-header__breadcrumb .bx--breadcrumb-item {
|
19137
19109
|
margin-right: var(--cds-spacing-02, 0.25rem);
|
19138
19110
|
}
|
19139
|
-
.
|
19111
|
+
.c4p--page-header .c4p--page-header__breadcrumb .bx--breadcrumb-item::after {
|
19140
19112
|
margin-left: var(--cds-spacing-02, 0.25rem);
|
19141
19113
|
}
|
19142
|
-
.
|
19143
|
-
.
|
19114
|
+
.c4p--page-header .c4p--page-header__breadcrumb .bx--breadcrumb-item,
|
19115
|
+
.c4p--page-header .c4p--page-header__breadcrumb .bx--breadcrumb-item .bx--link {
|
19144
19116
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
19145
19117
|
font-weight: var(--cds-label-01-font-weight, 400);
|
19146
19118
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
19147
19119
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
19148
19120
|
}
|
19149
|
-
.
|
19121
|
+
.c4p--page-header .c4p--page-header__breadcrumb-title {
|
19150
19122
|
position: relative;
|
19151
19123
|
}
|
19152
|
-
.
|
19153
|
-
opacity: var(--
|
19154
|
-
transform: translateY(var(--
|
19124
|
+
.c4p--page-header .c4p--page-header__breadcrumb-title:not(.c4p--page-header__breadcrumb-title--pre-collapsed) {
|
19125
|
+
opacity: var(--c4p--page-header--breadcrumb-title-opacity);
|
19126
|
+
transform: translateY(var(--c4p--page-header--breadcrumb-title-top));
|
19155
19127
|
/* token linter does not support this form */
|
19156
|
-
visibility: var(--
|
19128
|
+
visibility: var(--c4p--page-header--breadcrumb-title-visibility);
|
19157
19129
|
}
|
19158
|
-
.
|
19130
|
+
.c4p--page-header .c4p--page-header__breadcrumb-container--hidden .c4p--page-header__breadcrumb-title.c4p--page-header__breadcrumb-title {
|
19159
19131
|
overflow: initial;
|
19160
19132
|
}
|
19161
|
-
.
|
19133
|
+
.c4p--page-header .c4p--page-header__action-bar {
|
19162
19134
|
width: 100%;
|
19163
|
-
max-width: var(--
|
19164
|
-
flex: 1 1 var(--
|
19135
|
+
max-width: var(--c4p--page-header--max-action-bar-width-px);
|
19136
|
+
flex: 1 1 var(--c4p--page-header--max-action-bar-width-px);
|
19165
19137
|
padding-top: var(--cds-spacing-04, 0.75rem);
|
19166
19138
|
margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem));
|
19167
19139
|
/* align with breadcrumb */
|
19168
19140
|
vertical-align: top;
|
19169
19141
|
white-space: nowrap;
|
19170
19142
|
}
|
19171
|
-
.
|
19143
|
+
.c4p--page-header .c4p--page-header__title-row {
|
19172
19144
|
margin-top: 0;
|
19173
19145
|
margin-bottom: 0;
|
19174
19146
|
}
|
19175
19147
|
@media (min-width: 42rem) {
|
19176
|
-
.
|
19148
|
+
.c4p--page-header .c4p--page-header__title-row {
|
19177
19149
|
flex-wrap: nowrap;
|
19178
19150
|
/* assume enough space */
|
19179
19151
|
}
|
19180
19152
|
}
|
19181
|
-
.
|
19153
|
+
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--under-action-bar {
|
19182
19154
|
margin-top: var(--cds-spacing-05, 1rem);
|
19183
19155
|
}
|
19184
|
-
.
|
19156
|
+
.c4p--page-header .c4p--page-header__title-row + .c4p--page-header__last-row-buffer--active {
|
19185
19157
|
height: var(--cds-spacing-07, 2rem);
|
19186
19158
|
}
|
19187
|
-
.
|
19159
|
+
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--spacing-below-03 {
|
19188
19160
|
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
19189
19161
|
}
|
19190
|
-
.
|
19162
|
+
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--spacing-below-05 + .c4p--page-header__last-row-buffer--active {
|
19191
19163
|
height: var(--cds-spacing-05, 1rem);
|
19192
19164
|
}
|
19193
|
-
.
|
19165
|
+
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--spacing-below-06 {
|
19194
19166
|
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
19195
19167
|
}
|
19196
|
-
.
|
19168
|
+
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--no-breadcrumb-row {
|
19197
19169
|
margin-top: var(--cds-spacing-07, 2rem);
|
19198
19170
|
}
|
19199
|
-
.
|
19171
|
+
.c4p--page-header.c4p--page-header--has-navigation .c4p--page-header__title-row + .c4p--page-header__last-row-buffer--active {
|
19200
19172
|
height: calc(var(--cds-spacing-06, 1.5rem));
|
19201
19173
|
}
|
19202
|
-
.
|
19174
|
+
.c4p--page-header.c4p--page-header--has-navigation-tags-only .c4p--page-header__title-row + .c4p--page-header__last-row-buffer--active {
|
19203
19175
|
height: calc(var(--cds-spacing-05, 1rem));
|
19204
19176
|
}
|
19205
|
-
.
|
19177
|
+
.c4p--page-header .c4p--page-header__title-row--sticky {
|
19206
19178
|
position: sticky;
|
19207
19179
|
}
|
19208
|
-
.
|
19209
|
-
top: var(--
|
19180
|
+
.c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs + .c4p--page-header__title-row--sticky {
|
19181
|
+
top: var(--c4p--page-header--breadcrumb-top);
|
19210
19182
|
}
|
19211
|
-
.
|
19183
|
+
.c4p--page-header .c4p--page-header__title-column {
|
19212
19184
|
overflow: hidden;
|
19213
19185
|
/* required for ellipsis in title */
|
19214
19186
|
min-height: 40px;
|
19215
19187
|
flex: 0 0 100%;
|
19216
19188
|
}
|
19217
19189
|
@media (min-width: 42rem) {
|
19218
|
-
.
|
19190
|
+
.c4p--page-header .c4p--page-header__title-column {
|
19219
19191
|
max-width: 60%;
|
19220
19192
|
flex: 1 0 60%;
|
19221
19193
|
}
|
19222
19194
|
}
|
19223
|
-
.
|
19195
|
+
.c4p--page-header .c4p--page-header__title {
|
19224
19196
|
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
19225
19197
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
19226
19198
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
@@ -19229,72 +19201,73 @@ a.bx--side-nav__link--current::before {
|
|
19229
19201
|
text-overflow: ellipsis;
|
19230
19202
|
white-space: nowrap;
|
19231
19203
|
}
|
19232
|
-
.
|
19204
|
+
.c4p--page-header .c4p--page-header__title-skeleton {
|
19233
19205
|
height: var(--cds-spacing-07, 2rem);
|
19234
19206
|
}
|
19235
|
-
.
|
19236
|
-
opacity: calc(1 - var(--
|
19207
|
+
.c4p--page-header .c4p--page-header__title--fades {
|
19208
|
+
opacity: calc(1 - var(--c4p--page-header--breadcrumb-title-opacity));
|
19237
19209
|
}
|
19238
|
-
.
|
19210
|
+
.c4p--page-header .c4p--page-header__title-icon {
|
19239
19211
|
margin-right: var(--cds-spacing-04, 0.75rem);
|
19240
19212
|
transform: translateY(-2px);
|
19241
19213
|
vertical-align: middle;
|
19242
19214
|
}
|
19243
|
-
.
|
19215
|
+
.c4p--page-header .c4p--page-header__page-actions {
|
19244
19216
|
flex: 0 0 100%;
|
19245
19217
|
margin-top: var(--cds-spacing-05, 1rem);
|
19246
19218
|
white-space: nowrap;
|
19247
19219
|
}
|
19248
19220
|
@media (min-width: 42rem) {
|
19249
|
-
.
|
19221
|
+
.c4p--page-header .c4p--page-header__page-actions {
|
19250
19222
|
max-width: 40%;
|
19251
19223
|
flex: 0 1 40%;
|
19252
19224
|
margin-top: 0;
|
19253
19225
|
}
|
19254
19226
|
}
|
19255
|
-
.
|
19227
|
+
.c4p--page-header .c4p--page-header__page-actions .bx--btn-set .bx--btn {
|
19256
19228
|
width: initial;
|
19257
19229
|
}
|
19258
|
-
.
|
19230
|
+
.c4p--page-header .c4p--page-header__action-bar-column .c4p--page-header__page-actions {
|
19259
19231
|
margin-top: 0;
|
19260
19232
|
}
|
19261
|
-
.
|
19233
|
+
.c4p--page-header .c4p--page-header__page-actions-container {
|
19262
19234
|
justify-content: flex-start;
|
19263
19235
|
}
|
19264
19236
|
@media (min-width: 42rem) {
|
19265
|
-
.
|
19237
|
+
.c4p--page-header .c4p--page-header__page-actions-container {
|
19266
19238
|
justify-content: flex-end;
|
19267
19239
|
}
|
19268
19240
|
}
|
19269
|
-
.
|
19241
|
+
.c4p--page-header .c4p--page-header__title-row .c4p--page-header__page-actions {
|
19270
19242
|
position: relative;
|
19271
19243
|
opacity: 1;
|
19272
19244
|
transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9);
|
19273
19245
|
transition-property: opacity, visibility;
|
19274
19246
|
visibility: visible;
|
19275
19247
|
}
|
19276
|
-
.
|
19248
|
+
.c4p--page-header .c4p--page-header__title-row .c4p--page-header__page-actions::before {
|
19277
19249
|
--from-color: var(--cds-ui-background, #ffffff);
|
19278
19250
|
--to-color: var(--cds-ui-01, #f4f4f4);
|
19251
|
+
--to-color-shadow: var(--cds-ui-03, #e0e0e0);
|
19279
19252
|
position: absolute;
|
19280
19253
|
top: 0;
|
19281
19254
|
left: 0;
|
19282
19255
|
display: block;
|
19283
19256
|
width: 100%;
|
19284
19257
|
height: 100%;
|
19285
|
-
animation: background-appear 1000ms calc(-1000ms * var(--
|
19258
|
+
animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
|
19286
19259
|
content: "";
|
19287
19260
|
}
|
19288
|
-
.
|
19261
|
+
.c4p--page-header .c4p--page-header__page-actions-content {
|
19289
19262
|
position: relative;
|
19290
19263
|
width: 100%;
|
19291
19264
|
height: 100%;
|
19292
19265
|
}
|
19293
|
-
.
|
19266
|
+
.c4p--page-header .c4p--page-header__title-row .c4p--page-header__page-actions--in-breadcrumb {
|
19294
19267
|
opacity: 0;
|
19295
19268
|
visibility: hidden;
|
19296
19269
|
}
|
19297
|
-
.
|
19270
|
+
.c4p--page-header .c4p--page-header__subtitle-row {
|
19298
19271
|
display: -webkit-box;
|
19299
19272
|
overflow: hidden;
|
19300
19273
|
max-width: 100%;
|
@@ -19303,58 +19276,58 @@ a.bx--side-nav__link--current::before {
|
|
19303
19276
|
-webkit-line-clamp: 2;
|
19304
19277
|
}
|
19305
19278
|
@media (min-width: 42rem) {
|
19306
|
-
.
|
19279
|
+
.c4p--page-header .c4p--page-header__subtitle-row {
|
19307
19280
|
max-width: 60%;
|
19308
19281
|
}
|
19309
19282
|
}
|
19310
|
-
.
|
19283
|
+
.c4p--page-header .c4p--page-header__subtitle-row + .c4p--page-header__last-row-buffer--active {
|
19311
19284
|
height: var(--cds-spacing-05, 1rem);
|
19312
19285
|
}
|
19313
|
-
.
|
19286
|
+
.c4p--page-header .c4p--page-header__subtitle {
|
19314
19287
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
19315
19288
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
19316
19289
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
19317
19290
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
19318
19291
|
}
|
19319
|
-
.
|
19292
|
+
.c4p--page-header .c4p--page-header__available-row {
|
19320
19293
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
19321
19294
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
19322
19295
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
19323
19296
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
19324
19297
|
margin-top: var(--cds-spacing-03, 0.5rem);
|
19325
19298
|
}
|
19326
|
-
.
|
19299
|
+
.c4p--page-header .c4p--page-header__available-row + .c4p--page-header__last-row-buffer--active {
|
19327
19300
|
height: var(--cds-spacing-05, 1rem);
|
19328
19301
|
}
|
19329
|
-
.
|
19302
|
+
.c4p--page-header .c4p--page-header__title-row + .c4p--page-header__available-row {
|
19330
19303
|
margin-top: var(--cds-spacing-05, 1rem);
|
19331
19304
|
}
|
19332
|
-
.
|
19305
|
+
.c4p--page-header .c4p--page-header__available-row * {
|
19333
19306
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
19334
19307
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
19335
19308
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
19336
19309
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
19337
19310
|
}
|
19338
|
-
.
|
19311
|
+
.c4p--page-header .c4p--page-header__navigation-row {
|
19339
19312
|
flex-wrap: wrap-reverse;
|
19340
19313
|
margin-top: 0;
|
19341
19314
|
}
|
19342
|
-
.
|
19315
|
+
.c4p--page-header .c4p--page-header__navigation-row .bx--content-switcher {
|
19343
19316
|
box-sizing: content-box;
|
19344
19317
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
19345
19318
|
}
|
19346
|
-
.
|
19319
|
+
.c4p--page-header .c4p--page-header__navigation-row .bx--tab-content {
|
19347
19320
|
display: none;
|
19348
19321
|
/* need to figure out how to handle the tab content */
|
19349
19322
|
}
|
19350
|
-
.
|
19323
|
+
.c4p--page-header .c4p--page-header__navigation-tabs {
|
19351
19324
|
margin-left: calc(-1 * var(--cds-spacing-05, 1rem));
|
19352
19325
|
}
|
19353
|
-
.
|
19326
|
+
.c4p--page-header .c4p--page-header__navigation-row--has-tags .c4p--page-header__navigation-tabs {
|
19354
19327
|
max-width: 75%;
|
19355
19328
|
flex: 0 1 75%;
|
19356
19329
|
}
|
19357
|
-
.
|
19330
|
+
.c4p--page-header .c4p--page-header__navigation-tags {
|
19358
19331
|
display: flex;
|
19359
19332
|
max-width: 25%;
|
19360
19333
|
flex: 1 0 25%;
|
@@ -19367,49 +19340,49 @@ a.bx--side-nav__link--current::before {
|
|
19367
19340
|
white-space: nowrap;
|
19368
19341
|
}
|
19369
19342
|
@media (min-width: 42rem) {
|
19370
|
-
.
|
19343
|
+
.c4p--page-header .c4p--page-header__navigation-tags {
|
19371
19344
|
padding-right: var(--cds-spacing-05, 1rem);
|
19372
19345
|
}
|
19373
19346
|
}
|
19374
|
-
.
|
19347
|
+
.c4p--page-header .c4p--page-header__navigation-tags--tags-only {
|
19375
19348
|
justify-content: flex-start;
|
19376
19349
|
padding-top: 0;
|
19377
19350
|
padding-bottom: var(--cds-spacing-04, 0.75rem);
|
19378
19351
|
margin-left: calc(-1 * var(--cds-spacing-02, 0.25rem));
|
19379
19352
|
text-align: initial;
|
19380
19353
|
}
|
19381
|
-
.
|
19354
|
+
.c4p--page-header .c4p--page-header__navigation-row .bx--content-switcher-btn {
|
19382
19355
|
background-color: var(--cds-ui-background, #ffffff);
|
19383
19356
|
}
|
19384
|
-
.
|
19357
|
+
.c4p--page-header .bx--btn.bx--btn--icon-only.c4p--page-header__collapse-expand-toggle {
|
19385
19358
|
position: absolute;
|
19386
19359
|
z-index: 100;
|
19387
19360
|
right: 0;
|
19388
19361
|
bottom: 0;
|
19389
19362
|
}
|
19390
|
-
.
|
19363
|
+
.c4p--page-header .c4p--page-header__collapse-expand-toggle .bx--btn__icon {
|
19391
19364
|
transition: all 400ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
19392
19365
|
}
|
19393
|
-
.
|
19366
|
+
.c4p--page-header .c4p--page-header__collapse-expand-toggle--collapsed .bx--btn__icon {
|
19394
19367
|
transform: scaleY(-1);
|
19395
19368
|
}
|
19396
19369
|
|
19397
19370
|
:root {
|
19398
|
-
--
|
19371
|
+
--c4p--page-header--tagset-tooltip-offset: 0;
|
19399
19372
|
}
|
19400
19373
|
|
19401
|
-
.
|
19402
|
-
position: var(--
|
19403
|
-
top: var(--
|
19374
|
+
.c4p--page-header__tagset-tooltip.c4p--page-header__tagset-tooltip {
|
19375
|
+
position: var(--c4p--page-header--tagset-tooltip-position) !important;
|
19376
|
+
top: var(--c4p--page-header--tagset-tooltip-offset) !important;
|
19404
19377
|
}
|
19405
19378
|
|
19406
|
-
.
|
19379
|
+
.c4p--page-header__navigation-tags-overflow.bx--tooltip {
|
19407
19380
|
z-index: 7999;
|
19408
19381
|
}
|
19409
19382
|
|
19410
|
-
.
|
19383
|
+
.c4p--page-header__action-bar-menu-options.bx--overflow-menu-options,
|
19411
19384
|
.bx--breadcrumb-menu-options.bx--overflow-menu-options,
|
19412
|
-
.
|
19385
|
+
.c4p--page-header__button-set-menu-options.bx--overflow-menu-options {
|
19413
19386
|
z-index: 7999;
|
19414
19387
|
}
|
19415
19388
|
|
@@ -19487,47 +19460,47 @@ a.bx--side-nav__link--current::before {
|
|
19487
19460
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19488
19461
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19489
19462
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19490
|
-
.
|
19463
|
+
.c4p--card__productive .c4p--card__header {
|
19491
19464
|
padding-right: 0;
|
19492
19465
|
}
|
19493
|
-
.
|
19466
|
+
.c4p--card__productive .c4p--card__title {
|
19494
19467
|
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
19495
19468
|
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
19496
19469
|
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
19497
19470
|
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
19498
19471
|
}
|
19499
|
-
.
|
19472
|
+
.c4p--card__productive .c4p--card__title-lg .c4p--card__title {
|
19500
19473
|
font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
|
19501
19474
|
font-weight: var(--cds-productive-heading-03-font-weight, 400);
|
19502
19475
|
line-height: var(--cds-productive-heading-03-line-height, 1.4);
|
19503
19476
|
letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
|
19504
19477
|
}
|
19505
|
-
.
|
19478
|
+
.c4p--card__productive .c4p--card__body {
|
19506
19479
|
padding-top: var(--cds-spacing-03, 0.5rem);
|
19507
19480
|
}
|
19508
|
-
.
|
19481
|
+
.c4p--card__productive .c4p--card__footer {
|
19509
19482
|
align-items: center;
|
19510
19483
|
justify-content: space-between;
|
19511
19484
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
19512
19485
|
}
|
19513
|
-
.
|
19486
|
+
.c4p--card__productive .c4p--card__footer-no-button {
|
19514
19487
|
justify-content: flex-end;
|
19515
19488
|
}
|
19516
|
-
.
|
19489
|
+
.c4p--card__productive .c4p--card__actions {
|
19517
19490
|
margin: 0;
|
19518
19491
|
}
|
19519
|
-
.
|
19492
|
+
.c4p--card__productive .c4p--card__actions-header {
|
19520
19493
|
margin-top: calc(-1 * var(--cds-spacing-02, 0.25rem));
|
19521
19494
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
19522
19495
|
}
|
19523
|
-
.
|
19524
|
-
.
|
19496
|
+
.c4p--card__productive .c4p--card__title-lg .c4p--card__actions-header,
|
19497
|
+
.c4p--card__productive .c4p--card__header-has-label .c4p--card__actions-header {
|
19525
19498
|
margin-top: 0;
|
19526
19499
|
}
|
19527
|
-
.
|
19500
|
+
.c4p--card__productive .c4p--card__icon {
|
19528
19501
|
margin-right: var(--cds-spacing-05, 1rem);
|
19529
19502
|
}
|
19530
|
-
.
|
19503
|
+
.c4p--card__productive .c4p--card__header-container {
|
19531
19504
|
align-items: start;
|
19532
19505
|
}
|
19533
19506
|
|
@@ -19684,19 +19657,19 @@ a.bx--side-nav__link--current::before {
|
|
19684
19657
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19685
19658
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19686
19659
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
19687
|
-
.
|
19660
|
+
.c4p--remove-modal .bx--modal-footer .bx--btn {
|
19688
19661
|
max-width: none;
|
19689
19662
|
}
|
19690
19663
|
|
19691
|
-
.
|
19664
|
+
.c4p--remove-modal .bx--modal-content {
|
19692
19665
|
padding-right: var(--cds-spacing-05, 1rem);
|
19693
19666
|
}
|
19694
19667
|
|
19695
|
-
.
|
19668
|
+
.c4p--remove-modal .bx--modal-close {
|
19696
19669
|
display: none;
|
19697
19670
|
}
|
19698
19671
|
|
19699
|
-
.
|
19672
|
+
.c4p--remove-modal__body {
|
19700
19673
|
padding-right: 20%;
|
19701
19674
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
19702
19675
|
}
|
@@ -19799,26 +19772,26 @@ a.bx--side-nav__link--current::before {
|
|
19799
19772
|
stroke-dashoffset: 0;
|
19800
19773
|
}
|
19801
19774
|
}
|
19802
|
-
.
|
19775
|
+
.c4p--saving__message {
|
19803
19776
|
display: flex;
|
19804
19777
|
}
|
19805
19778
|
|
19806
|
-
.
|
19779
|
+
.c4p--saving__error-icon {
|
19807
19780
|
margin-right: var(--cds-spacing-05, 1rem);
|
19808
19781
|
}
|
19809
19782
|
|
19810
|
-
.
|
19783
|
+
.c4p--saving__error-icon svg {
|
19811
19784
|
fill: var(--cds-danger-01, #da1e28);
|
19812
19785
|
}
|
19813
19786
|
|
19814
|
-
.
|
19787
|
+
.c4p--saving__text {
|
19815
19788
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
19816
19789
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
19817
19790
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
19818
19791
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
19819
19792
|
}
|
19820
19793
|
|
19821
|
-
.
|
19794
|
+
.c4p--saving__buttons {
|
19822
19795
|
display: flex;
|
19823
19796
|
}
|
19824
19797
|
|
@@ -19992,403 +19965,403 @@ a.bx--side-nav__link--current::before {
|
|
19992
19965
|
transform: scaleY(-1) rotate(0deg);
|
19993
19966
|
}
|
19994
19967
|
}
|
19995
|
-
.
|
19968
|
+
.c4p--status-icon {
|
19996
19969
|
display: flex;
|
19997
19970
|
justify-content: flex-end;
|
19998
19971
|
}
|
19999
19972
|
|
20000
|
-
.
|
20001
|
-
.
|
19973
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning,
|
19974
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
|
20002
19975
|
fill: #fddc69;
|
20003
19976
|
}
|
20004
19977
|
|
20005
|
-
.
|
20006
|
-
.
|
20007
|
-
.
|
20008
|
-
.
|
19978
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning path:nth-of-type(1),
|
19979
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning path:nth-of-type(1),
|
19980
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning path:nth-of-type(1),
|
19981
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning path:nth-of-type(1) {
|
20009
19982
|
fill: #161616;
|
20010
19983
|
}
|
20011
19984
|
|
20012
|
-
.
|
19985
|
+
.c4p--status-icon--light.c4p--status-icon--light-fatal {
|
20013
19986
|
fill: #000000;
|
20014
19987
|
}
|
20015
19988
|
@media (prefers-reduced-motion) {
|
20016
|
-
.
|
19989
|
+
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20017
19990
|
animation: none;
|
20018
19991
|
}
|
20019
19992
|
}
|
20020
19993
|
|
20021
|
-
.
|
19994
|
+
.c4p--status-icon--light.c4p--status-icon--dark-fatal {
|
20022
19995
|
fill: #000000;
|
20023
19996
|
}
|
20024
19997
|
@media (prefers-reduced-motion) {
|
20025
|
-
.
|
19998
|
+
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20026
19999
|
animation: none;
|
20027
20000
|
}
|
20028
20001
|
}
|
20029
20002
|
|
20030
|
-
.
|
20003
|
+
.c4p--status-icon--light.c4p--status-icon--light-critical {
|
20031
20004
|
fill: #da1e28;
|
20032
20005
|
}
|
20033
20006
|
@media (prefers-reduced-motion) {
|
20034
|
-
.
|
20007
|
+
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20035
20008
|
animation: none;
|
20036
20009
|
}
|
20037
20010
|
}
|
20038
20011
|
|
20039
|
-
.
|
20012
|
+
.c4p--status-icon--light.c4p--status-icon--dark-critical {
|
20040
20013
|
fill: #da1e28;
|
20041
20014
|
}
|
20042
20015
|
@media (prefers-reduced-motion) {
|
20043
|
-
.
|
20016
|
+
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20044
20017
|
animation: none;
|
20045
20018
|
}
|
20046
20019
|
}
|
20047
20020
|
|
20048
|
-
.
|
20021
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning {
|
20049
20022
|
fill: #ff832b;
|
20050
20023
|
}
|
20051
20024
|
@media (prefers-reduced-motion) {
|
20052
|
-
.
|
20025
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20053
20026
|
animation: none;
|
20054
20027
|
}
|
20055
20028
|
}
|
20056
20029
|
|
20057
|
-
.
|
20030
|
+
.c4p--status-icon--light.c4p--status-icon--dark-major-warning {
|
20058
20031
|
fill: #ff832b;
|
20059
20032
|
}
|
20060
20033
|
@media (prefers-reduced-motion) {
|
20061
|
-
.
|
20034
|
+
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20062
20035
|
animation: none;
|
20063
20036
|
}
|
20064
20037
|
}
|
20065
20038
|
|
20066
|
-
.
|
20039
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning {
|
20067
20040
|
fill: #fddc69;
|
20068
20041
|
}
|
20069
20042
|
@media (prefers-reduced-motion) {
|
20070
|
-
.
|
20043
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20071
20044
|
animation: none;
|
20072
20045
|
}
|
20073
20046
|
}
|
20074
20047
|
|
20075
|
-
.
|
20048
|
+
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
|
20076
20049
|
fill: #fddc69;
|
20077
20050
|
}
|
20078
20051
|
@media (prefers-reduced-motion) {
|
20079
|
-
.
|
20052
|
+
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20080
20053
|
animation: none;
|
20081
20054
|
}
|
20082
20055
|
}
|
20083
20056
|
|
20084
|
-
.
|
20057
|
+
.c4p--status-icon--light.c4p--status-icon--light-undefined {
|
20085
20058
|
fill: #8a3ffc;
|
20086
20059
|
}
|
20087
20060
|
@media (prefers-reduced-motion) {
|
20088
|
-
.
|
20061
|
+
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20089
20062
|
animation: none;
|
20090
20063
|
}
|
20091
20064
|
}
|
20092
20065
|
|
20093
|
-
.
|
20066
|
+
.c4p--status-icon--light.c4p--status-icon--dark-undefined {
|
20094
20067
|
fill: #8a3ffc;
|
20095
20068
|
}
|
20096
20069
|
@media (prefers-reduced-motion) {
|
20097
|
-
.
|
20070
|
+
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20098
20071
|
animation: none;
|
20099
20072
|
}
|
20100
20073
|
}
|
20101
20074
|
|
20102
|
-
.
|
20075
|
+
.c4p--status-icon--light.c4p--status-icon--light-unknown {
|
20103
20076
|
fill: #6f6f6f;
|
20104
20077
|
}
|
20105
20078
|
@media (prefers-reduced-motion) {
|
20106
|
-
.
|
20079
|
+
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20107
20080
|
animation: none;
|
20108
20081
|
}
|
20109
20082
|
}
|
20110
20083
|
|
20111
|
-
.
|
20084
|
+
.c4p--status-icon--light.c4p--status-icon--dark-unknown {
|
20112
20085
|
fill: #6f6f6f;
|
20113
20086
|
}
|
20114
20087
|
@media (prefers-reduced-motion) {
|
20115
|
-
.
|
20088
|
+
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20116
20089
|
animation: none;
|
20117
20090
|
}
|
20118
20091
|
}
|
20119
20092
|
|
20120
|
-
.
|
20093
|
+
.c4p--status-icon--light.c4p--status-icon--light-normal {
|
20121
20094
|
fill: #198038;
|
20122
20095
|
}
|
20123
20096
|
@media (prefers-reduced-motion) {
|
20124
|
-
.
|
20097
|
+
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20125
20098
|
animation: none;
|
20126
20099
|
}
|
20127
20100
|
}
|
20128
20101
|
|
20129
|
-
.
|
20102
|
+
.c4p--status-icon--light.c4p--status-icon--dark-normal {
|
20130
20103
|
fill: #198038;
|
20131
20104
|
}
|
20132
20105
|
@media (prefers-reduced-motion) {
|
20133
|
-
.
|
20106
|
+
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20134
20107
|
animation: none;
|
20135
20108
|
}
|
20136
20109
|
}
|
20137
20110
|
|
20138
|
-
.
|
20111
|
+
.c4p--status-icon--light.c4p--status-icon--light-info {
|
20139
20112
|
fill: #0f62fe;
|
20140
20113
|
}
|
20141
20114
|
@media (prefers-reduced-motion) {
|
20142
|
-
.
|
20115
|
+
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20143
20116
|
animation: none;
|
20144
20117
|
}
|
20145
20118
|
}
|
20146
20119
|
|
20147
|
-
.
|
20120
|
+
.c4p--status-icon--light.c4p--status-icon--dark-info {
|
20148
20121
|
fill: #0f62fe;
|
20149
20122
|
}
|
20150
20123
|
@media (prefers-reduced-motion) {
|
20151
|
-
.
|
20124
|
+
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20152
20125
|
animation: none;
|
20153
20126
|
}
|
20154
20127
|
}
|
20155
20128
|
|
20156
|
-
.
|
20129
|
+
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20157
20130
|
animation: rotating 8000ms infinite linear;
|
20158
20131
|
fill: #0f62fe;
|
20159
20132
|
}
|
20160
20133
|
@media (prefers-reduced-motion: reduce) {
|
20161
|
-
.
|
20134
|
+
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20162
20135
|
animation: none;
|
20163
20136
|
}
|
20164
20137
|
}
|
20165
20138
|
|
20166
|
-
.
|
20139
|
+
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20167
20140
|
animation: rotating 8000ms infinite linear;
|
20168
20141
|
fill: #0f62fe;
|
20169
20142
|
}
|
20170
20143
|
@media (prefers-reduced-motion: reduce) {
|
20171
|
-
.
|
20144
|
+
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20172
20145
|
animation: none;
|
20173
20146
|
}
|
20174
20147
|
}
|
20175
20148
|
|
20176
|
-
.
|
20149
|
+
.c4p--status-icon--light.c4p--status-icon--light-running {
|
20177
20150
|
fill: #198038;
|
20178
20151
|
transform: scaleY(-1);
|
20179
20152
|
}
|
20180
20153
|
|
20181
|
-
.
|
20154
|
+
.c4p--status-icon--light.c4p--status-icon--dark-running {
|
20182
20155
|
fill: #198038;
|
20183
20156
|
transform: scaleY(-1);
|
20184
20157
|
}
|
20185
20158
|
|
20186
|
-
.
|
20159
|
+
.c4p--status-icon--light.c4p--status-icon--light-pending {
|
20187
20160
|
fill: #6f6f6f;
|
20188
20161
|
}
|
20189
20162
|
@media (prefers-reduced-motion) {
|
20190
|
-
.
|
20163
|
+
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
20191
20164
|
animation: none;
|
20192
20165
|
}
|
20193
20166
|
}
|
20194
20167
|
|
20195
|
-
.
|
20168
|
+
.c4p--status-icon--light.c4p--status-icon--dark-pending {
|
20196
20169
|
fill: #6f6f6f;
|
20197
20170
|
}
|
20198
20171
|
@media (prefers-reduced-motion) {
|
20199
|
-
.
|
20172
|
+
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
20200
20173
|
animation: none;
|
20201
20174
|
}
|
20202
20175
|
}
|
20203
20176
|
|
20204
|
-
.
|
20177
|
+
.c4p--status-icon--dark.c4p--status-icon--light-fatal {
|
20205
20178
|
fill: #8d8d8d;
|
20206
20179
|
}
|
20207
20180
|
@media (prefers-reduced-motion) {
|
20208
|
-
.
|
20181
|
+
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20209
20182
|
animation: none;
|
20210
20183
|
}
|
20211
20184
|
}
|
20212
20185
|
|
20213
|
-
.
|
20186
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-fatal {
|
20214
20187
|
fill: #8d8d8d;
|
20215
20188
|
}
|
20216
20189
|
@media (prefers-reduced-motion) {
|
20217
|
-
.
|
20190
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20218
20191
|
animation: none;
|
20219
20192
|
}
|
20220
20193
|
}
|
20221
20194
|
|
20222
|
-
.
|
20195
|
+
.c4p--status-icon--dark.c4p--status-icon--light-critical {
|
20223
20196
|
fill: #fa4d56;
|
20224
20197
|
}
|
20225
20198
|
@media (prefers-reduced-motion) {
|
20226
|
-
.
|
20199
|
+
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20227
20200
|
animation: none;
|
20228
20201
|
}
|
20229
20202
|
}
|
20230
20203
|
|
20231
|
-
.
|
20204
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-critical {
|
20232
20205
|
fill: #fa4d56;
|
20233
20206
|
}
|
20234
20207
|
@media (prefers-reduced-motion) {
|
20235
|
-
.
|
20208
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20236
20209
|
animation: none;
|
20237
20210
|
}
|
20238
20211
|
}
|
20239
20212
|
|
20240
|
-
.
|
20213
|
+
.c4p--status-icon--dark.c4p--status-icon--light-major-warning {
|
20241
20214
|
fill: #ff832b;
|
20242
20215
|
}
|
20243
20216
|
@media (prefers-reduced-motion) {
|
20244
|
-
.
|
20217
|
+
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20245
20218
|
animation: none;
|
20246
20219
|
}
|
20247
20220
|
}
|
20248
20221
|
|
20249
|
-
.
|
20222
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
|
20250
20223
|
fill: #ff832b;
|
20251
20224
|
}
|
20252
20225
|
@media (prefers-reduced-motion) {
|
20253
|
-
.
|
20226
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20254
20227
|
animation: none;
|
20255
20228
|
}
|
20256
20229
|
}
|
20257
20230
|
|
20258
|
-
.
|
20231
|
+
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
|
20259
20232
|
fill: #fddc69;
|
20260
20233
|
}
|
20261
20234
|
@media (prefers-reduced-motion) {
|
20262
|
-
.
|
20235
|
+
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20263
20236
|
animation: none;
|
20264
20237
|
}
|
20265
20238
|
}
|
20266
20239
|
|
20267
|
-
.
|
20240
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
|
20268
20241
|
fill: #fddc69;
|
20269
20242
|
}
|
20270
20243
|
@media (prefers-reduced-motion) {
|
20271
|
-
.
|
20244
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20272
20245
|
animation: none;
|
20273
20246
|
}
|
20274
20247
|
}
|
20275
20248
|
|
20276
|
-
.
|
20249
|
+
.c4p--status-icon--dark.c4p--status-icon--light-undefined {
|
20277
20250
|
fill: #a56eff;
|
20278
20251
|
}
|
20279
20252
|
@media (prefers-reduced-motion) {
|
20280
|
-
.
|
20253
|
+
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20281
20254
|
animation: none;
|
20282
20255
|
}
|
20283
20256
|
}
|
20284
20257
|
|
20285
|
-
.
|
20258
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-undefined {
|
20286
20259
|
fill: #a56eff;
|
20287
20260
|
}
|
20288
20261
|
@media (prefers-reduced-motion) {
|
20289
|
-
.
|
20262
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20290
20263
|
animation: none;
|
20291
20264
|
}
|
20292
20265
|
}
|
20293
20266
|
|
20294
|
-
.
|
20267
|
+
.c4p--status-icon--dark.c4p--status-icon--light-unknown {
|
20295
20268
|
fill: #8d8d8d;
|
20296
20269
|
}
|
20297
20270
|
@media (prefers-reduced-motion) {
|
20298
|
-
.
|
20271
|
+
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20299
20272
|
animation: none;
|
20300
20273
|
}
|
20301
20274
|
}
|
20302
20275
|
|
20303
|
-
.
|
20276
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-unknown {
|
20304
20277
|
fill: #8d8d8d;
|
20305
20278
|
}
|
20306
20279
|
@media (prefers-reduced-motion) {
|
20307
|
-
.
|
20280
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20308
20281
|
animation: none;
|
20309
20282
|
}
|
20310
20283
|
}
|
20311
20284
|
|
20312
|
-
.
|
20285
|
+
.c4p--status-icon--dark.c4p--status-icon--light-normal {
|
20313
20286
|
fill: #24a148;
|
20314
20287
|
}
|
20315
20288
|
@media (prefers-reduced-motion) {
|
20316
|
-
.
|
20289
|
+
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20317
20290
|
animation: none;
|
20318
20291
|
}
|
20319
20292
|
}
|
20320
20293
|
|
20321
|
-
.
|
20294
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-normal {
|
20322
20295
|
fill: #24a148;
|
20323
20296
|
}
|
20324
20297
|
@media (prefers-reduced-motion) {
|
20325
|
-
.
|
20298
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20326
20299
|
animation: none;
|
20327
20300
|
}
|
20328
20301
|
}
|
20329
20302
|
|
20330
|
-
.
|
20303
|
+
.c4p--status-icon--dark.c4p--status-icon--light-info {
|
20331
20304
|
fill: #4589ff;
|
20332
20305
|
}
|
20333
20306
|
@media (prefers-reduced-motion) {
|
20334
|
-
.
|
20307
|
+
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20335
20308
|
animation: none;
|
20336
20309
|
}
|
20337
20310
|
}
|
20338
20311
|
|
20339
|
-
.
|
20312
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-info {
|
20340
20313
|
fill: #4589ff;
|
20341
20314
|
}
|
20342
20315
|
@media (prefers-reduced-motion) {
|
20343
|
-
.
|
20316
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20344
20317
|
animation: none;
|
20345
20318
|
}
|
20346
20319
|
}
|
20347
20320
|
|
20348
|
-
.
|
20321
|
+
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20349
20322
|
animation: rotating 8000ms infinite linear;
|
20350
20323
|
fill: #4589ff;
|
20351
20324
|
}
|
20352
20325
|
@media (prefers-reduced-motion: reduce) {
|
20353
|
-
.
|
20326
|
+
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20354
20327
|
animation: none;
|
20355
20328
|
}
|
20356
20329
|
}
|
20357
20330
|
|
20358
|
-
.
|
20331
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20359
20332
|
animation: rotating 8000ms infinite linear;
|
20360
20333
|
fill: #4589ff;
|
20361
20334
|
}
|
20362
20335
|
@media (prefers-reduced-motion: reduce) {
|
20363
|
-
.
|
20336
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20364
20337
|
animation: none;
|
20365
20338
|
}
|
20366
20339
|
}
|
20367
20340
|
|
20368
|
-
.
|
20341
|
+
.c4p--status-icon--dark.c4p--status-icon--light-running {
|
20369
20342
|
fill: #24a148;
|
20370
20343
|
transform: scaleY(-1);
|
20371
20344
|
}
|
20372
20345
|
|
20373
|
-
.
|
20346
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-running {
|
20374
20347
|
fill: #24a148;
|
20375
20348
|
transform: scaleY(-1);
|
20376
20349
|
}
|
20377
20350
|
|
20378
|
-
.
|
20351
|
+
.c4p--status-icon--dark.c4p--status-icon--light-pending {
|
20379
20352
|
fill: #8d8d8d;
|
20380
20353
|
}
|
20381
20354
|
@media (prefers-reduced-motion) {
|
20382
|
-
.
|
20355
|
+
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
20383
20356
|
animation: none;
|
20384
20357
|
}
|
20385
20358
|
}
|
20386
20359
|
|
20387
|
-
.
|
20360
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-pending {
|
20388
20361
|
fill: #8d8d8d;
|
20389
20362
|
}
|
20390
20363
|
@media (prefers-reduced-motion) {
|
20391
|
-
.
|
20364
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
20392
20365
|
animation: none;
|
20393
20366
|
}
|
20394
20367
|
}
|
@@ -20744,48 +20717,48 @@ a.bx--side-nav__link--current::before {
|
|
20744
20717
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20745
20718
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20746
20719
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
20747
|
-
.
|
20720
|
+
.c4p--toolbar {
|
20748
20721
|
display: flex;
|
20749
20722
|
min-width: 2.5rem;
|
20750
20723
|
min-height: 2.5rem;
|
20751
20724
|
background-color: var(--cds-ui-01, #f4f4f4);
|
20752
20725
|
}
|
20753
20726
|
@media (min-width: 66rem) {
|
20754
|
-
.
|
20727
|
+
.c4p--toolbar {
|
20755
20728
|
justify-content: flex-end;
|
20756
20729
|
}
|
20757
20730
|
}
|
20758
20731
|
|
20759
|
-
.
|
20760
|
-
.
|
20732
|
+
.c4p--toolbar--vertical,
|
20733
|
+
.c4p--toolbar--vertical > .c4p--toolbar__group {
|
20761
20734
|
flex-wrap: wrap;
|
20762
20735
|
}
|
20763
20736
|
|
20764
|
-
.
|
20737
|
+
.c4p--toolbar--vertical {
|
20765
20738
|
max-width: 2.5rem;
|
20766
20739
|
}
|
20767
20740
|
|
20768
|
-
.
|
20741
|
+
.c4p--toolbar__group {
|
20769
20742
|
display: flex;
|
20770
20743
|
border-right: 0.0625rem solid var(--cds-ui-03, #e0e0e0);
|
20771
20744
|
border-bottom: 0.0625rem solid var(--cds-ui-03, #e0e0e0);
|
20772
20745
|
}
|
20773
20746
|
|
20774
|
-
.
|
20775
|
-
.
|
20747
|
+
.c4p--toolbar--vertical > .c4p--toolbar__group,
|
20748
|
+
.c4p--toolbar__group:last-of-type {
|
20776
20749
|
border-right-width: 0;
|
20777
20750
|
}
|
20778
20751
|
|
20779
|
-
.
|
20780
|
-
.
|
20752
|
+
.c4p--toolbar--vertical > .c4p--toolbar__group:last-of-type,
|
20753
|
+
.c4p--toolbar .bx--dropdown {
|
20781
20754
|
border-bottom-width: 0;
|
20782
20755
|
}
|
20783
20756
|
|
20784
|
-
.
|
20757
|
+
.c4p--toolbar__button--caret {
|
20785
20758
|
position: relative;
|
20786
20759
|
}
|
20787
20760
|
|
20788
|
-
.
|
20761
|
+
.c4p--toolbar__button__caret {
|
20789
20762
|
position: absolute;
|
20790
20763
|
right: 0.125rem;
|
20791
20764
|
bottom: 0.125rem;
|
@@ -20823,7 +20796,7 @@ a.bx--side-nav__link--current::before {
|
|
20823
20796
|
component is because we want these colors to always be the same
|
20824
20797
|
despite of which carbon theme the user has.
|
20825
20798
|
*/
|
20826
|
-
.
|
20799
|
+
.c4p--web-terminal {
|
20827
20800
|
--cds-interactive-01: #0f62fe;
|
20828
20801
|
--cds-interactive-02: #6f6f6f;
|
20829
20802
|
--cds-interactive-03: #ffffff;
|
@@ -21257,7 +21230,7 @@ a.bx--side-nav__link--current::before {
|
|
21257
21230
|
background-color: #161616;
|
21258
21231
|
}
|
21259
21232
|
|
21260
|
-
.
|
21233
|
+
.c4p--web-terminal__bar {
|
21261
21234
|
display: flex;
|
21262
21235
|
height: 3rem;
|
21263
21236
|
align-items: center;
|
@@ -21265,11 +21238,11 @@ a.bx--side-nav__link--current::before {
|
|
21265
21238
|
background-color: var(--cds-ui-background, #ffffff);
|
21266
21239
|
}
|
21267
21240
|
|
21268
|
-
.
|
21241
|
+
.c4p--web-terminal__actions {
|
21269
21242
|
display: flex;
|
21270
21243
|
}
|
21271
21244
|
|
21272
|
-
.
|
21245
|
+
.c4p--web-terminal__documentation-overflow {
|
21273
21246
|
--cds-interactive-01: #0f62fe;
|
21274
21247
|
--cds-interactive-02: #6f6f6f;
|
21275
21248
|
--cds-interactive-03: #ffffff;
|
@@ -21694,7 +21667,7 @@ a.bx--side-nav__link--current::before {
|
|
21694
21667
|
--cds-icon-size-02: 1.25rem;
|
21695
21668
|
}
|
21696
21669
|
|
21697
|
-
.
|
21670
|
+
.c4p--web-terminal__body {
|
21698
21671
|
height: 100%;
|
21699
21672
|
}
|
21700
21673
|
|
@@ -21733,111 +21706,111 @@ a.bx--side-nav__link--current::before {
|
|
21733
21706
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21734
21707
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21735
21708
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21736
|
-
.
|
21709
|
+
.c4p--user-profile-image--light {
|
21737
21710
|
color: var(--cds-ui-01, #f4f4f4);
|
21738
21711
|
}
|
21739
21712
|
|
21740
|
-
.
|
21713
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--light-cyan {
|
21741
21714
|
background-color: #0072c3;
|
21742
21715
|
}
|
21743
21716
|
|
21744
|
-
.
|
21717
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--dark-cyan {
|
21745
21718
|
background-color: #003a6d;
|
21746
21719
|
}
|
21747
21720
|
|
21748
|
-
.
|
21721
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--light-gray {
|
21749
21722
|
background-color: #6f6f6f;
|
21750
21723
|
}
|
21751
21724
|
|
21752
|
-
.
|
21725
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--dark-gray {
|
21753
21726
|
background-color: #393939;
|
21754
21727
|
}
|
21755
21728
|
|
21756
|
-
.
|
21729
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--light-green {
|
21757
21730
|
background-color: #198038;
|
21758
21731
|
}
|
21759
21732
|
|
21760
|
-
.
|
21733
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--dark-green {
|
21761
21734
|
background-color: #044317;
|
21762
21735
|
}
|
21763
21736
|
|
21764
|
-
.
|
21737
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--light-magenta {
|
21765
21738
|
background-color: #d02670;
|
21766
21739
|
}
|
21767
21740
|
|
21768
|
-
.
|
21741
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--dark-magenta {
|
21769
21742
|
background-color: #740937;
|
21770
21743
|
}
|
21771
21744
|
|
21772
|
-
.
|
21745
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--light-purple {
|
21773
21746
|
background-color: #8a3ffc;
|
21774
21747
|
}
|
21775
21748
|
|
21776
|
-
.
|
21749
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--dark-purple {
|
21777
21750
|
background-color: #491d8b;
|
21778
21751
|
}
|
21779
21752
|
|
21780
|
-
.
|
21753
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--light-teal {
|
21781
21754
|
background-color: #007d79;
|
21782
21755
|
}
|
21783
21756
|
|
21784
|
-
.
|
21757
|
+
.c4p--user-profile-image--light.c4p--user-profile-image--dark-teal {
|
21785
21758
|
background-color: #004144;
|
21786
21759
|
}
|
21787
21760
|
|
21788
|
-
.
|
21761
|
+
.c4p--user-profile-image--dark {
|
21789
21762
|
color: var(--cds-ui-01, #f4f4f4);
|
21790
21763
|
}
|
21791
21764
|
|
21792
|
-
.
|
21765
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--light-cyan {
|
21793
21766
|
background-color: #1192e8;
|
21794
21767
|
}
|
21795
21768
|
|
21796
|
-
.
|
21769
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--dark-cyan {
|
21797
21770
|
background-color: #82cfff;
|
21798
21771
|
}
|
21799
21772
|
|
21800
|
-
.
|
21773
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--light-gray {
|
21801
21774
|
background-color: #8d8d8d;
|
21802
21775
|
}
|
21803
21776
|
|
21804
|
-
.
|
21777
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--dark-gray {
|
21805
21778
|
background-color: #c6c6c6;
|
21806
21779
|
}
|
21807
21780
|
|
21808
|
-
.
|
21781
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--light-green {
|
21809
21782
|
background-color: #24a148;
|
21810
21783
|
}
|
21811
21784
|
|
21812
|
-
.
|
21785
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--dark-green {
|
21813
21786
|
background-color: #6fdc8c;
|
21814
21787
|
}
|
21815
21788
|
|
21816
|
-
.
|
21789
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--light-magenta {
|
21817
21790
|
background-color: #ee5396;
|
21818
21791
|
}
|
21819
21792
|
|
21820
|
-
.
|
21793
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--dark-magenta {
|
21821
21794
|
background-color: #ffafd2;
|
21822
21795
|
}
|
21823
21796
|
|
21824
|
-
.
|
21797
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--light-purple {
|
21825
21798
|
background-color: #a56eff;
|
21826
21799
|
}
|
21827
21800
|
|
21828
|
-
.
|
21801
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--dark-purple {
|
21829
21802
|
background-color: #d4bbff;
|
21830
21803
|
}
|
21831
21804
|
|
21832
|
-
.
|
21805
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--light-teal {
|
21833
21806
|
background-color: #009d9a;
|
21834
21807
|
}
|
21835
21808
|
|
21836
|
-
.
|
21809
|
+
.c4p--user-profile-image--dark.c4p--user-profile-image--dark-teal {
|
21837
21810
|
background-color: #3ddbd9;
|
21838
21811
|
}
|
21839
21812
|
|
21840
|
-
.
|
21813
|
+
.c4p--user-profile-image {
|
21841
21814
|
display: flex;
|
21842
21815
|
flex-direction: column;
|
21843
21816
|
align-items: center;
|
@@ -21846,41 +21819,41 @@ a.bx--side-nav__link--current::before {
|
|
21846
21819
|
text-transform: uppercase;
|
21847
21820
|
}
|
21848
21821
|
|
21849
|
-
.bx--tooltip__trigger .
|
21822
|
+
.bx--tooltip__trigger .c4p--user-profile-image svg {
|
21850
21823
|
fill: var(--cds-ui-01, #f4f4f4);
|
21851
21824
|
}
|
21852
21825
|
|
21853
|
-
.
|
21826
|
+
.c4p--user-profile-image__photo {
|
21854
21827
|
width: 100%;
|
21855
21828
|
border-radius: 100%;
|
21856
21829
|
}
|
21857
21830
|
|
21858
|
-
.
|
21831
|
+
.c4p--user-profile-image__photo--xlg {
|
21859
21832
|
width: var(--cds-spacing-10, 4rem);
|
21860
21833
|
height: var(--cds-spacing-10, 4rem);
|
21861
21834
|
}
|
21862
21835
|
|
21863
|
-
.
|
21836
|
+
.c4p--user-profile-image__photo--lg {
|
21864
21837
|
width: var(--cds-spacing-07, 2rem);
|
21865
21838
|
height: var(--cds-spacing-07, 2rem);
|
21866
21839
|
}
|
21867
21840
|
|
21868
|
-
.
|
21841
|
+
.c4p--user-profile-image__photo--md {
|
21869
21842
|
width: var(--cds-spacing-06, 1.5rem);
|
21870
21843
|
height: var(--cds-spacing-06, 1.5rem);
|
21871
21844
|
}
|
21872
21845
|
|
21873
|
-
.
|
21846
|
+
.c4p--user-profile-image__photo--sm {
|
21874
21847
|
width: calc(var(--cds-spacing-05, 1rem) + var(--cds-spacing-02, 0.25rem));
|
21875
21848
|
height: calc(var(--cds-spacing-05, 1rem) + var(--cds-spacing-02, 0.25rem));
|
21876
21849
|
}
|
21877
21850
|
|
21878
|
-
.
|
21851
|
+
.c4p--user-profile-image__photo--xs {
|
21879
21852
|
width: var(--cds-spacing-05, 1rem);
|
21880
21853
|
height: var(--cds-spacing-05, 1rem);
|
21881
21854
|
}
|
21882
21855
|
|
21883
|
-
.
|
21856
|
+
.c4p--user-profile-image--xlg {
|
21884
21857
|
width: var(--cds-spacing-10, 4rem);
|
21885
21858
|
height: var(--cds-spacing-10, 4rem);
|
21886
21859
|
font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
|
@@ -21889,7 +21862,7 @@ a.bx--side-nav__link--current::before {
|
|
21889
21862
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
21890
21863
|
}
|
21891
21864
|
|
21892
|
-
.
|
21865
|
+
.c4p--user-profile-image--lg {
|
21893
21866
|
width: var(--cds-spacing-07, 2rem);
|
21894
21867
|
height: var(--cds-spacing-07, 2rem);
|
21895
21868
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
@@ -21898,7 +21871,7 @@ a.bx--side-nav__link--current::before {
|
|
21898
21871
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
21899
21872
|
}
|
21900
21873
|
|
21901
|
-
.
|
21874
|
+
.c4p--user-profile-image--md {
|
21902
21875
|
width: var(--cds-spacing-06, 1.5rem);
|
21903
21876
|
height: var(--cds-spacing-06, 1.5rem);
|
21904
21877
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
@@ -21908,7 +21881,7 @@ a.bx--side-nav__link--current::before {
|
|
21908
21881
|
font-weight: 600;
|
21909
21882
|
}
|
21910
21883
|
|
21911
|
-
.
|
21884
|
+
.c4p--user-profile-image--sm {
|
21912
21885
|
width: calc(var(--cds-spacing-05, 1rem) + var(--cds-spacing-02, 0.25rem));
|
21913
21886
|
height: calc(var(--cds-spacing-05, 1rem) + var(--cds-spacing-02, 0.25rem));
|
21914
21887
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
@@ -21918,7 +21891,7 @@ a.bx--side-nav__link--current::before {
|
|
21918
21891
|
font-weight: 600;
|
21919
21892
|
}
|
21920
21893
|
|
21921
|
-
.
|
21894
|
+
.c4p--user-profile-image--xs {
|
21922
21895
|
width: var(--cds-spacing-05, 1rem);
|
21923
21896
|
height: var(--cds-spacing-05, 1rem);
|
21924
21897
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
@@ -22104,32 +22077,32 @@ a.bx--side-nav__link--current::before {
|
|
22104
22077
|
stroke-dashoffset: 0;
|
22105
22078
|
}
|
22106
22079
|
}
|
22107
|
-
.
|
22080
|
+
.c4p--edit-side-panel .bx--form.c4p--edit-side-panel__form {
|
22108
22081
|
padding-top: var(--cds-spacing-05, 1rem);
|
22109
22082
|
}
|
22110
|
-
.
|
22083
|
+
.c4p--edit-side-panel .c4p--edit-side-panel__form.bx--fieldset {
|
22111
22084
|
padding-top: var(--cds-spacing-03, 0.5rem);
|
22112
22085
|
}
|
22113
|
-
.
|
22086
|
+
.c4p--edit-side-panel .c4p--edit-side-panel__form > * {
|
22114
22087
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
22115
22088
|
}
|
22116
|
-
.
|
22089
|
+
.c4p--edit-side-panel .c4p--edit-side-panel__form-title-text {
|
22117
22090
|
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
22118
22091
|
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
22119
22092
|
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
22120
22093
|
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
22121
22094
|
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
22122
22095
|
}
|
22123
|
-
.
|
22096
|
+
.c4p--edit-side-panel .c4p--edit-side-panel__form-description-text {
|
22124
22097
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
22125
22098
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
22126
22099
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
22127
22100
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
22128
22101
|
}
|
22129
|
-
.
|
22102
|
+
.c4p--edit-side-panel.c4p--side-panel .bx--btn.c4p--side-panel__close-button {
|
22130
22103
|
display: none;
|
22131
22104
|
}
|
22132
|
-
.
|
22105
|
+
.c4p--edit-side-panel .c4p--side-panel .c4p--edit-side-panel__actions-container {
|
22133
22106
|
position: absolute;
|
22134
22107
|
z-index: 4;
|
22135
22108
|
bottom: 0;
|
@@ -22148,26 +22121,26 @@ a.bx--side-nav__link--current::before {
|
|
22148
22121
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22149
22122
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22150
22123
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22151
|
-
.
|
22124
|
+
.c4p--options-tile {
|
22152
22125
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
22153
22126
|
background-color: var(--cds-ui-01, #f4f4f4);
|
22154
22127
|
}
|
22155
22128
|
|
22156
|
-
.
|
22129
|
+
.c4p--options-tile__toggle-container {
|
22157
22130
|
position: relative;
|
22158
22131
|
}
|
22159
22132
|
|
22160
|
-
.
|
22133
|
+
.c4p--options-tile__toggle {
|
22161
22134
|
position: absolute;
|
22162
22135
|
right: var(--cds-spacing-05, 1rem);
|
22163
22136
|
}
|
22164
22137
|
|
22165
|
-
.
|
22138
|
+
.c4p--options-tile__toggle .bx--toggle-input__label .bx--toggle__switch {
|
22166
22139
|
margin: 0;
|
22167
22140
|
}
|
22168
22141
|
|
22169
|
-
.
|
22170
|
-
.
|
22142
|
+
.c4p--options-tile__header,
|
22143
|
+
.c4p--options-tile__static-content {
|
22171
22144
|
display: grid;
|
22172
22145
|
box-sizing: border-box;
|
22173
22146
|
align-items: center;
|
@@ -22175,31 +22148,31 @@ a.bx--side-nav__link--current::before {
|
|
22175
22148
|
grid-template-columns: 3rem 1fr 1rem;
|
22176
22149
|
}
|
22177
22150
|
|
22178
|
-
.
|
22151
|
+
.c4p--options-tile__header {
|
22179
22152
|
background-color: transparent;
|
22180
22153
|
cursor: pointer;
|
22181
22154
|
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
22182
22155
|
}
|
22183
22156
|
|
22184
|
-
.
|
22157
|
+
.c4p--options-tile__header:hover {
|
22185
22158
|
background-color: var(--cds-hover-ui, #e5e5e5);
|
22186
22159
|
}
|
22187
22160
|
|
22188
|
-
.
|
22161
|
+
.c4p--options-tile__header:focus {
|
22189
22162
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
22190
22163
|
outline-offset: -2px;
|
22191
22164
|
}
|
22192
22165
|
@media screen and (prefers-contrast) {
|
22193
|
-
.
|
22166
|
+
.c4p--options-tile__header:focus {
|
22194
22167
|
outline-style: dotted;
|
22195
22168
|
}
|
22196
22169
|
}
|
22197
22170
|
|
22198
|
-
.
|
22171
|
+
.c4p--options-tile__title {
|
22199
22172
|
grid-column: 2;
|
22200
22173
|
}
|
22201
22174
|
|
22202
|
-
.
|
22175
|
+
.c4p--options-tile__heading {
|
22203
22176
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
22204
22177
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
22205
22178
|
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
@@ -22207,7 +22180,7 @@ a.bx--side-nav__link--current::before {
|
|
22207
22180
|
color: var(--cds-text-01, #161616);
|
22208
22181
|
}
|
22209
22182
|
|
22210
|
-
.
|
22183
|
+
.c4p--options-tile__summary {
|
22211
22184
|
font-size: var(--cds-helper-text-01-font-size, 0.75rem);
|
22212
22185
|
line-height: var(--cds-helper-text-01-line-height, 1.33333);
|
22213
22186
|
letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
|
@@ -22221,71 +22194,71 @@ a.bx--side-nav__link--current::before {
|
|
22221
22194
|
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
22222
22195
|
}
|
22223
22196
|
|
22224
|
-
.
|
22225
|
-
.
|
22226
|
-
.
|
22197
|
+
.c4p--options-tile__summary--invalid,
|
22198
|
+
.c4p--options-tile__summary--warn,
|
22199
|
+
.c4p--options-tile__summary--locked {
|
22227
22200
|
column-gap: var(--cds-spacing-02, 0.25rem);
|
22228
22201
|
grid-template-columns: 1rem 1fr;
|
22229
22202
|
}
|
22230
22203
|
|
22231
|
-
.
|
22204
|
+
.c4p--options-tile__summary--invalid {
|
22232
22205
|
color: var(--cds-support-01, #da1e28);
|
22233
22206
|
}
|
22234
22207
|
|
22235
|
-
.
|
22208
|
+
.c4p--options-tile__summary--warn {
|
22236
22209
|
color: var(--cds-text-01, #161616);
|
22237
22210
|
}
|
22238
22211
|
|
22239
|
-
.
|
22212
|
+
.c4p--options-tile__summary--warn svg {
|
22240
22213
|
color: var(--cds-support-03, #f1c21b);
|
22241
22214
|
}
|
22242
22215
|
|
22243
|
-
.
|
22216
|
+
.c4p--options-tile__summary--warn svg path[fill=none] {
|
22244
22217
|
fill: #000000;
|
22245
22218
|
}
|
22246
22219
|
|
22247
|
-
.
|
22220
|
+
.c4p--options-tile__summary-text {
|
22248
22221
|
overflow: hidden;
|
22249
22222
|
height: max-content;
|
22250
22223
|
text-overflow: ellipsis;
|
22251
22224
|
white-space: nowrap;
|
22252
22225
|
}
|
22253
22226
|
|
22254
|
-
.
|
22227
|
+
.c4p--options-tile__chevron {
|
22255
22228
|
justify-self: center;
|
22256
22229
|
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22257
22230
|
}
|
22258
22231
|
|
22259
|
-
.
|
22232
|
+
.c4p--options-tile__content {
|
22260
22233
|
padding-right: var(--cds-spacing-05, 1rem);
|
22261
22234
|
padding-left: calc(var(--cds-spacing-05, 1rem) * 2 + 1rem);
|
22262
22235
|
}
|
22263
22236
|
|
22264
|
-
.
|
22237
|
+
.c4p--options-tile__content > .bx--fieldset > .bx--label:empty {
|
22265
22238
|
display: none;
|
22266
22239
|
}
|
22267
22240
|
|
22268
|
-
.
|
22241
|
+
.c4p--options-tile--closing .c4p--options-tile__content {
|
22269
22242
|
overflow: hidden;
|
22270
22243
|
}
|
22271
22244
|
|
22272
|
-
.
|
22273
|
-
.
|
22245
|
+
.c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__summary,
|
22246
|
+
.c4p--options-tile__summary--hidden {
|
22274
22247
|
height: 0;
|
22275
22248
|
margin-top: 0;
|
22276
22249
|
opacity: 0;
|
22277
22250
|
}
|
22278
22251
|
|
22279
|
-
.
|
22252
|
+
.c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__chevron {
|
22280
22253
|
transform: rotate(180deg);
|
22281
22254
|
}
|
22282
22255
|
|
22283
|
-
.
|
22256
|
+
.c4p--options-tile > details[open] .c4p--options-tile__content {
|
22284
22257
|
padding-top: var(--cds-spacing-03, 0.5rem);
|
22285
22258
|
padding-bottom: var(--cds-spacing-06, 1.5rem);
|
22286
22259
|
}
|
22287
22260
|
|
22288
|
-
.
|
22261
|
+
.c4p--options-tile__locked-text {
|
22289
22262
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
22290
22263
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
22291
22264
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
@@ -22296,43 +22269,43 @@ a.bx--side-nav__link--current::before {
|
|
22296
22269
|
color: var(--cds-text-02, #525252);
|
22297
22270
|
}
|
22298
22271
|
|
22299
|
-
.
|
22272
|
+
.c4p--options-tile__locked-text > svg {
|
22300
22273
|
margin-right: var(--cds-spacing-02, 0.25rem);
|
22301
22274
|
}
|
22302
22275
|
|
22303
|
-
.
|
22304
|
-
.
|
22276
|
+
.c4p--options-tile--lg .c4p--options-tile__header,
|
22277
|
+
.c4p--options-tile--lg .c4p--options-tile__static-content {
|
22305
22278
|
height: 3rem;
|
22306
22279
|
}
|
22307
22280
|
|
22308
|
-
.
|
22309
|
-
.
|
22281
|
+
.c4p--options-tile--xl .c4p--options-tile__header,
|
22282
|
+
.c4p--options-tile--xl .c4p--options-tile__static-content {
|
22310
22283
|
height: 4rem;
|
22311
22284
|
}
|
22312
22285
|
|
22313
|
-
.
|
22286
|
+
.c4p--options-tile--lg .c4p--options-tile__toggle {
|
22314
22287
|
top: 1rem;
|
22315
22288
|
}
|
22316
22289
|
|
22317
|
-
.
|
22290
|
+
.c4p--options-tile--xl .c4p--options-tile__toggle {
|
22318
22291
|
top: 1.5rem;
|
22319
22292
|
}
|
22320
22293
|
|
22321
|
-
.
|
22294
|
+
.c4p--options-tile--lg .c4p--options-tile__summary {
|
22322
22295
|
margin-top: var(--cds-spacing-01, 0.125rem);
|
22323
22296
|
}
|
22324
22297
|
|
22325
|
-
.
|
22298
|
+
.c4p--options-tile--lg .c4p--options-tile__summary-text {
|
22326
22299
|
padding-right: calc(var(--cds-spacing-05, 1rem) + 1rem);
|
22327
22300
|
}
|
22328
22301
|
|
22329
|
-
.
|
22302
|
+
.c4p--options-tile--xl .c4p--options-tile__summary-text {
|
22330
22303
|
padding-right: calc(var(--cds-spacing-05, 1rem) + 2rem);
|
22331
22304
|
}
|
22332
22305
|
|
22333
22306
|
@media (prefers-reduced-motion: reduce) {
|
22334
|
-
.
|
22335
|
-
.
|
22307
|
+
.c4p--options-tile__summary,
|
22308
|
+
.c4p--options-tile__chevron {
|
22336
22309
|
transition: none;
|
22337
22310
|
}
|
22338
22311
|
}
|