@carbon/ibm-products 1.11.0 → 1.11.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. package/css/index-full-carbon.css +173 -188
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +5 -5
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +11 -0
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +2 -2
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +26 -182
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +3 -3
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +143 -182
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +4 -4
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/AddSelect/AddSelectColumn.js +58 -21
  18. package/es/components/AddSelect/AddSelectList.js +5 -5
  19. package/es/components/AddSelect/AddSelectSidebar.js +2 -1
  20. package/es/components/ButtonMenu/ButtonMenu.js +11 -3
  21. package/es/components/index.js +0 -1
  22. package/es/global/js/package-settings.js +1 -2
  23. package/lib/components/AddSelect/AddSelectColumn.js +57 -20
  24. package/lib/components/AddSelect/AddSelectList.js +5 -5
  25. package/lib/components/AddSelect/AddSelectSidebar.js +2 -1
  26. package/lib/components/ButtonMenu/ButtonMenu.js +11 -3
  27. package/lib/components/index.js +0 -8
  28. package/lib/global/js/package-settings.js +1 -2
  29. package/package.json +13 -13
  30. package/scss/components/AddSelect/_add-select.scss +4 -0
  31. package/scss/components/InlineEdit/_inline-edit.scss +4 -0
  32. package/scss/components/ModifiedTabs/_modified-tabs.scss +5 -0
  33. package/scss/components/NotificationsPanel/_notifications-panel.scss +7 -3
  34. package/scss/components/Tearsheet/_tearsheet.scss +4 -0
  35. package/scss/components/_index.scss +0 -1
  36. package/es/components/LoadingBar/LoadingBar.js +0 -156
  37. package/es/components/LoadingBar/index.js +0 -7
  38. package/lib/components/LoadingBar/LoadingBar.js +0 -170
  39. package/lib/components/LoadingBar/index.js +0 -13
  40. package/scss/components/LoadingBar/_index.scss +0 -8
  41. package/scss/components/LoadingBar/_loading-bar.scss +0 -224
  42. 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 tbody tr:hover td .bx--link,
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 tbody tr:hover td .bx--link--disabled,
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 50%;
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;