@carbon/ibm-products 1.11.0 → 1.12.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +0 -3
- package/css/index-full-carbon.css +1543 -529
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +5 -5
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +12 -0
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -2
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +77 -187
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +4 -4
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +194 -187
- package/css/index.css.map +1 -1
- package/css/index.min.css +5 -5
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelect.js +63 -12
- package/es/components/AddSelect/AddSelectColumn.js +58 -22
- package/es/components/AddSelect/AddSelectList.js +38 -18
- package/es/components/AddSelect/AddSelectSidebar.js +2 -1
- package/es/components/ButtonMenu/ButtonMenu.js +11 -3
- package/es/components/CreateFullPage/CreateFullPageStep.js +4 -4
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +4 -4
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +107 -89
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +93 -20
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +50 -2
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +3 -1
- package/es/components/ImportModal/ImportModal.js +2 -2
- 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/AddSelect/AddSelect.js +63 -12
- package/lib/components/AddSelect/AddSelectColumn.js +57 -21
- package/lib/components/AddSelect/AddSelectList.js +39 -17
- package/lib/components/AddSelect/AddSelectSidebar.js +2 -1
- package/lib/components/ButtonMenu/ButtonMenu.js +11 -3
- package/lib/components/CreateFullPage/CreateFullPageStep.js +4 -4
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +4 -4
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +108 -91
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +94 -20
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +52 -7
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +3 -1
- package/lib/components/ImportModal/ImportModal.js +1 -1
- 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 +16 -16
- package/scss/components/AboutModal/_about-modal.scss +2 -2
- package/scss/components/ActionSet/_action-set.scss +3 -1
- package/scss/components/AddSelect/_add-select.scss +41 -2
- package/scss/components/CreateModal/_create-modal.scss +7 -5
- package/scss/components/CreateModal/_storybook-styles.scss +8 -7
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +21 -3
- package/scss/components/ExportModal/_export-modal.scss +3 -3
- package/scss/components/InlineEdit/_inline-edit.scss +3 -0
- package/scss/components/ModifiedTabs/_modified-tabs.scss +4 -9
- package/scss/components/NotificationsPanel/_notifications-panel.scss +9 -5
- package/scss/components/OptionsTile/_options-tile.scss +0 -1
- package/scss/components/RemoveModal/_remove-modal.scss +3 -3
- package/scss/components/TagSet/_tag-set.scss +2 -1
- package/scss/components/Tearsheet/_tearsheet.scss +4 -1
- package/scss/components/_index.scss +0 -1
- package/es/components/LoadingBar/LoadingBar.js +0 -156
- package/es/components/LoadingBar/index.js +0 -7
- package/lib/components/LoadingBar/LoadingBar.js +0 -170
- package/lib/components/LoadingBar/index.js +0 -13
- package/scss/components/LoadingBar/_index.scss +0 -8
- package/scss/components/LoadingBar/_loading-bar.scss +0 -224
- package/scss/components/LoadingBar/_storybook-styles.scss +0 -14
package/css/index.css
CHANGED
@@ -1237,6 +1237,11 @@ em {
|
|
1237
1237
|
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after {
|
1238
1238
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1239
1239
|
}
|
1240
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
1241
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after {
|
1242
|
+
transition: none;
|
1243
|
+
}
|
1244
|
+
}
|
1240
1245
|
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after {
|
1241
1246
|
transition: none;
|
1242
1247
|
}
|
@@ -1422,6 +1427,11 @@ em {
|
|
1422
1427
|
.bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after {
|
1423
1428
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1424
1429
|
}
|
1430
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
1431
|
+
.bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after {
|
1432
|
+
transition: none;
|
1433
|
+
}
|
1434
|
+
}
|
1425
1435
|
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after {
|
1426
1436
|
transition: none;
|
1427
1437
|
}
|
@@ -1688,6 +1698,11 @@ em {
|
|
1688
1698
|
.bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after {
|
1689
1699
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1690
1700
|
}
|
1701
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
1702
|
+
.bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after {
|
1703
|
+
transition: none;
|
1704
|
+
}
|
1705
|
+
}
|
1691
1706
|
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after {
|
1692
1707
|
transition: none;
|
1693
1708
|
}
|
@@ -1949,6 +1964,11 @@ em {
|
|
1949
1964
|
.bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after {
|
1950
1965
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1951
1966
|
}
|
1967
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
1968
|
+
.bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after {
|
1969
|
+
transition: none;
|
1970
|
+
}
|
1971
|
+
}
|
1952
1972
|
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after {
|
1953
1973
|
transition: none;
|
1954
1974
|
}
|
@@ -2213,6 +2233,11 @@ em {
|
|
2213
2233
|
.bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after {
|
2214
2234
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2215
2235
|
}
|
2236
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
2237
|
+
.bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after {
|
2238
|
+
transition: none;
|
2239
|
+
}
|
2240
|
+
}
|
2216
2241
|
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after {
|
2217
2242
|
transition: none;
|
2218
2243
|
}
|
@@ -2943,6 +2968,11 @@ em {
|
|
2943
2968
|
transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
|
2944
2969
|
visibility: inherit;
|
2945
2970
|
}
|
2971
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
2972
|
+
.bx--modal.is-visible {
|
2973
|
+
transition: none;
|
2974
|
+
}
|
2975
|
+
}
|
2946
2976
|
.bx--modal .bx--pagination,
|
2947
2977
|
.bx--modal .bx--pagination__control-buttons,
|
2948
2978
|
.bx--modal .bx--text-input,
|
@@ -3618,6 +3648,11 @@ fieldset[disabled] .bx--form__helper-text {
|
|
3618
3648
|
.bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after {
|
3619
3649
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3620
3650
|
}
|
3651
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
3652
|
+
.bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after {
|
3653
|
+
transition: none;
|
3654
|
+
}
|
3655
|
+
}
|
3621
3656
|
.bx--text-input--password__visibility.bx--tooltip--a11y::before, .bx--text-input--password__visibility.bx--tooltip--a11y::after {
|
3622
3657
|
transition: none;
|
3623
3658
|
}
|
@@ -4091,6 +4126,11 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4091
4126
|
animation-name: init-stroke;
|
4092
4127
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
4093
4128
|
}
|
4129
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
4130
|
+
.bx--loading svg circle {
|
4131
|
+
animation: none;
|
4132
|
+
}
|
4133
|
+
}
|
4094
4134
|
|
4095
4135
|
.bx--loading__svg {
|
4096
4136
|
fill: transparent;
|
@@ -4121,6 +4161,11 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4121
4161
|
animation-name: stroke-end;
|
4122
4162
|
animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
|
4123
4163
|
}
|
4164
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
4165
|
+
.bx--loading--stop svg circle {
|
4166
|
+
animation: none;
|
4167
|
+
}
|
4168
|
+
}
|
4124
4169
|
|
4125
4170
|
.bx--loading--small {
|
4126
4171
|
width: 1rem;
|
@@ -7432,6 +7477,11 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
7432
7477
|
content: "";
|
7433
7478
|
transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
|
7434
7479
|
}
|
7480
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
7481
|
+
.bx--overflow-menu-options::after {
|
7482
|
+
transition: none;
|
7483
|
+
}
|
7484
|
+
}
|
7435
7485
|
|
7436
7486
|
.bx--overflow-menu.bx--overflow-menu--open:hover {
|
7437
7487
|
background-color: var(--cds-field-01, #f4f4f4);
|
@@ -8136,6 +8186,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
8136
8186
|
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {
|
8137
8187
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
8138
8188
|
}
|
8189
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
8190
|
+
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {
|
8191
|
+
transition: none;
|
8192
|
+
}
|
8193
|
+
}
|
8139
8194
|
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after {
|
8140
8195
|
transition: none;
|
8141
8196
|
}
|
@@ -8390,6 +8445,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
8390
8445
|
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {
|
8391
8446
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
8392
8447
|
}
|
8448
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
8449
|
+
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {
|
8450
|
+
transition: none;
|
8451
|
+
}
|
8452
|
+
}
|
8393
8453
|
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after {
|
8394
8454
|
transition: none;
|
8395
8455
|
}
|
@@ -8668,6 +8728,13 @@ a.bx--overflow-menu-options__btn::before {
|
|
8668
8728
|
pointer-events: none;
|
8669
8729
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
8670
8730
|
}
|
8731
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
8732
|
+
.bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,
|
8733
|
+
.bx--tooltip--icon__bottom::before,
|
8734
|
+
.bx--tooltip--icon__bottom::after {
|
8735
|
+
transition: none;
|
8736
|
+
}
|
8737
|
+
}
|
8671
8738
|
.bx--tooltip--icon__top::before,
|
8672
8739
|
.bx--tooltip--icon__bottom::before {
|
8673
8740
|
right: 0;
|
@@ -8849,6 +8916,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
8849
8916
|
.bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {
|
8850
8917
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
8851
8918
|
}
|
8919
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
8920
|
+
.bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {
|
8921
|
+
transition: none;
|
8922
|
+
}
|
8923
|
+
}
|
8852
8924
|
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after {
|
8853
8925
|
transition: none;
|
8854
8926
|
}
|
@@ -9115,6 +9187,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
9115
9187
|
.bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {
|
9116
9188
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9117
9189
|
}
|
9190
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
9191
|
+
.bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {
|
9192
|
+
transition: none;
|
9193
|
+
}
|
9194
|
+
}
|
9118
9195
|
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after {
|
9119
9196
|
transition: none;
|
9120
9197
|
}
|
@@ -9376,6 +9453,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
9376
9453
|
.bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {
|
9377
9454
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9378
9455
|
}
|
9456
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
9457
|
+
.bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {
|
9458
|
+
transition: none;
|
9459
|
+
}
|
9460
|
+
}
|
9379
9461
|
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after {
|
9380
9462
|
transition: none;
|
9381
9463
|
}
|
@@ -9640,6 +9722,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
9640
9722
|
.bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {
|
9641
9723
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9642
9724
|
}
|
9725
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
9726
|
+
.bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {
|
9727
|
+
transition: none;
|
9728
|
+
}
|
9729
|
+
}
|
9643
9730
|
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after {
|
9644
9731
|
transition: none;
|
9645
9732
|
}
|
@@ -10262,6 +10349,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10262
10349
|
transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
10263
10350
|
will-change: box-shadow;
|
10264
10351
|
}
|
10352
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
10353
|
+
.bx--toggle__appearance::before {
|
10354
|
+
transition: none;
|
10355
|
+
}
|
10356
|
+
}
|
10265
10357
|
.bx--toggle__appearance::after {
|
10266
10358
|
position: absolute;
|
10267
10359
|
top: 0.1875rem;
|
@@ -10345,6 +10437,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10345
10437
|
cursor: not-allowed;
|
10346
10438
|
transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
10347
10439
|
}
|
10440
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
10441
|
+
.bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance::before, .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance::after {
|
10442
|
+
transition: none;
|
10443
|
+
}
|
10444
|
+
}
|
10348
10445
|
|
10349
10446
|
.bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--left,
|
10350
10447
|
.bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--right {
|
@@ -10441,6 +10538,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10441
10538
|
transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
10442
10539
|
will-change: box-shadow;
|
10443
10540
|
}
|
10541
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
10542
|
+
.bx--toggle__switch::before {
|
10543
|
+
transition: none;
|
10544
|
+
}
|
10545
|
+
}
|
10444
10546
|
.bx--toggle__switch::after {
|
10445
10547
|
position: absolute;
|
10446
10548
|
top: 0.1875rem;
|
@@ -10508,6 +10610,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10508
10610
|
cursor: not-allowed;
|
10509
10611
|
transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
10510
10612
|
}
|
10613
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
10614
|
+
.bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::before, .bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::after {
|
10615
|
+
transition: none;
|
10616
|
+
}
|
10617
|
+
}
|
10511
10618
|
|
10512
10619
|
.bx--toggle-input:disabled:active + .bx--toggle-input__label > .bx--toggle__switch::before {
|
10513
10620
|
box-shadow: none;
|
@@ -12428,6 +12535,11 @@ a.bx--side-nav__link--current::before {
|
|
12428
12535
|
align-items: flex-end;
|
12429
12536
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
12430
12537
|
}
|
12538
|
+
@media (prefers-reduced-motion: reduce) {
|
12539
|
+
.c4p--tearsheet.is-visible {
|
12540
|
+
transition: none;
|
12541
|
+
}
|
12542
|
+
}
|
12431
12543
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
12432
12544
|
z-index: 8999;
|
12433
12545
|
background-color: rgba(22, 22, 22, 0.33);
|
@@ -13852,188 +13964,6 @@ a.bx--side-nav__link--current::before {
|
|
13852
13964
|
background: var(--cds-ui-02, #ffffff);
|
13853
13965
|
}
|
13854
13966
|
|
13855
|
-
@keyframes progress-indeterminate {
|
13856
|
-
0% {
|
13857
|
-
right: auto;
|
13858
|
-
left: 0;
|
13859
|
-
width: 0%;
|
13860
|
-
}
|
13861
|
-
20% {
|
13862
|
-
right: auto;
|
13863
|
-
left: 0;
|
13864
|
-
width: 100%;
|
13865
|
-
}
|
13866
|
-
28% {
|
13867
|
-
right: 0;
|
13868
|
-
left: auto;
|
13869
|
-
width: 100%;
|
13870
|
-
}
|
13871
|
-
51% {
|
13872
|
-
right: 0;
|
13873
|
-
left: auto;
|
13874
|
-
width: 0%;
|
13875
|
-
}
|
13876
|
-
58% {
|
13877
|
-
right: 0;
|
13878
|
-
left: auto;
|
13879
|
-
width: 0%;
|
13880
|
-
}
|
13881
|
-
82% {
|
13882
|
-
right: 0;
|
13883
|
-
left: auto;
|
13884
|
-
width: 100%;
|
13885
|
-
}
|
13886
|
-
83% {
|
13887
|
-
right: auto;
|
13888
|
-
left: 0;
|
13889
|
-
width: 100%;
|
13890
|
-
}
|
13891
|
-
96% {
|
13892
|
-
right: auto;
|
13893
|
-
left: 0;
|
13894
|
-
width: 0%;
|
13895
|
-
}
|
13896
|
-
100% {
|
13897
|
-
right: auto;
|
13898
|
-
left: 0;
|
13899
|
-
width: 0%;
|
13900
|
-
}
|
13901
|
-
}
|
13902
|
-
@keyframes progress-linear {
|
13903
|
-
0% {
|
13904
|
-
right: auto;
|
13905
|
-
left: 0;
|
13906
|
-
width: 0%;
|
13907
|
-
}
|
13908
|
-
100% {
|
13909
|
-
right: auto;
|
13910
|
-
left: 0;
|
13911
|
-
width: 100%;
|
13912
|
-
}
|
13913
|
-
}
|
13914
|
-
@keyframes progress-stop {
|
13915
|
-
0% {
|
13916
|
-
right: auto;
|
13917
|
-
left: 0;
|
13918
|
-
width: 0%;
|
13919
|
-
}
|
13920
|
-
92% {
|
13921
|
-
right: auto;
|
13922
|
-
left: 0;
|
13923
|
-
width: 100%;
|
13924
|
-
}
|
13925
|
-
100% {
|
13926
|
-
right: auto;
|
13927
|
-
left: 0;
|
13928
|
-
width: 100%;
|
13929
|
-
}
|
13930
|
-
}
|
13931
|
-
@keyframes loading-bar-stop {
|
13932
|
-
0% {
|
13933
|
-
opacity: 1;
|
13934
|
-
}
|
13935
|
-
92% {
|
13936
|
-
opacity: 1;
|
13937
|
-
}
|
13938
|
-
100% {
|
13939
|
-
display: none;
|
13940
|
-
opacity: 0;
|
13941
|
-
}
|
13942
|
-
}
|
13943
|
-
.c4p--loading-bar .c4p--loading-bar__inner {
|
13944
|
-
position: relative;
|
13945
|
-
width: 100%;
|
13946
|
-
height: 8px;
|
13947
|
-
padding: 0;
|
13948
|
-
border: none;
|
13949
|
-
background-color: var(--cds-hover-ui, #e5e5e5);
|
13950
|
-
-webkit-box-shadow: none;
|
13951
|
-
box-shadow: none;
|
13952
|
-
pointer-events: none;
|
13953
|
-
}
|
13954
|
-
|
13955
|
-
.c4p--loading-bar .c4p--loading-bar__inner:hover,
|
13956
|
-
.c4p--loading-bar .c4p--loading-bar__inner:focus,
|
13957
|
-
.c4p--loading-bar .c4p--loading-bar__inner:active {
|
13958
|
-
border: none;
|
13959
|
-
cursor: default;
|
13960
|
-
outline: none;
|
13961
|
-
}
|
13962
|
-
|
13963
|
-
.c4p--loading-bar__preload {
|
13964
|
-
opacity: 0;
|
13965
|
-
}
|
13966
|
-
|
13967
|
-
.c4p--loading-bar__progress {
|
13968
|
-
position: relative;
|
13969
|
-
height: 8px;
|
13970
|
-
transition: width 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
|
13971
|
-
}
|
13972
|
-
|
13973
|
-
.c4p--loading-bar__indicator-wrapper {
|
13974
|
-
display: flex;
|
13975
|
-
justify-content: flex-end;
|
13976
|
-
}
|
13977
|
-
|
13978
|
-
.c4p--loading-bar__indicator {
|
13979
|
-
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
13980
|
-
font-weight: var(--cds-body-short-01-font-weight, 400);
|
13981
|
-
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
13982
|
-
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
13983
|
-
padding-top: var(--cds-spacing-05, 1rem);
|
13984
|
-
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
13985
|
-
color: var(--cds-text-01, #161616);
|
13986
|
-
}
|
13987
|
-
|
13988
|
-
.c4p--loading-bar__small {
|
13989
|
-
height: 4px;
|
13990
|
-
}
|
13991
|
-
|
13992
|
-
.c4p--loading-bar__small .c4p--loading-bar__progress {
|
13993
|
-
height: 4px;
|
13994
|
-
}
|
13995
|
-
|
13996
|
-
.c4p--loading-bar__linear-stop {
|
13997
|
-
display: none;
|
13998
|
-
}
|
13999
|
-
|
14000
|
-
.c4p--loading-bar__indefinite-stop {
|
14001
|
-
animation: 1800ms ease-in-out loading-bar-stop forwards;
|
14002
|
-
}
|
14003
|
-
|
14004
|
-
.c4p--loading-bar__stop-progress:before {
|
14005
|
-
position: absolute;
|
14006
|
-
top: 0;
|
14007
|
-
left: 0;
|
14008
|
-
width: 0%;
|
14009
|
-
height: 100%;
|
14010
|
-
animation: 1800ms ease-in-out progress-stop forwards;
|
14011
|
-
background-color: var(--cds-interactive-01, #0f62fe);
|
14012
|
-
content: "";
|
14013
|
-
}
|
14014
|
-
|
14015
|
-
.c4p--loading-bar__indefinite-progress:before {
|
14016
|
-
position: absolute;
|
14017
|
-
top: 0;
|
14018
|
-
left: 0;
|
14019
|
-
width: 0%;
|
14020
|
-
height: 100%;
|
14021
|
-
animation: 3000ms ease-in-out progress-indeterminate infinite;
|
14022
|
-
background-color: var(--cds-interactive-01, #0f62fe);
|
14023
|
-
content: "";
|
14024
|
-
}
|
14025
|
-
|
14026
|
-
.c4p--loading-bar__linear-progress:before {
|
14027
|
-
position: absolute;
|
14028
|
-
top: 0;
|
14029
|
-
left: 0;
|
14030
|
-
width: 0%;
|
14031
|
-
height: 100%;
|
14032
|
-
animation: 1000ms ease-in-out progress-linear forwards;
|
14033
|
-
background-color: var(--cds-interactive-01, #0f62fe);
|
14034
|
-
content: "";
|
14035
|
-
}
|
14036
|
-
|
14037
13967
|
.modified-tabs .modified-tabs__tab-label {
|
14038
13968
|
display: flex;
|
14039
13969
|
width: 100%;
|
@@ -14041,10 +13971,6 @@ a.bx--side-nav__link--current::before {
|
|
14041
13971
|
justify-content: space-between;
|
14042
13972
|
}
|
14043
13973
|
|
14044
|
-
.modified-tabs .bx--tabs__nav {
|
14045
|
-
/* overflow cannot be tweaked to fix tooltip */
|
14046
|
-
}
|
14047
|
-
|
14048
13974
|
.modified-tabs__tab-new,
|
14049
13975
|
.modified-tabs__tab {
|
14050
13976
|
position: relative;
|
@@ -14068,6 +13994,12 @@ a.bx--side-nav__link--current::before {
|
|
14068
13994
|
cursor: pointer;
|
14069
13995
|
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
14070
13996
|
}
|
13997
|
+
@media (prefers-reduced-motion: reduce) {
|
13998
|
+
.modified-tabs__tab-new-img,
|
13999
|
+
.modified-tabs__tab-close {
|
14000
|
+
transition: none;
|
14001
|
+
}
|
14002
|
+
}
|
14071
14003
|
|
14072
14004
|
.modified-tabs__tab-new-icon {
|
14073
14005
|
display: flex;
|
@@ -14348,6 +14280,33 @@ a.bx--side-nav__link--current::before {
|
|
14348
14280
|
display: block;
|
14349
14281
|
color: var(--cds-text-02, #525252);
|
14350
14282
|
}
|
14283
|
+
.c4p--add-select__selections-cell:hover .c4p--add-select__selections-dropdown {
|
14284
|
+
visibility: visible;
|
14285
|
+
}
|
14286
|
+
.c4p--add-select__selections-dropdown {
|
14287
|
+
visibility: hidden;
|
14288
|
+
}
|
14289
|
+
.c4p--add-select__selections-row-selected {
|
14290
|
+
background: #e5e5e5;
|
14291
|
+
}
|
14292
|
+
.c4p--add-select__selections-row-selected .c4p--add-select__selections-dropdown {
|
14293
|
+
visibility: visible;
|
14294
|
+
}
|
14295
|
+
.c4p--add-select__selections-checkbox {
|
14296
|
+
display: flex;
|
14297
|
+
align-items: center;
|
14298
|
+
}
|
14299
|
+
.c4p--add-select__selections-checkbox-label-text {
|
14300
|
+
display: flex;
|
14301
|
+
flex-direction: column;
|
14302
|
+
padding-left: var(--cds-spacing-05, 1rem);
|
14303
|
+
}
|
14304
|
+
.c4p--add-select__selections-checkbox-wrapper.bx--form-item {
|
14305
|
+
flex: 0;
|
14306
|
+
}
|
14307
|
+
.c4p--add-select__selections-checkbox-wrapper .bx--checkbox-label-text {
|
14308
|
+
display: none;
|
14309
|
+
}
|
14351
14310
|
|
14352
14311
|
.c4p--add-select__sidebar-header {
|
14353
14312
|
display: flex;
|
@@ -14448,6 +14407,10 @@ a.bx--side-nav__link--current::before {
|
|
14448
14407
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
14449
14408
|
}
|
14450
14409
|
|
14410
|
+
.c4p--add-select__tag-container .bx--tag {
|
14411
|
+
margin: 0;
|
14412
|
+
}
|
14413
|
+
|
14451
14414
|
.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
|
14452
14415
|
max-width: 29rem;
|
14453
14416
|
flex: 0 0 50%;
|
@@ -15088,6 +15051,12 @@ a.bx--side-nav__link--current::before {
|
|
15088
15051
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
|
15089
15052
|
transition: transform 240ms ease;
|
15090
15053
|
}
|
15054
|
+
@media (prefers-reduced-motion: reduce) {
|
15055
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .bx--btn__icon,
|
15056
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
|
15057
|
+
transition: none;
|
15058
|
+
}
|
15059
|
+
}
|
15091
15060
|
.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,
|
15092
15061
|
.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 {
|
15093
15062
|
transform: rotate(0deg);
|
@@ -15266,6 +15235,11 @@ a.bx--side-nav__link--current::before {
|
|
15266
15235
|
opacity: 0;
|
15267
15236
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15268
15237
|
}
|
15238
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
15239
|
+
.bx--breadcrumb-item .bx--overflow-menu::after {
|
15240
|
+
transition: none;
|
15241
|
+
}
|
15242
|
+
}
|
15269
15243
|
|
15270
15244
|
.bx--breadcrumb-item .bx--overflow-menu:hover::after {
|
15271
15245
|
opacity: 1;
|
@@ -15977,6 +15951,11 @@ a.bx--side-nav__link--current::before {
|
|
15977
15951
|
content: "";
|
15978
15952
|
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15979
15953
|
}
|
15954
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
15955
|
+
.bx--search-close::before {
|
15956
|
+
transition: none;
|
15957
|
+
}
|
15958
|
+
}
|
15980
15959
|
.bx--search-close:hover {
|
15981
15960
|
border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);
|
15982
15961
|
}
|
@@ -16292,6 +16271,7 @@ a.bx--side-nav__link--current::before {
|
|
16292
16271
|
|
16293
16272
|
.c4p--tag-set-overflow__tooltip.c4p--tag-set-overflow__tooltip {
|
16294
16273
|
min-width: initial;
|
16274
|
+
text-align: left;
|
16295
16275
|
}
|
16296
16276
|
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__show-all-tags-link {
|
16297
16277
|
display: inline-block;
|
@@ -19146,6 +19126,11 @@ a.bx--side-nav__link--current::before {
|
|
19146
19126
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
19147
19127
|
transition: width 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
19148
19128
|
}
|
19129
|
+
@media (prefers-reduced-motion: reduce) {
|
19130
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
19131
|
+
transition: none;
|
19132
|
+
}
|
19133
|
+
}
|
19149
19134
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
|
19150
19135
|
padding-right: 0;
|
19151
19136
|
padding-left: 0;
|
@@ -19224,6 +19209,10 @@ a.bx--side-nav__link--current::before {
|
|
19224
19209
|
}
|
19225
19210
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
19226
19211
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
19212
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
19213
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
19214
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
19215
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
19227
19216
|
padding: 0 var(--cds-spacing-03, 0.5rem);
|
19228
19217
|
border: 0;
|
19229
19218
|
margin: 0;
|
@@ -19263,10 +19252,15 @@ a.bx--side-nav__link--current::before {
|
|
19263
19252
|
text-align: left;
|
19264
19253
|
}
|
19265
19254
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor {
|
19255
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
19256
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
19257
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
19258
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
19266
19259
|
position: absolute;
|
19267
19260
|
z-index: 4;
|
19268
19261
|
display: none;
|
19269
|
-
|
19262
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19263
|
+
padding: 0 calc(var(--cds-spacing-03, 0.5rem) + 1px) 0 var(--cds-spacing-03, 0.5rem);
|
19270
19264
|
background-color: var(--cds-ui-background, #ffffff);
|
19271
19265
|
resize: none;
|
19272
19266
|
}
|
@@ -19275,10 +19269,23 @@ a.bx--side-nav__link--current::before {
|
|
19275
19269
|
min-height: initial;
|
19276
19270
|
}
|
19277
19271
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
|
19272
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
19273
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
19274
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
19275
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
19276
|
+
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
19277
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
19278
19278
|
position: absolute;
|
19279
19279
|
z-index: 3;
|
19280
19280
|
display: none;
|
19281
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19282
|
+
padding-right: calc(var(--cds-spacing-03, 0.5rem) - 1px);
|
19283
|
+
padding-bottom: var(--cds-spacing-01, 0.125rem);
|
19281
19284
|
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
19285
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19286
|
+
text-align: left;
|
19287
|
+
}
|
19288
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-row-index=header], .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-column-index=header] {
|
19282
19289
|
background-color: transparent;
|
19283
19290
|
}
|
19284
19291
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight:focus {
|