@carbon/ibm-products 1.11.0 → 1.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +173 -188
- 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 +11 -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 +26 -182
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +143 -182
- package/css/index.css.map +1 -1
- package/css/index.min.css +4 -4
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelectColumn.js +58 -21
- package/es/components/AddSelect/AddSelectList.js +5 -5
- package/es/components/AddSelect/AddSelectSidebar.js +2 -1
- package/es/components/ButtonMenu/ButtonMenu.js +11 -3
- package/es/components/index.js +0 -1
- package/es/global/js/package-settings.js +1 -2
- package/lib/components/AddSelect/AddSelectColumn.js +57 -20
- package/lib/components/AddSelect/AddSelectList.js +5 -5
- package/lib/components/AddSelect/AddSelectSidebar.js +2 -1
- package/lib/components/ButtonMenu/ButtonMenu.js +11 -3
- package/lib/components/index.js +0 -8
- package/lib/global/js/package-settings.js +1 -2
- package/package.json +13 -13
- package/scss/components/AddSelect/_add-select.scss +4 -0
- package/scss/components/InlineEdit/_inline-edit.scss +4 -0
- package/scss/components/ModifiedTabs/_modified-tabs.scss +5 -0
- package/scss/components/NotificationsPanel/_notifications-panel.scss +7 -3
- package/scss/components/Tearsheet/_tearsheet.scss +4 -0
- 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
@@ -1238,6 +1238,11 @@ em {
|
|
1238
1238
|
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after {
|
1239
1239
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1240
1240
|
}
|
1241
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
1242
|
+
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after {
|
1243
|
+
transition: none;
|
1244
|
+
}
|
1245
|
+
}
|
1241
1246
|
.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 {
|
1242
1247
|
transition: none;
|
1243
1248
|
}
|
@@ -1423,6 +1428,11 @@ em {
|
|
1423
1428
|
.bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after {
|
1424
1429
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1425
1430
|
}
|
1431
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
1432
|
+
.bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after {
|
1433
|
+
transition: none;
|
1434
|
+
}
|
1435
|
+
}
|
1426
1436
|
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after {
|
1427
1437
|
transition: none;
|
1428
1438
|
}
|
@@ -1689,6 +1699,11 @@ em {
|
|
1689
1699
|
.bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after {
|
1690
1700
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1691
1701
|
}
|
1702
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
1703
|
+
.bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after {
|
1704
|
+
transition: none;
|
1705
|
+
}
|
1706
|
+
}
|
1692
1707
|
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after {
|
1693
1708
|
transition: none;
|
1694
1709
|
}
|
@@ -1950,6 +1965,11 @@ em {
|
|
1950
1965
|
.bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after {
|
1951
1966
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1952
1967
|
}
|
1968
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
1969
|
+
.bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after {
|
1970
|
+
transition: none;
|
1971
|
+
}
|
1972
|
+
}
|
1953
1973
|
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after {
|
1954
1974
|
transition: none;
|
1955
1975
|
}
|
@@ -2214,6 +2234,11 @@ em {
|
|
2214
2234
|
.bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after {
|
2215
2235
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2216
2236
|
}
|
2237
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
2238
|
+
.bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after {
|
2239
|
+
transition: none;
|
2240
|
+
}
|
2241
|
+
}
|
2217
2242
|
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after {
|
2218
2243
|
transition: none;
|
2219
2244
|
}
|
@@ -2944,6 +2969,11 @@ em {
|
|
2944
2969
|
transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
|
2945
2970
|
visibility: inherit;
|
2946
2971
|
}
|
2972
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
2973
|
+
.bx--modal.is-visible {
|
2974
|
+
transition: none;
|
2975
|
+
}
|
2976
|
+
}
|
2947
2977
|
.bx--modal .bx--pagination,
|
2948
2978
|
.bx--modal .bx--pagination__control-buttons,
|
2949
2979
|
.bx--modal .bx--text-input,
|
@@ -3619,6 +3649,11 @@ fieldset[disabled] .bx--form__helper-text {
|
|
3619
3649
|
.bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after {
|
3620
3650
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3621
3651
|
}
|
3652
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
3653
|
+
.bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after {
|
3654
|
+
transition: none;
|
3655
|
+
}
|
3656
|
+
}
|
3622
3657
|
.bx--text-input--password__visibility.bx--tooltip--a11y::before, .bx--text-input--password__visibility.bx--tooltip--a11y::after {
|
3623
3658
|
transition: none;
|
3624
3659
|
}
|
@@ -4092,6 +4127,11 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4092
4127
|
animation-name: init-stroke;
|
4093
4128
|
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
4094
4129
|
}
|
4130
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
4131
|
+
.bx--loading svg circle {
|
4132
|
+
animation: none;
|
4133
|
+
}
|
4134
|
+
}
|
4095
4135
|
|
4096
4136
|
.bx--loading__svg {
|
4097
4137
|
fill: transparent;
|
@@ -4122,6 +4162,11 @@ fieldset[disabled] .bx--form__helper-text {
|
|
4122
4162
|
animation-name: stroke-end;
|
4123
4163
|
animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
|
4124
4164
|
}
|
4165
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
4166
|
+
.bx--loading--stop svg circle {
|
4167
|
+
animation: none;
|
4168
|
+
}
|
4169
|
+
}
|
4125
4170
|
|
4126
4171
|
.bx--loading--small {
|
4127
4172
|
width: 1rem;
|
@@ -7433,6 +7478,11 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
7433
7478
|
content: "";
|
7434
7479
|
transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
|
7435
7480
|
}
|
7481
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
7482
|
+
.bx--overflow-menu-options::after {
|
7483
|
+
transition: none;
|
7484
|
+
}
|
7485
|
+
}
|
7436
7486
|
|
7437
7487
|
.bx--overflow-menu.bx--overflow-menu--open:hover {
|
7438
7488
|
background-color: var(--cds-field-01, #f4f4f4);
|
@@ -8137,6 +8187,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
8137
8187
|
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {
|
8138
8188
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
8139
8189
|
}
|
8190
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
8191
|
+
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {
|
8192
|
+
transition: none;
|
8193
|
+
}
|
8194
|
+
}
|
8140
8195
|
.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 {
|
8141
8196
|
transition: none;
|
8142
8197
|
}
|
@@ -8391,6 +8446,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
8391
8446
|
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {
|
8392
8447
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
8393
8448
|
}
|
8449
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
8450
|
+
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {
|
8451
|
+
transition: none;
|
8452
|
+
}
|
8453
|
+
}
|
8394
8454
|
.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 {
|
8395
8455
|
transition: none;
|
8396
8456
|
}
|
@@ -8669,6 +8729,13 @@ a.bx--overflow-menu-options__btn::before {
|
|
8669
8729
|
pointer-events: none;
|
8670
8730
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
8671
8731
|
}
|
8732
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
8733
|
+
.bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,
|
8734
|
+
.bx--tooltip--icon__bottom::before,
|
8735
|
+
.bx--tooltip--icon__bottom::after {
|
8736
|
+
transition: none;
|
8737
|
+
}
|
8738
|
+
}
|
8672
8739
|
.bx--tooltip--icon__top::before,
|
8673
8740
|
.bx--tooltip--icon__bottom::before {
|
8674
8741
|
right: 0;
|
@@ -8850,6 +8917,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
8850
8917
|
.bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {
|
8851
8918
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
8852
8919
|
}
|
8920
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
8921
|
+
.bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {
|
8922
|
+
transition: none;
|
8923
|
+
}
|
8924
|
+
}
|
8853
8925
|
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after {
|
8854
8926
|
transition: none;
|
8855
8927
|
}
|
@@ -9116,6 +9188,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
9116
9188
|
.bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {
|
9117
9189
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9118
9190
|
}
|
9191
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
9192
|
+
.bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {
|
9193
|
+
transition: none;
|
9194
|
+
}
|
9195
|
+
}
|
9119
9196
|
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after {
|
9120
9197
|
transition: none;
|
9121
9198
|
}
|
@@ -9377,6 +9454,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
9377
9454
|
.bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {
|
9378
9455
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9379
9456
|
}
|
9457
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
9458
|
+
.bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {
|
9459
|
+
transition: none;
|
9460
|
+
}
|
9461
|
+
}
|
9380
9462
|
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after {
|
9381
9463
|
transition: none;
|
9382
9464
|
}
|
@@ -9641,6 +9723,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
9641
9723
|
.bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {
|
9642
9724
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9643
9725
|
}
|
9726
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
9727
|
+
.bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {
|
9728
|
+
transition: none;
|
9729
|
+
}
|
9730
|
+
}
|
9644
9731
|
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after {
|
9645
9732
|
transition: none;
|
9646
9733
|
}
|
@@ -10263,6 +10350,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10263
10350
|
transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
10264
10351
|
will-change: box-shadow;
|
10265
10352
|
}
|
10353
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
10354
|
+
.bx--toggle__appearance::before {
|
10355
|
+
transition: none;
|
10356
|
+
}
|
10357
|
+
}
|
10266
10358
|
.bx--toggle__appearance::after {
|
10267
10359
|
position: absolute;
|
10268
10360
|
top: 0.1875rem;
|
@@ -10346,6 +10438,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10346
10438
|
cursor: not-allowed;
|
10347
10439
|
transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
10348
10440
|
}
|
10441
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
10442
|
+
.bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance::before, .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance::after {
|
10443
|
+
transition: none;
|
10444
|
+
}
|
10445
|
+
}
|
10349
10446
|
|
10350
10447
|
.bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--left,
|
10351
10448
|
.bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--right {
|
@@ -10442,6 +10539,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10442
10539
|
transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
10443
10540
|
will-change: box-shadow;
|
10444
10541
|
}
|
10542
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
10543
|
+
.bx--toggle__switch::before {
|
10544
|
+
transition: none;
|
10545
|
+
}
|
10546
|
+
}
|
10445
10547
|
.bx--toggle__switch::after {
|
10446
10548
|
position: absolute;
|
10447
10549
|
top: 0.1875rem;
|
@@ -10509,6 +10611,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10509
10611
|
cursor: not-allowed;
|
10510
10612
|
transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
10511
10613
|
}
|
10614
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
10615
|
+
.bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::before, .bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::after {
|
10616
|
+
transition: none;
|
10617
|
+
}
|
10618
|
+
}
|
10512
10619
|
|
10513
10620
|
.bx--toggle-input:disabled:active + .bx--toggle-input__label > .bx--toggle__switch::before {
|
10514
10621
|
box-shadow: none;
|
@@ -12429,6 +12536,11 @@ a.bx--side-nav__link--current::before {
|
|
12429
12536
|
align-items: flex-end;
|
12430
12537
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
12431
12538
|
}
|
12539
|
+
@media (prefers-reduced-motion: reduce) {
|
12540
|
+
.c4p--tearsheet.is-visible {
|
12541
|
+
transition: none;
|
12542
|
+
}
|
12543
|
+
}
|
12432
12544
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
12433
12545
|
z-index: 8999;
|
12434
12546
|
background-color: rgba(22, 22, 22, 0.33);
|
@@ -13853,188 +13965,6 @@ a.bx--side-nav__link--current::before {
|
|
13853
13965
|
background: var(--cds-ui-02, #ffffff);
|
13854
13966
|
}
|
13855
13967
|
|
13856
|
-
@keyframes progress-indeterminate {
|
13857
|
-
0% {
|
13858
|
-
right: auto;
|
13859
|
-
left: 0;
|
13860
|
-
width: 0%;
|
13861
|
-
}
|
13862
|
-
20% {
|
13863
|
-
right: auto;
|
13864
|
-
left: 0;
|
13865
|
-
width: 100%;
|
13866
|
-
}
|
13867
|
-
28% {
|
13868
|
-
right: 0;
|
13869
|
-
left: auto;
|
13870
|
-
width: 100%;
|
13871
|
-
}
|
13872
|
-
51% {
|
13873
|
-
right: 0;
|
13874
|
-
left: auto;
|
13875
|
-
width: 0%;
|
13876
|
-
}
|
13877
|
-
58% {
|
13878
|
-
right: 0;
|
13879
|
-
left: auto;
|
13880
|
-
width: 0%;
|
13881
|
-
}
|
13882
|
-
82% {
|
13883
|
-
right: 0;
|
13884
|
-
left: auto;
|
13885
|
-
width: 100%;
|
13886
|
-
}
|
13887
|
-
83% {
|
13888
|
-
right: auto;
|
13889
|
-
left: 0;
|
13890
|
-
width: 100%;
|
13891
|
-
}
|
13892
|
-
96% {
|
13893
|
-
right: auto;
|
13894
|
-
left: 0;
|
13895
|
-
width: 0%;
|
13896
|
-
}
|
13897
|
-
100% {
|
13898
|
-
right: auto;
|
13899
|
-
left: 0;
|
13900
|
-
width: 0%;
|
13901
|
-
}
|
13902
|
-
}
|
13903
|
-
@keyframes progress-linear {
|
13904
|
-
0% {
|
13905
|
-
right: auto;
|
13906
|
-
left: 0;
|
13907
|
-
width: 0%;
|
13908
|
-
}
|
13909
|
-
100% {
|
13910
|
-
right: auto;
|
13911
|
-
left: 0;
|
13912
|
-
width: 100%;
|
13913
|
-
}
|
13914
|
-
}
|
13915
|
-
@keyframes progress-stop {
|
13916
|
-
0% {
|
13917
|
-
right: auto;
|
13918
|
-
left: 0;
|
13919
|
-
width: 0%;
|
13920
|
-
}
|
13921
|
-
92% {
|
13922
|
-
right: auto;
|
13923
|
-
left: 0;
|
13924
|
-
width: 100%;
|
13925
|
-
}
|
13926
|
-
100% {
|
13927
|
-
right: auto;
|
13928
|
-
left: 0;
|
13929
|
-
width: 100%;
|
13930
|
-
}
|
13931
|
-
}
|
13932
|
-
@keyframes loading-bar-stop {
|
13933
|
-
0% {
|
13934
|
-
opacity: 1;
|
13935
|
-
}
|
13936
|
-
92% {
|
13937
|
-
opacity: 1;
|
13938
|
-
}
|
13939
|
-
100% {
|
13940
|
-
display: none;
|
13941
|
-
opacity: 0;
|
13942
|
-
}
|
13943
|
-
}
|
13944
|
-
.c4p--loading-bar .c4p--loading-bar__inner {
|
13945
|
-
position: relative;
|
13946
|
-
width: 100%;
|
13947
|
-
height: 8px;
|
13948
|
-
padding: 0;
|
13949
|
-
border: none;
|
13950
|
-
background-color: var(--cds-hover-ui, #e5e5e5);
|
13951
|
-
-webkit-box-shadow: none;
|
13952
|
-
box-shadow: none;
|
13953
|
-
pointer-events: none;
|
13954
|
-
}
|
13955
|
-
|
13956
|
-
.c4p--loading-bar .c4p--loading-bar__inner:hover,
|
13957
|
-
.c4p--loading-bar .c4p--loading-bar__inner:focus,
|
13958
|
-
.c4p--loading-bar .c4p--loading-bar__inner:active {
|
13959
|
-
border: none;
|
13960
|
-
cursor: default;
|
13961
|
-
outline: none;
|
13962
|
-
}
|
13963
|
-
|
13964
|
-
.c4p--loading-bar__preload {
|
13965
|
-
opacity: 0;
|
13966
|
-
}
|
13967
|
-
|
13968
|
-
.c4p--loading-bar__progress {
|
13969
|
-
position: relative;
|
13970
|
-
height: 8px;
|
13971
|
-
transition: width 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
|
13972
|
-
}
|
13973
|
-
|
13974
|
-
.c4p--loading-bar__indicator-wrapper {
|
13975
|
-
display: flex;
|
13976
|
-
justify-content: flex-end;
|
13977
|
-
}
|
13978
|
-
|
13979
|
-
.c4p--loading-bar__indicator {
|
13980
|
-
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
13981
|
-
font-weight: var(--cds-body-short-01-font-weight, 400);
|
13982
|
-
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
13983
|
-
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
13984
|
-
padding-top: var(--cds-spacing-05, 1rem);
|
13985
|
-
padding-bottom: var(--cds-spacing-03, 0.5rem);
|
13986
|
-
color: var(--cds-text-01, #161616);
|
13987
|
-
}
|
13988
|
-
|
13989
|
-
.c4p--loading-bar__small {
|
13990
|
-
height: 4px;
|
13991
|
-
}
|
13992
|
-
|
13993
|
-
.c4p--loading-bar__small .c4p--loading-bar__progress {
|
13994
|
-
height: 4px;
|
13995
|
-
}
|
13996
|
-
|
13997
|
-
.c4p--loading-bar__linear-stop {
|
13998
|
-
display: none;
|
13999
|
-
}
|
14000
|
-
|
14001
|
-
.c4p--loading-bar__indefinite-stop {
|
14002
|
-
animation: 1800ms ease-in-out loading-bar-stop forwards;
|
14003
|
-
}
|
14004
|
-
|
14005
|
-
.c4p--loading-bar__stop-progress:before {
|
14006
|
-
position: absolute;
|
14007
|
-
top: 0;
|
14008
|
-
left: 0;
|
14009
|
-
width: 0%;
|
14010
|
-
height: 100%;
|
14011
|
-
animation: 1800ms ease-in-out progress-stop forwards;
|
14012
|
-
background-color: var(--cds-interactive-01, #0f62fe);
|
14013
|
-
content: "";
|
14014
|
-
}
|
14015
|
-
|
14016
|
-
.c4p--loading-bar__indefinite-progress:before {
|
14017
|
-
position: absolute;
|
14018
|
-
top: 0;
|
14019
|
-
left: 0;
|
14020
|
-
width: 0%;
|
14021
|
-
height: 100%;
|
14022
|
-
animation: 3000ms ease-in-out progress-indeterminate infinite;
|
14023
|
-
background-color: var(--cds-interactive-01, #0f62fe);
|
14024
|
-
content: "";
|
14025
|
-
}
|
14026
|
-
|
14027
|
-
.c4p--loading-bar__linear-progress:before {
|
14028
|
-
position: absolute;
|
14029
|
-
top: 0;
|
14030
|
-
left: 0;
|
14031
|
-
width: 0%;
|
14032
|
-
height: 100%;
|
14033
|
-
animation: 1000ms ease-in-out progress-linear forwards;
|
14034
|
-
background-color: var(--cds-interactive-01, #0f62fe);
|
14035
|
-
content: "";
|
14036
|
-
}
|
14037
|
-
|
14038
13968
|
.modified-tabs .modified-tabs__tab-label {
|
14039
13969
|
display: flex;
|
14040
13970
|
width: 100%;
|
@@ -14069,6 +13999,12 @@ a.bx--side-nav__link--current::before {
|
|
14069
13999
|
cursor: pointer;
|
14070
14000
|
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
14071
14001
|
}
|
14002
|
+
@media (prefers-reduced-motion: reduce) {
|
14003
|
+
.modified-tabs__tab-new-img,
|
14004
|
+
.modified-tabs__tab-close {
|
14005
|
+
transition: none;
|
14006
|
+
}
|
14007
|
+
}
|
14072
14008
|
|
14073
14009
|
.modified-tabs__tab-new-icon {
|
14074
14010
|
display: flex;
|
@@ -14449,6 +14385,10 @@ a.bx--side-nav__link--current::before {
|
|
14449
14385
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
14450
14386
|
}
|
14451
14387
|
|
14388
|
+
.c4p--add-select__tag-container .bx--tag {
|
14389
|
+
margin: 0;
|
14390
|
+
}
|
14391
|
+
|
14452
14392
|
.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
|
14453
14393
|
max-width: 29rem;
|
14454
14394
|
flex: 0 0 50%;
|
@@ -15089,6 +15029,12 @@ a.bx--side-nav__link--current::before {
|
|
15089
15029
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
|
15090
15030
|
transition: transform 240ms ease;
|
15091
15031
|
}
|
15032
|
+
@media (prefers-reduced-motion: reduce) {
|
15033
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .bx--btn__icon,
|
15034
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
|
15035
|
+
transition: none;
|
15036
|
+
}
|
15037
|
+
}
|
15092
15038
|
.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,
|
15093
15039
|
.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 {
|
15094
15040
|
transform: rotate(0deg);
|
@@ -15267,6 +15213,11 @@ a.bx--side-nav__link--current::before {
|
|
15267
15213
|
opacity: 0;
|
15268
15214
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15269
15215
|
}
|
15216
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
15217
|
+
.bx--breadcrumb-item .bx--overflow-menu::after {
|
15218
|
+
transition: none;
|
15219
|
+
}
|
15220
|
+
}
|
15270
15221
|
|
15271
15222
|
.bx--breadcrumb-item .bx--overflow-menu:hover::after {
|
15272
15223
|
opacity: 1;
|
@@ -15978,6 +15929,11 @@ a.bx--side-nav__link--current::before {
|
|
15978
15929
|
content: "";
|
15979
15930
|
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15980
15931
|
}
|
15932
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
15933
|
+
.bx--search-close::before {
|
15934
|
+
transition: none;
|
15935
|
+
}
|
15936
|
+
}
|
15981
15937
|
.bx--search-close:hover {
|
15982
15938
|
border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);
|
15983
15939
|
}
|
@@ -19147,6 +19103,11 @@ a.bx--side-nav__link--current::before {
|
|
19147
19103
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
19148
19104
|
transition: width 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
19149
19105
|
}
|
19106
|
+
@media (prefers-reduced-motion: reduce) {
|
19107
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
19108
|
+
transition: none;
|
19109
|
+
}
|
19110
|
+
}
|
19150
19111
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
|
19151
19112
|
padding-right: 0;
|
19152
19113
|
padding-left: 0;
|
@@ -22015,13 +21976,11 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
22015
21976
|
color: var(--cds-text-primary, #161616);
|
22016
21977
|
}
|
22017
21978
|
|
22018
|
-
.bx--data-table
|
22019
|
-
.bx--data-table tbody tr:hover th .bx--link {
|
21979
|
+
.bx--data-table tr:hover .bx--link {
|
22020
21980
|
color: var(--cds-link-secondary, #0043ce);
|
22021
21981
|
}
|
22022
21982
|
|
22023
|
-
.bx--data-table
|
22024
|
-
.bx--data-table tbody tr:hover th .bx--link--disabled {
|
21983
|
+
.bx--data-table tr:hover .bx--link--disabled {
|
22025
21984
|
color: var(--cds-disabled-02, #c6c6c6);
|
22026
21985
|
}
|
22027
21986
|
|
@@ -22130,7 +22089,7 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
22130
22089
|
background-color: var(--cds-layer-hover, #e5e5e5);
|
22131
22090
|
}
|
22132
22091
|
|
22133
|
-
.bx--data-table--selected .bx--link {
|
22092
|
+
.bx--data-table--selected .bx--link:not(.bx--link--disabled) {
|
22134
22093
|
color: var(--cds-link-secondary, #0043ce);
|
22135
22094
|
}
|
22136
22095
|
|
@@ -22258,6 +22217,17 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
22258
22217
|
padding-top: var(--cds-spacing-05, 1rem);
|
22259
22218
|
}
|
22260
22219
|
|
22220
|
+
tr.bx--data-table--selected:hover .bx--radio-button[disabled] + .bx--radio-button__label,
|
22221
|
+
tr.bx--data-table--selected:hover .bx--checkbox[disabled] + .bx--checkbox-label,
|
22222
|
+
tr.bx--data-table--selected:hover .bx--link--disabled {
|
22223
|
+
color: var(--cds-disabled-03, #8d8d8d);
|
22224
|
+
}
|
22225
|
+
|
22226
|
+
tr.bx--data-table--selected:hover .bx--radio-button[disabled] + .bx--radio-button__label .bx--radio-button__appearance,
|
22227
|
+
tr.bx--data-table--selected:hover .bx--checkbox[disabled] + .bx--checkbox-label:before {
|
22228
|
+
border-color: var(--cds-disabled-03, #8d8d8d);
|
22229
|
+
}
|
22230
|
+
|
22261
22231
|
.bx--table-column-radio {
|
22262
22232
|
width: 48px;
|
22263
22233
|
}
|
@@ -26069,6 +26039,11 @@ button.bx--dropdown-text:focus {
|
|
26069
26039
|
opacity: 0;
|
26070
26040
|
transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
26071
26041
|
}
|
26042
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
26043
|
+
.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after {
|
26044
|
+
transition: none;
|
26045
|
+
}
|
26046
|
+
}
|
26072
26047
|
.bx--pagination-nav__page--active + .bx--pagination-nav__page::after, .bx--pagination-nav__page.bx--pagination-nav__page--active::after {
|
26073
26048
|
left: calc(50% - 0.5rem);
|
26074
26049
|
width: 1rem;
|
@@ -26127,6 +26102,11 @@ button.bx--dropdown-text:focus {
|
|
26127
26102
|
opacity: 0;
|
26128
26103
|
transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
26129
26104
|
}
|
26105
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
26106
|
+
.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after {
|
26107
|
+
transition: none;
|
26108
|
+
}
|
26109
|
+
}
|
26130
26110
|
.bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper::after, .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after {
|
26131
26111
|
left: calc(50% - 0.5rem);
|
26132
26112
|
width: 1rem;
|
@@ -26659,7 +26639,7 @@ span.bx--pagination__text {
|
|
26659
26639
|
height: 100%;
|
26660
26640
|
background-color: var(--cds-interactive, #0f62fe);
|
26661
26641
|
transform: scaleX(0);
|
26662
|
-
transform-origin: 0
|
26642
|
+
transform-origin: 0 center /*rtl:100% center*/;
|
26663
26643
|
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
26664
26644
|
}
|
26665
26645
|
|
@@ -27239,6 +27219,11 @@ span.bx--pagination__text {
|
|
27239
27219
|
transform-origin: center;
|
27240
27220
|
transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
27241
27221
|
}
|
27222
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
27223
|
+
.bx--tile__chevron svg {
|
27224
|
+
transition: none;
|
27225
|
+
}
|
27226
|
+
}
|
27242
27227
|
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
|
27243
27228
|
.bx--tile__chevron svg {
|
27244
27229
|
fill: ButtonText;
|