@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.
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;