@carbon/ibm-products 1.5.0 → 1.6.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +206 -44
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-without-carbon-released-only.css +31 -27
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +3 -3
- package/css/index-without-carbon.css +193 -39
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index.css +195 -41
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/es/components/AddSelect/AddSelect.js +106 -65
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +56 -0
- package/es/components/AddSelect/AddSelectList.js +94 -0
- package/es/components/AddSelect/AddSelectSidebar.js +46 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +5 -2
- package/es/components/CancelableTextEdit/CancelableTextEdit.js +2 -2
- package/es/components/Card/Card.js +6 -4
- package/es/components/InlineEdit/InlineEdit.js +223 -74
- package/es/components/NotificationsPanel/NotificationsPanel.js +16 -3
- package/es/components/PageHeader/PageHeader.js +7 -4
- package/es/components/PageHeader/PageHeaderTitle.js +10 -6
- package/es/components/SidePanel/SidePanel.js +32 -15
- package/es/components/WebTerminal/WebTerminal.js +1 -1
- package/es/settings.js +0 -5
- package/lib/components/AddSelect/AddSelect.js +110 -65
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +71 -0
- package/lib/components/AddSelect/AddSelectList.js +112 -0
- package/lib/components/AddSelect/AddSelectSidebar.js +63 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +5 -2
- package/lib/components/CancelableTextEdit/CancelableTextEdit.js +1 -1
- package/lib/components/Card/Card.js +6 -4
- package/lib/components/InlineEdit/InlineEdit.js +219 -72
- package/lib/components/NotificationsPanel/NotificationsPanel.js +13 -1
- package/lib/components/PageHeader/PageHeader.js +7 -4
- package/lib/components/PageHeader/PageHeaderTitle.js +10 -6
- package/lib/components/SidePanel/SidePanel.js +32 -15
- package/lib/components/WebTerminal/WebTerminal.js +1 -1
- package/lib/settings.js +0 -6
- package/package.json +12 -12
- package/scss/components/AddSelect/_add-select.scss +24 -0
- package/scss/components/BreadcrumbWithOverflow/_index.scss +1 -1
- package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +1 -0
- package/scss/components/CreateInfluencer/_create-influencer.scss +4 -4
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +2 -2
- package/scss/components/InlineEdit/_inline-edit.scss +210 -9
- package/scss/components/InlineEdit/_storybook-styles.scss +13 -0
- package/scss/components/NotificationsPanel/_notifications-panel.scss +2 -2
- package/scss/components/PageHeader/_index.scss +1 -1
- package/scss/components/PageHeader/_page-header.scss +1 -1
- package/scss/components/ProductiveCard/_productive-card.scss +0 -4
- package/scss/components/SidePanel/_side-panel.scss +15 -6
- package/scss/components/StatusIcon/_index.scss +1 -1
- package/scss/components/TagSet/_index.scss +1 -1
- package/scss/components/UserProfileImage/_index.scss +1 -1
- package/scss/components/WebTerminal/_web-terminal.scss +2 -2
- package/scss/global/styles/_project-settings.scss +5 -1
- package/es/generated/feature-flags/feature-flags.js +0 -15
- package/lib/generated/feature-flags/feature-flags.js +0 -22
- package/scss/generated/feature-flags/_feature-flags.scss +0 -19
@@ -4066,7 +4066,7 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4066
4066
|
outline: 2px solid transparent;
|
4067
4067
|
outline-offset: -2px;
|
4068
4068
|
border-bottom: 1px solid transparent;
|
4069
|
-
background-color: var(--cds-field
|
4069
|
+
background-color: var(--cds-field, #f4f4f4);
|
4070
4070
|
color: var(--cds-text-disabled, #c6c6c6);
|
4071
4071
|
cursor: not-allowed;
|
4072
4072
|
-webkit-text-fill-color: var(--cds-disabled-02, #c6c6c6);
|
@@ -11581,7 +11581,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11581
11581
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11582
11582
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11583
11583
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
11584
|
-
@keyframes
|
11584
|
+
@keyframes influencer-menu-entrance {
|
11585
11585
|
0% {
|
11586
11586
|
opacity: 0;
|
11587
11587
|
transform: translateX(calc(-1 * var(--cds-spacing-05, 1rem)));
|
@@ -11591,7 +11591,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11591
11591
|
transform: translateX(0);
|
11592
11592
|
}
|
11593
11593
|
}
|
11594
|
-
@keyframes
|
11594
|
+
@keyframes influencer-menu-exit {
|
11595
11595
|
0% {
|
11596
11596
|
opacity: 1;
|
11597
11597
|
transform: translateX(0);
|
@@ -11626,14 +11626,14 @@ a.bx--overflow-menu-options__btn::before {
|
|
11626
11626
|
|
11627
11627
|
.c4p--create-influencer__side-nav-opening,
|
11628
11628
|
.c4p--create-influencer__progress-indicator-opening {
|
11629
|
-
animation:
|
11629
|
+
animation: influencer-menu-entrance 240ms 1;
|
11630
11630
|
animation-fill-mode: forwards;
|
11631
11631
|
transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
|
11632
11632
|
}
|
11633
11633
|
|
11634
11634
|
.c4p--create-influencer__side-nav-closing,
|
11635
11635
|
.c4p--create-influencer__progress-indicator-closing {
|
11636
|
-
animation:
|
11636
|
+
animation: influencer-menu-exit 240ms 1;
|
11637
11637
|
animation-fill-mode: forwards;
|
11638
11638
|
transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
|
11639
11639
|
}
|
@@ -12254,7 +12254,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12254
12254
|
stroke-dashoffset: 0;
|
12255
12255
|
}
|
12256
12256
|
}
|
12257
|
-
@keyframes
|
12257
|
+
@keyframes side-panel-exit-left {
|
12258
12258
|
0% {
|
12259
12259
|
opacity: 1;
|
12260
12260
|
transform: translateX(0);
|
@@ -12264,7 +12264,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12264
12264
|
transform: translateX(calc(-1 * 30rem));
|
12265
12265
|
}
|
12266
12266
|
}
|
12267
|
-
@keyframes
|
12267
|
+
@keyframes side-panel-exit-right {
|
12268
12268
|
0% {
|
12269
12269
|
opacity: 1;
|
12270
12270
|
transform: translateX(0);
|
@@ -12312,7 +12312,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12312
12312
|
right: 0;
|
12313
12313
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12314
12314
|
}
|
12315
|
-
@keyframes
|
12315
|
+
@keyframes side-panel-entrance-right {
|
12316
12316
|
0% {
|
12317
12317
|
opacity: 0;
|
12318
12318
|
transform: translateX(16rem);
|
@@ -12328,7 +12328,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12328
12328
|
left: 0;
|
12329
12329
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12330
12330
|
}
|
12331
|
-
@keyframes
|
12331
|
+
@keyframes side-panel-entrance-left {
|
12332
12332
|
0% {
|
12333
12333
|
opacity: 0;
|
12334
12334
|
transform: translateX(-16rem);
|
@@ -12355,7 +12355,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12355
12355
|
right: 0;
|
12356
12356
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12357
12357
|
}
|
12358
|
-
@keyframes
|
12358
|
+
@keyframes side-panel-entrance-right {
|
12359
12359
|
0% {
|
12360
12360
|
opacity: 0;
|
12361
12361
|
transform: translateX(20rem);
|
@@ -12371,7 +12371,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12371
12371
|
left: 0;
|
12372
12372
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12373
12373
|
}
|
12374
|
-
@keyframes
|
12374
|
+
@keyframes side-panel-entrance-left {
|
12375
12375
|
0% {
|
12376
12376
|
opacity: 0;
|
12377
12377
|
transform: translateX(-20rem);
|
@@ -12398,7 +12398,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12398
12398
|
right: 0;
|
12399
12399
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12400
12400
|
}
|
12401
|
-
@keyframes
|
12401
|
+
@keyframes side-panel-entrance-right {
|
12402
12402
|
0% {
|
12403
12403
|
opacity: 0;
|
12404
12404
|
transform: translateX(30rem);
|
@@ -12414,7 +12414,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12414
12414
|
left: 0;
|
12415
12415
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12416
12416
|
}
|
12417
|
-
@keyframes
|
12417
|
+
@keyframes side-panel-entrance-left {
|
12418
12418
|
0% {
|
12419
12419
|
opacity: 0;
|
12420
12420
|
transform: translateX(-30rem);
|
@@ -12441,7 +12441,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12441
12441
|
right: 0;
|
12442
12442
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12443
12443
|
}
|
12444
|
-
@keyframes
|
12444
|
+
@keyframes side-panel-entrance-right {
|
12445
12445
|
0% {
|
12446
12446
|
opacity: 0;
|
12447
12447
|
transform: translateX(40rem);
|
@@ -12457,7 +12457,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12457
12457
|
left: 0;
|
12458
12458
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12459
12459
|
}
|
12460
|
-
@keyframes
|
12460
|
+
@keyframes side-panel-entrance-left {
|
12461
12461
|
0% {
|
12462
12462
|
opacity: 0;
|
12463
12463
|
transform: translateX(-40rem);
|
@@ -12484,7 +12484,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12484
12484
|
right: 0;
|
12485
12485
|
border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12486
12486
|
}
|
12487
|
-
@keyframes
|
12487
|
+
@keyframes side-panel-entrance-right {
|
12488
12488
|
0% {
|
12489
12489
|
opacity: 0;
|
12490
12490
|
transform: translateX(75%);
|
@@ -12500,7 +12500,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12500
12500
|
left: 0;
|
12501
12501
|
border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12502
12502
|
}
|
12503
|
-
@keyframes
|
12503
|
+
@keyframes side-panel-entrance-left {
|
12504
12504
|
0% {
|
12505
12505
|
opacity: 0;
|
12506
12506
|
transform: translateX(-75%);
|
@@ -12544,6 +12544,15 @@ a.bx--overflow-menu-options__btn::before {
|
|
12544
12544
|
content: "";
|
12545
12545
|
opacity: var(--c4p--side-panel--divider-opacity);
|
12546
12546
|
}
|
12547
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion {
|
12548
|
+
z-index: 5;
|
12549
|
+
border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
|
12550
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
12551
|
+
}
|
12552
|
+
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion.c4p--side-panel__title-container--no-title-animation {
|
12553
|
+
border-bottom: 0;
|
12554
|
+
margin-bottom: 0;
|
12555
|
+
}
|
12547
12556
|
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__on-detail-step .c4p--side-panel__collapsed-title-text {
|
12548
12557
|
top: var(--cds-spacing-09, 3rem);
|
12549
12558
|
}
|
@@ -12774,7 +12783,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12774
12783
|
background-color: var(--cds-field-02, #ffffff);
|
12775
12784
|
}
|
12776
12785
|
|
12777
|
-
@keyframes
|
12786
|
+
@keyframes side-panel-overlay-entrance {
|
12778
12787
|
0% {
|
12779
12788
|
opacity: 0;
|
12780
12789
|
}
|
@@ -12782,7 +12791,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
12782
12791
|
opacity: 1;
|
12783
12792
|
}
|
12784
12793
|
}
|
12785
|
-
@keyframes
|
12794
|
+
@keyframes side-panel-overlay-exit {
|
12786
12795
|
0% {
|
12787
12796
|
opacity: 1;
|
12788
12797
|
}
|
@@ -14150,7 +14159,7 @@ a.bx--side-nav__link--current::before {
|
|
14150
14159
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14151
14160
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14152
14161
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
14153
|
-
@keyframes
|
14162
|
+
@keyframes step-content-entrance {
|
14154
14163
|
0% {
|
14155
14164
|
opacity: 0;
|
14156
14165
|
transform: translateY(-0.75rem);
|
@@ -14169,7 +14178,7 @@ a.bx--side-nav__link--current::before {
|
|
14169
14178
|
}
|
14170
14179
|
|
14171
14180
|
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
14172
|
-
animation: 400ms
|
14181
|
+
animation: 400ms step-content-entrance;
|
14173
14182
|
animation-fill-mode: forwards;
|
14174
14183
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
14175
14184
|
opacity: 0;
|
@@ -16624,6 +16633,14 @@ a.bx--side-nav__link--current::before {
|
|
16624
16633
|
.c4p--add-select__selections {
|
16625
16634
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
16626
16635
|
}
|
16636
|
+
.c4p--add-select__selections-wrapper {
|
16637
|
+
display: block;
|
16638
|
+
}
|
16639
|
+
.c4p--add-select__selections-cell-wrapper {
|
16640
|
+
display: flex;
|
16641
|
+
align-items: center;
|
16642
|
+
justify-content: space-between;
|
16643
|
+
}
|
16627
16644
|
|
16628
16645
|
.c4p--add-select__influencer-header {
|
16629
16646
|
display: flex;
|
@@ -16661,6 +16678,18 @@ a.bx--side-nav__link--current::before {
|
|
16661
16678
|
padding-right: 0;
|
16662
16679
|
}
|
16663
16680
|
|
16681
|
+
.c4p--add-select .bx--structured-list-td {
|
16682
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
16683
|
+
}
|
16684
|
+
|
16685
|
+
.c4p--add-select .bx--radio-button-wrapper .bx--radio-button__label {
|
16686
|
+
justify-content: left;
|
16687
|
+
}
|
16688
|
+
|
16689
|
+
.c4p--add-select .bx--breadcrumb .bx--link {
|
16690
|
+
cursor: pointer;
|
16691
|
+
}
|
16692
|
+
|
16664
16693
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16665
16694
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16666
16695
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -16824,7 +16853,7 @@ a.bx--side-nav__link--current::before {
|
|
16824
16853
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16825
16854
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16826
16855
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
16827
|
-
@keyframes
|
16856
|
+
@keyframes fade-in {
|
16828
16857
|
0% {
|
16829
16858
|
opacity: 0;
|
16830
16859
|
transform: translateY(-38.5rem);
|
@@ -16834,7 +16863,7 @@ a.bx--side-nav__link--current::before {
|
|
16834
16863
|
transform: translateY(0);
|
16835
16864
|
}
|
16836
16865
|
}
|
16837
|
-
@keyframes
|
16866
|
+
@keyframes fade-out {
|
16838
16867
|
0% {
|
16839
16868
|
opacity: 1;
|
16840
16869
|
transform: translateY(0);
|
@@ -16977,8 +17006,6 @@ a.bx--side-nav__link--current::before {
|
|
16977
17006
|
--cds-layer-selected-hover: #4c4c4c;
|
16978
17007
|
--cds-layer-selected-inverse: #f4f4f4;
|
16979
17008
|
--cds-border-subtle-selected: #525252;
|
16980
|
-
--cds-layer-disabled: #262626;
|
16981
|
-
--cds-field-disabled: #262626;
|
16982
17009
|
--cds-border-disabled: #262626;
|
16983
17010
|
--cds-text-disabled: #525252;
|
16984
17011
|
--cds-button-disabled: #525252;
|
@@ -18529,7 +18556,7 @@ a.bx--side-nav__link--current::before {
|
|
18529
18556
|
|
18530
18557
|
.bx--search-input[disabled] {
|
18531
18558
|
border-bottom: 1px solid transparent;
|
18532
|
-
background-color: var(--cds-field
|
18559
|
+
background-color: var(--cds-field, #f4f4f4);
|
18533
18560
|
color: var(--cds-disabled-02, #c6c6c6);
|
18534
18561
|
cursor: not-allowed;
|
18535
18562
|
}
|
@@ -19722,9 +19749,6 @@ a.bx--side-nav__link--current::before {
|
|
19722
19749
|
justify-content: space-between;
|
19723
19750
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
19724
19751
|
}
|
19725
|
-
.c4p--card__productive .c4p--card__footer .bx--btn svg {
|
19726
|
-
margin-left: var(--cds-spacing-03, 0.5rem);
|
19727
|
-
}
|
19728
19752
|
.c4p--card__productive .c4p--card__footer-no-button {
|
19729
19753
|
justify-content: flex-end;
|
19730
19754
|
}
|
@@ -21114,7 +21138,7 @@ a.bx--side-nav__link--current::before {
|
|
21114
21138
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21115
21139
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21116
21140
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
21117
|
-
@keyframes
|
21141
|
+
@keyframes web-terminal-entrance {
|
21118
21142
|
0% {
|
21119
21143
|
opacity: 0;
|
21120
21144
|
transform: translateX(36.5rem);
|
@@ -21124,7 +21148,7 @@ a.bx--side-nav__link--current::before {
|
|
21124
21148
|
transform: translateX(0);
|
21125
21149
|
}
|
21126
21150
|
}
|
21127
|
-
@keyframes
|
21151
|
+
@keyframes web-terminal-exit {
|
21128
21152
|
0% {
|
21129
21153
|
opacity: 1;
|
21130
21154
|
transform: translateX(0);
|
@@ -21272,8 +21296,6 @@ a.bx--side-nav__link--current::before {
|
|
21272
21296
|
--cds-layer-selected-hover: #656565;
|
21273
21297
|
--cds-layer-selected-inverse: #f4f4f4;
|
21274
21298
|
--cds-border-subtle-selected: #6f6f6f;
|
21275
|
-
--cds-layer-disabled: #393939;
|
21276
|
-
--cds-field-disabled: #393939;
|
21277
21299
|
--cds-border-disabled: #393939;
|
21278
21300
|
--cds-text-disabled: #6f6f6f;
|
21279
21301
|
--cds-button-disabled: #6f6f6f;
|
@@ -21718,8 +21740,6 @@ a.bx--side-nav__link--current::before {
|
|
21718
21740
|
--cds-layer-selected-hover: #4c4c4c;
|
21719
21741
|
--cds-layer-selected-inverse: #f4f4f4;
|
21720
21742
|
--cds-border-subtle-selected: #525252;
|
21721
|
-
--cds-layer-disabled: #262626;
|
21722
|
-
--cds-field-disabled: #262626;
|
21723
21743
|
--cds-border-disabled: #262626;
|
21724
21744
|
--cds-text-disabled: #525252;
|
21725
21745
|
--cds-button-disabled: #525252;
|
@@ -22673,6 +22693,7 @@ a.bx--side-nav__link--current::before {
|
|
22673
22693
|
.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__main {
|
22674
22694
|
position: relative;
|
22675
22695
|
display: inline-flex;
|
22696
|
+
width: 100%;
|
22676
22697
|
min-height: var(--size);
|
22677
22698
|
vertical-align: top;
|
22678
22699
|
}
|
@@ -22783,17 +22804,150 @@ a.bx--side-nav__link--current::before {
|
|
22783
22804
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22784
22805
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
22785
22806
|
.c4p--inline-edit {
|
22807
|
+
--c4p--inline-edit--size: var(--cds-spacing-08, 2.5rem);
|
22808
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22809
|
+
--c4p--inline-edit--background-color: var(--cds-ui-01, #f4f4f4);
|
22810
|
+
position: relative;
|
22786
22811
|
display: inline-flex;
|
22787
|
-
|
22812
|
+
max-width: 100%;
|
22813
|
+
height: var(--c4p--inline-edit--size);
|
22814
|
+
background-color: var(--c4p--inline-edit--background-color);
|
22815
|
+
cursor: text;
|
22816
|
+
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
22817
|
+
white-space: nowrap;
|
22788
22818
|
}
|
22789
|
-
|
22790
|
-
|
22819
|
+
.c4p--inline-edit.c4p--inline-edit--light {
|
22820
|
+
--c4p--inline-edit--background-color: transparent;
|
22821
|
+
}
|
22822
|
+
.c4p--inline-edit:hover {
|
22823
|
+
--c4p--inline-edit--background-color: var(--cds-hover-field, #e5e5e5);
|
22824
|
+
}
|
22825
|
+
.c4p--inline-edit.c4p--inline-edit--sm {
|
22826
|
+
--c4p--inline-edit--size: var(--cds-spacing-07, 2rem);
|
22827
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22828
|
+
}
|
22829
|
+
.c4p--inline-edit.c4p--inline-edit--lg {
|
22830
|
+
--c4p--inline-edit--size: var(--cds-spacing-09, 3rem);
|
22831
|
+
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
22832
|
+
}
|
22833
|
+
.c4p--inline-edit.c4p--inline-edit--editing {
|
22834
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
|
22835
|
+
outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
22836
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
22837
|
+
}
|
22838
|
+
@media screen and (prefers-contrast) {
|
22839
|
+
.c4p--inline-edit.c4p--inline-edit--editing {
|
22840
|
+
outline-style: dotted;
|
22841
|
+
}
|
22842
|
+
}
|
22843
|
+
.c4p--inline-edit .c4p--inline-edit--invalid {
|
22844
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
|
22845
|
+
outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
|
22846
|
+
}
|
22847
|
+
@media screen and (prefers-contrast) {
|
22848
|
+
.c4p--inline-edit .c4p--inline-edit--invalid {
|
22849
|
+
outline-style: dotted;
|
22850
|
+
}
|
22851
|
+
}
|
22852
|
+
.c4p--inline-edit .c4p--inline-edit__input {
|
22791
22853
|
display: flex;
|
22854
|
+
overflow: hidden;
|
22855
|
+
max-width: calc(100% - 2 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
|
22856
|
+
height: 100%;
|
22857
|
+
flex: 1 1 100%;
|
22792
22858
|
align-items: center;
|
22859
|
+
margin-right: calc(2 * var(--c4p--inline-edit--size));
|
22860
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
22793
22861
|
}
|
22794
|
-
|
22795
|
-
|
22796
|
-
|
22862
|
+
.c4p--inline-edit .c4p--inline-edit__input:focus {
|
22863
|
+
outline: none;
|
22864
|
+
}
|
22865
|
+
.c4p--inline-edit .c4p--inline-edit__placeholder {
|
22866
|
+
position: absolute;
|
22867
|
+
left: var(--cds-spacing-03, 0.5rem);
|
22868
|
+
}
|
22869
|
+
.c4p--inline-edit .c4p--inline-edit__controls {
|
22870
|
+
position: absolute;
|
22871
|
+
top: 0;
|
22872
|
+
right: 0;
|
22873
|
+
width: calc(2 * var(--c4p--inline-edit--size));
|
22874
|
+
height: 100%;
|
22875
|
+
cursor: text;
|
22876
|
+
}
|
22877
|
+
.c4p--inline-edit .c4p--inline-edit__controls--animation {
|
22878
|
+
clip-path: polygon(0 0, -100vw 0, -100vw -100vh, 100vw -100vh, 100vw 0, 100% 0, 100% 100%, 100vw 100%, 100vw 100vh, -100vw 100vh, -100vw 100%, 0 100%);
|
22879
|
+
}
|
22880
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__controls::after {
|
22881
|
+
position: absolute;
|
22882
|
+
top: 0;
|
22883
|
+
left: 0;
|
22884
|
+
display: block;
|
22885
|
+
width: 100%;
|
22886
|
+
height: 100%;
|
22887
|
+
box-sizing: border-box;
|
22888
|
+
border: 2px solid var(--cds-focus, #0f62fe);
|
22889
|
+
border-left: 0;
|
22890
|
+
content: "";
|
22891
|
+
pointer-events: none;
|
22892
|
+
}
|
22893
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
|
22894
|
+
width: var(--c4p--inline-edit--size);
|
22895
|
+
height: 100%;
|
22896
|
+
min-height: initial;
|
22897
|
+
max-height: var(--c4p--inline-edit--size);
|
22898
|
+
padding: calc(0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)));
|
22899
|
+
border: 2px solid transparent;
|
22900
|
+
}
|
22901
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
|
22902
|
+
outline: initial;
|
22903
|
+
}
|
22904
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus {
|
22905
|
+
border-color: var(--cds-focus, #0f62fe);
|
22906
|
+
box-shadow: initial;
|
22907
|
+
outline: initial;
|
22908
|
+
}
|
22909
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active:hover {
|
22910
|
+
box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
|
22911
|
+
}
|
22912
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save::before, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel::before {
|
22913
|
+
background-color: transparent;
|
22914
|
+
}
|
22915
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save[disabled], .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel[disabled] {
|
22916
|
+
border-color: transparent;
|
22917
|
+
}
|
22918
|
+
.c4p--inline-edit .c4p--inline-edit__controls .c4p--inline-edit__edit {
|
22919
|
+
margin-left: var(--c4p--inline-edit--size);
|
22920
|
+
}
|
22921
|
+
.c4p--inline-edit .c4p--inline-edit__controls--animation .c4p--inline-edit__cancel {
|
22922
|
+
margin-left: var(--c4p--inline-edit--size);
|
22923
|
+
transition: margin-left 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22924
|
+
}
|
22925
|
+
.c4p--inline-edit .c4p--inline-edit__controls--saveable .c4p--inline-edit__cancel {
|
22926
|
+
margin-left: 0;
|
22927
|
+
}
|
22928
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
|
22929
|
+
width: var(--c4p--inline-edit--size);
|
22930
|
+
height: 100%;
|
22931
|
+
min-height: initial;
|
22932
|
+
max-height: var(--c4p--inline-edit--size);
|
22933
|
+
padding: calc(0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)));
|
22934
|
+
border: 2px solid transparent;
|
22935
|
+
position: absolute;
|
22936
|
+
top: 0;
|
22937
|
+
right: 0;
|
22938
|
+
}
|
22939
|
+
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
|
22940
|
+
border-color: transparent;
|
22941
|
+
background-color: transparent;
|
22942
|
+
box-shadow: initial;
|
22943
|
+
outline: initial;
|
22944
|
+
}
|
22945
|
+
.c4p--inline-edit .c4p--inline-edit__edit--hover-visible {
|
22946
|
+
opacity: 0;
|
22947
|
+
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
22948
|
+
}
|
22949
|
+
.c4p--inline-edit:hover .c4p--inline-edit__edit--hover-visible {
|
22950
|
+
opacity: 1;
|
22797
22951
|
}
|
22798
22952
|
|
22799
22953
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -24071,6 +24225,10 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
24071
24225
|
}
|
24072
24226
|
}
|
24073
24227
|
|
24228
|
+
.bx--checkbox--inline {
|
24229
|
+
position: relative;
|
24230
|
+
}
|
24231
|
+
|
24074
24232
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
24075
24233
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
24076
24234
|
/* stylelint-disable-line no-invalid-position-at-import-rule */
|
@@ -25235,11 +25393,14 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
25235
25393
|
|
25236
25394
|
.bx--toolbar-search-container-expandable .bx--search-input {
|
25237
25395
|
height: 100%;
|
25238
|
-
padding: 0;
|
25239
25396
|
cursor: pointer;
|
25240
25397
|
opacity: 0;
|
25241
25398
|
}
|
25242
25399
|
|
25400
|
+
.bx--toolbar-search-container-expandable:not(.bx--toolbar-search-container-active) .bx--search-input {
|
25401
|
+
padding: 0;
|
25402
|
+
}
|
25403
|
+
|
25243
25404
|
.bx--toolbar-search-container-expandable .bx--search-magnifier-icon {
|
25244
25405
|
left: 0;
|
25245
25406
|
width: var(--cds-spacing-09, 3rem);
|
@@ -25249,7 +25410,7 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
25249
25410
|
}
|
25250
25411
|
|
25251
25412
|
.bx--toolbar-search-container-expandable.bx--search--disabled .bx--search-magnifier-icon {
|
25252
|
-
background-color: var(--cds-layer
|
25413
|
+
background-color: var(--cds-layer, #f4f4f4);
|
25253
25414
|
cursor: not-allowed;
|
25254
25415
|
transition: background-color none;
|
25255
25416
|
}
|
@@ -27385,6 +27546,7 @@ th .bx--table-sort__flex {
|
|
27385
27546
|
cursor: pointer;
|
27386
27547
|
transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
27387
27548
|
fill: var(--cds-icon-01, #161616);
|
27549
|
+
user-select: none;
|
27388
27550
|
}
|
27389
27551
|
.flatpickr-prev-month:hover,
|
27390
27552
|
.flatpickr-next-month:hover {
|
@@ -27811,7 +27973,7 @@ th .bx--table-sort__flex {
|
|
27811
27973
|
}
|
27812
27974
|
.bx--date-picker__input:disabled {
|
27813
27975
|
border-bottom: 1px solid transparent;
|
27814
|
-
background-color: var(--cds-field
|
27976
|
+
background-color: var(--cds-field, #f4f4f4);
|
27815
27977
|
color: var(--cds-text-disabled, #c6c6c6);
|
27816
27978
|
cursor: not-allowed;
|
27817
27979
|
}
|