@carbon/ibm-products 1.10.0 → 1.11.2
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +249 -218
- 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 +21 -4
- 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 +102 -212
- 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 +219 -212
- 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 +88 -87
- package/es/components/AddSelect/AddSelectColumn.js +193 -19
- package/es/components/AddSelect/AddSelectList.js +5 -5
- package/es/components/AddSelect/AddSelectSidebar.js +3 -15
- package/es/components/AddSelect/add-select-utils.js +64 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.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 +255 -140
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +37 -38
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +55 -6
- package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +27 -0
- package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +28 -0
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +41 -0
- package/es/components/DataSpreadsheet/{checkActiveHeaderCell.js → utils/checkActiveHeaderCell.js} +1 -1
- package/es/components/DataSpreadsheet/{createActiveCellFn.js → utils/createActiveCellFn.js} +20 -9
- package/es/components/DataSpreadsheet/{createCellSelectionArea.js → utils/createCellSelectionArea.js} +8 -4
- package/es/components/DataSpreadsheet/{generateData.js → utils/generateData.js} +6 -0
- package/es/components/DataSpreadsheet/{getCellSize.js → utils/getCellSize.js} +0 -0
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +46 -0
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +82 -0
- package/es/components/DataSpreadsheet/utils/removeCellSelections.js +30 -0
- package/es/components/InlineEdit/InlineEdit.js +49 -8
- package/es/components/OptionsTile/OptionsTile.js +20 -20
- package/es/components/OptionsTile/index.js +1 -1
- package/es/components/PageHeader/PageHeader.js +35 -32
- package/es/components/PageHeader/PageHeaderTitle.js +2 -1
- package/es/components/PageHeader/PageHeaderUtils.js +21 -22
- package/es/components/index.js +0 -1
- package/es/global/js/package-settings.js +1 -2
- package/lib/components/AddSelect/AddSelect.js +91 -87
- package/lib/components/AddSelect/AddSelectColumn.js +193 -16
- package/lib/components/AddSelect/AddSelectList.js +5 -5
- package/lib/components/AddSelect/AddSelectSidebar.js +9 -15
- package/lib/components/AddSelect/add-select-utils.js +78 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.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 +263 -142
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +39 -36
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +62 -8
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +37 -0
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +39 -0
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +52 -0
- package/lib/components/DataSpreadsheet/{checkActiveHeaderCell.js → utils/checkActiveHeaderCell.js} +1 -1
- package/lib/components/DataSpreadsheet/{createActiveCellFn.js → utils/createActiveCellFn.js} +20 -9
- package/lib/components/DataSpreadsheet/{createCellSelectionArea.js → utils/createCellSelectionArea.js} +8 -4
- package/lib/components/DataSpreadsheet/{generateData.js → utils/generateData.js} +6 -0
- package/lib/components/DataSpreadsheet/{getCellSize.js → utils/getCellSize.js} +0 -0
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +59 -0
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +92 -0
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +41 -0
- package/lib/components/InlineEdit/InlineEdit.js +52 -10
- package/lib/components/OptionsTile/OptionsTile.js +19 -19
- package/lib/components/PageHeader/PageHeader.js +35 -32
- package/lib/components/PageHeader/PageHeaderTitle.js +2 -1
- package/lib/components/PageHeader/PageHeaderUtils.js +21 -22
- 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 +20 -0
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +7 -3
- package/scss/components/CreateSidePanel/_create-side-panel.scss +1 -1
- package/scss/components/CreateSidePanel/_storybook-styles.scss +1 -1
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +14 -1
- package/scss/components/EditSidePanel/_edit-side-panel.scss +9 -0
- package/scss/components/EditSidePanel/_storybook-styles.scss +1 -1
- package/scss/components/InlineEdit/_inline-edit.scss +35 -37
- package/scss/components/ModifiedTabs/_modified-tabs.scss +5 -0
- package/scss/components/NotificationsPanel/_notifications-panel.scss +7 -3
- package/scss/components/OptionsTile/_index.scss +1 -1
- package/scss/components/OptionsTile/_options-tile.scss +17 -17
- package/scss/components/OptionsTile/_storybook-styles.scss +4 -4
- package/scss/components/PageHeader/_page-header.scss +3 -2
- package/scss/components/SidePanel/_side-panel.scss +8 -8
- 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;
|
@@ -14426,6 +14362,18 @@ a.bx--side-nav__link--current::before {
|
|
14426
14362
|
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
14427
14363
|
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
14428
14364
|
}
|
14365
|
+
.c4p--add-select__column-search-bar {
|
14366
|
+
display: flex;
|
14367
|
+
}
|
14368
|
+
.c4p--add-select__column-search-bar label {
|
14369
|
+
display: none;
|
14370
|
+
}
|
14371
|
+
.c4p--add-select__column-sort-filter {
|
14372
|
+
display: flex;
|
14373
|
+
}
|
14374
|
+
.c4p--add-select__column .bx--overflow-menu {
|
14375
|
+
border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);
|
14376
|
+
}
|
14429
14377
|
|
14430
14378
|
.c4p--add-select__tag-container {
|
14431
14379
|
display: flex;
|
@@ -14437,6 +14385,10 @@ a.bx--side-nav__link--current::before {
|
|
14437
14385
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
14438
14386
|
}
|
14439
14387
|
|
14388
|
+
.c4p--add-select__tag-container .bx--tag {
|
14389
|
+
margin: 0;
|
14390
|
+
}
|
14391
|
+
|
14440
14392
|
.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
|
14441
14393
|
max-width: 29rem;
|
14442
14394
|
flex: 0 0 50%;
|
@@ -15077,6 +15029,12 @@ a.bx--side-nav__link--current::before {
|
|
15077
15029
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
|
15078
15030
|
transition: transform 240ms ease;
|
15079
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
|
+
}
|
15080
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,
|
15081
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 {
|
15082
15040
|
transform: rotate(0deg);
|
@@ -15255,6 +15213,11 @@ a.bx--side-nav__link--current::before {
|
|
15255
15213
|
opacity: 0;
|
15256
15214
|
transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15257
15215
|
}
|
15216
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
15217
|
+
.bx--breadcrumb-item .bx--overflow-menu::after {
|
15218
|
+
transition: none;
|
15219
|
+
}
|
15220
|
+
}
|
15258
15221
|
|
15259
15222
|
.bx--breadcrumb-item .bx--overflow-menu:hover::after {
|
15260
15223
|
opacity: 1;
|
@@ -15782,6 +15745,9 @@ a.bx--side-nav__link--current::before {
|
|
15782
15745
|
display: inline-flex;
|
15783
15746
|
vertical-align: middle;
|
15784
15747
|
}
|
15748
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
|
15749
|
+
max-width: calc(100% - var(--cds-spacing-07, 2rem));
|
15750
|
+
}
|
15785
15751
|
}
|
15786
15752
|
.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
|
15787
15753
|
display: inline-flex;
|
@@ -15796,8 +15762,9 @@ a.bx--side-nav__link--current::before {
|
|
15796
15762
|
width: 100%;
|
15797
15763
|
text-overflow: ellipsis;
|
15798
15764
|
}
|
15799
|
-
|
15800
|
-
|
15765
|
+
|
15766
|
+
.c4p--breadcrumb-with-overflow__overflow-menu-options.c4p--breadcrumb-with-overflow__overflow-menu-options {
|
15767
|
+
z-index: 8000;
|
15801
15768
|
}
|
15802
15769
|
|
15803
15770
|
.bx--search {
|
@@ -15962,6 +15929,11 @@ a.bx--side-nav__link--current::before {
|
|
15962
15929
|
content: "";
|
15963
15930
|
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15964
15931
|
}
|
15932
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
15933
|
+
.bx--search-close::before {
|
15934
|
+
transition: none;
|
15935
|
+
}
|
15936
|
+
}
|
15965
15937
|
.bx--search-close:hover {
|
15966
15938
|
border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);
|
15967
15939
|
}
|
@@ -16454,8 +16426,8 @@ a.bx--side-nav__link--current::before {
|
|
16454
16426
|
display: none;
|
16455
16427
|
}
|
16456
16428
|
.c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs .c4p--page-header__action-bar-column {
|
16457
|
-
max-width:
|
16458
|
-
flex: 0 1
|
16429
|
+
max-width: 25%;
|
16430
|
+
flex: 0 1 25%;
|
16459
16431
|
}
|
16460
16432
|
@media (min-width: 42rem) {
|
16461
16433
|
.c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs .c4p--page-header__action-bar-column {
|
@@ -16493,6 +16465,8 @@ a.bx--side-nav__link--current::before {
|
|
16493
16465
|
visibility: visible;
|
16494
16466
|
}
|
16495
16467
|
.c4p--page-header .c4p--page-header__breadcrumb-column {
|
16468
|
+
overflow: hidden;
|
16469
|
+
/* required for ellipsis in title, title not visible in breadcrumb with back arrow */
|
16496
16470
|
max-width: 100%;
|
16497
16471
|
flex: 0 0 100%;
|
16498
16472
|
}
|
@@ -18761,6 +18735,14 @@ a.bx--side-nav__link--current::before {
|
|
18761
18735
|
width: 100%;
|
18762
18736
|
margin-bottom: 0;
|
18763
18737
|
}
|
18738
|
+
.c4p--edit-side-panel .c4p--edit-side-panel__actions-container {
|
18739
|
+
position: absolute;
|
18740
|
+
z-index: 4;
|
18741
|
+
right: 0;
|
18742
|
+
bottom: 0;
|
18743
|
+
width: 100%;
|
18744
|
+
margin-bottom: 0;
|
18745
|
+
}
|
18764
18746
|
|
18765
18747
|
.c4p--options-tile {
|
18766
18748
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
@@ -18786,7 +18768,7 @@ a.bx--side-nav__link--current::before {
|
|
18786
18768
|
box-sizing: border-box;
|
18787
18769
|
align-items: center;
|
18788
18770
|
padding-right: var(--cds-spacing-05, 1rem);
|
18789
|
-
grid-template-columns: 3rem 1fr
|
18771
|
+
grid-template-columns: 3rem 1fr 2rem;
|
18790
18772
|
}
|
18791
18773
|
|
18792
18774
|
.c4p--options-tile__header {
|
@@ -18795,6 +18777,10 @@ a.bx--side-nav__link--current::before {
|
|
18795
18777
|
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
18796
18778
|
}
|
18797
18779
|
|
18780
|
+
.c4p--options-tile__header::-webkit-details-marker {
|
18781
|
+
display: none;
|
18782
|
+
}
|
18783
|
+
|
18798
18784
|
.c4p--options-tile__header:hover {
|
18799
18785
|
background-color: var(--cds-hover-ui, #e5e5e5);
|
18800
18786
|
}
|
@@ -18809,11 +18795,11 @@ a.bx--side-nav__link--current::before {
|
|
18809
18795
|
}
|
18810
18796
|
}
|
18811
18797
|
|
18812
|
-
.c4p--options-
|
18798
|
+
.c4p--options-tile__heading {
|
18813
18799
|
grid-column: 2;
|
18814
18800
|
}
|
18815
18801
|
|
18816
|
-
.c4p--options-
|
18802
|
+
.c4p--options-tile__title {
|
18817
18803
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
18818
18804
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
18819
18805
|
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
@@ -18861,11 +18847,13 @@ a.bx--side-nav__link--current::before {
|
|
18861
18847
|
.c4p--options-tile__summary-text {
|
18862
18848
|
overflow: hidden;
|
18863
18849
|
height: max-content;
|
18850
|
+
padding-right: calc(var(--cds-spacing-05, 1rem) + 2rem);
|
18864
18851
|
text-overflow: ellipsis;
|
18865
18852
|
white-space: nowrap;
|
18866
18853
|
}
|
18867
18854
|
|
18868
18855
|
.c4p--options-tile__chevron {
|
18856
|
+
display: block;
|
18869
18857
|
justify-self: center;
|
18870
18858
|
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
18871
18859
|
}
|
@@ -18936,14 +18924,6 @@ a.bx--side-nav__link--current::before {
|
|
18936
18924
|
margin-top: var(--cds-spacing-01, 0.125rem);
|
18937
18925
|
}
|
18938
18926
|
|
18939
|
-
.c4p--options-tile--lg .c4p--options-tile__summary-text {
|
18940
|
-
padding-right: calc(var(--cds-spacing-05, 1rem) + 1rem);
|
18941
|
-
}
|
18942
|
-
|
18943
|
-
.c4p--options-tile--xl .c4p--options-tile__summary-text {
|
18944
|
-
padding-right: calc(var(--cds-spacing-05, 1rem) + 2rem);
|
18945
|
-
}
|
18946
|
-
|
18947
18927
|
@media (prefers-reduced-motion: reduce) {
|
18948
18928
|
.c4p--options-tile__summary,
|
18949
18929
|
.c4p--options-tile__chevron {
|
@@ -18954,6 +18934,7 @@ a.bx--side-nav__link--current::before {
|
|
18954
18934
|
--c4p--inline-edit--size: var(--cds-spacing-08, 2.5rem);
|
18955
18935
|
--c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
|
18956
18936
|
--c4p--inline-edit--background-color: var(--cds-ui-01, #f4f4f4);
|
18937
|
+
--c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
|
18957
18938
|
position: relative;
|
18958
18939
|
display: inline-block;
|
18959
18940
|
min-width: calc(4 * var(--c4p--inline-edit--size));
|
@@ -19001,10 +18982,10 @@ a.bx--side-nav__link--current::before {
|
|
19001
18982
|
.c4p--inline-edit .c4p--inline-edit__input {
|
19002
18983
|
display: inline-block;
|
19003
18984
|
overflow: hidden;
|
19004
|
-
width: calc(100% -
|
19005
|
-
max-width: calc(100% -
|
18985
|
+
width: calc(100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem));
|
18986
|
+
max-width: calc(100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem));
|
19006
18987
|
min-height: var(--c4p--inline-edit--size);
|
19007
|
-
margin-right:
|
18988
|
+
margin-right: var(--c4p--inline-edit--toolbar-width);
|
19008
18989
|
margin-left: var(--cds-spacing-05, 1rem);
|
19009
18990
|
line-height: var(--c4p--inline-edit--size);
|
19010
18991
|
}
|
@@ -19012,9 +18993,7 @@ a.bx--side-nav__link--current::before {
|
|
19012
18993
|
outline: none;
|
19013
18994
|
}
|
19014
18995
|
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__input {
|
19015
|
-
width: calc(
|
19016
|
-
max-width: calc(100% - 3 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
|
19017
|
-
margin-right: calc(3 * var(--c4p--inline-edit--size));
|
18996
|
+
--c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
|
19018
18997
|
}
|
19019
18998
|
.c4p--inline-edit .c4p--inline-edit__input::after {
|
19020
18999
|
position: absolute;
|
@@ -19062,20 +19041,18 @@ a.bx--side-nav__link--current::before {
|
|
19062
19041
|
visibility: visible;
|
19063
19042
|
}
|
19064
19043
|
.c4p--inline-edit .c4p--inline-edit__after-input-elements {
|
19044
|
+
--c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
|
19065
19045
|
position: absolute;
|
19066
19046
|
top: 0;
|
19067
19047
|
right: 0;
|
19068
19048
|
display: flex;
|
19069
|
-
width:
|
19049
|
+
width: var(--c4p--inline-edit--toolbar-width);
|
19070
19050
|
height: 100%;
|
19071
19051
|
justify-content: space-between;
|
19072
19052
|
cursor: text;
|
19073
19053
|
}
|
19074
19054
|
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__after-input-elements {
|
19075
|
-
width: calc(3 * var(--c4p--inline-edit--size));
|
19076
|
-
}
|
19077
|
-
.c4p--inline-edit .c4p--inline-edit__toolbar--animation {
|
19078
|
-
clip-path: polygon(0 0, -100vw 0, -100vw -100vh, 100vw -100vh, 100vw 0, 100% 0, 100% 100%, 100vw 100%, 100vw 100vh, -100vw 100vh, -100vw 100%, 0 100%);
|
19055
|
+
--c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
|
19079
19056
|
}
|
19080
19057
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar::after {
|
19081
19058
|
position: absolute;
|
@@ -19119,11 +19096,28 @@ a.bx--side-nav__link--current::before {
|
|
19119
19096
|
border-color: transparent;
|
19120
19097
|
}
|
19121
19098
|
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
|
19099
|
+
margin-right: 0;
|
19100
|
+
transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
19101
|
+
transition-property: margin, padding;
|
19102
|
+
}
|
19103
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
19104
|
+
transition: width 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
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
|
+
}
|
19111
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
|
19112
|
+
padding-right: 0;
|
19113
|
+
padding-left: 0;
|
19114
|
+
border-right: 0;
|
19115
|
+
border-left: 0;
|
19122
19116
|
margin-right: calc(-1 * var(--c4p--inline-edit--size));
|
19123
|
-
transition: margin-right 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
19124
19117
|
}
|
19125
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--saveable .c4p--inline-edit__save {
|
19126
|
-
|
19118
|
+
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save svg {
|
19119
|
+
overflow: hidden;
|
19120
|
+
width: 0;
|
19127
19121
|
}
|
19128
19122
|
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
|
19129
19123
|
display: inline-flex;
|
@@ -19218,7 +19212,7 @@ a.bx--side-nav__link--current::before {
|
|
19218
19212
|
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
19219
19213
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
19220
19214
|
margin: 0;
|
19221
|
-
background-color:
|
19215
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19222
19216
|
cursor: cell;
|
19223
19217
|
text-align: left;
|
19224
19218
|
}
|
@@ -19230,9 +19224,22 @@ a.bx--side-nav__link--current::before {
|
|
19230
19224
|
color: var(--cds-text-01, #161616);
|
19231
19225
|
text-align: left;
|
19232
19226
|
}
|
19227
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor {
|
19228
|
+
position: absolute;
|
19229
|
+
z-index: 4;
|
19230
|
+
display: none;
|
19231
|
+
padding: 0 var(--cds-spacing-03, 0.5rem);
|
19232
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19233
|
+
resize: none;
|
19234
|
+
}
|
19235
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.bx--text-area {
|
19236
|
+
min-width: initial;
|
19237
|
+
min-height: initial;
|
19238
|
+
}
|
19233
19239
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
|
19234
19240
|
position: absolute;
|
19235
19241
|
z-index: 3;
|
19242
|
+
display: none;
|
19236
19243
|
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
19237
19244
|
background-color: transparent;
|
19238
19245
|
}
|
@@ -21969,13 +21976,11 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
21969
21976
|
color: var(--cds-text-primary, #161616);
|
21970
21977
|
}
|
21971
21978
|
|
21972
|
-
.bx--data-table
|
21973
|
-
.bx--data-table tbody tr:hover th .bx--link {
|
21979
|
+
.bx--data-table tr:hover .bx--link {
|
21974
21980
|
color: var(--cds-link-secondary, #0043ce);
|
21975
21981
|
}
|
21976
21982
|
|
21977
|
-
.bx--data-table
|
21978
|
-
.bx--data-table tbody tr:hover th .bx--link--disabled {
|
21983
|
+
.bx--data-table tr:hover .bx--link--disabled {
|
21979
21984
|
color: var(--cds-disabled-02, #c6c6c6);
|
21980
21985
|
}
|
21981
21986
|
|
@@ -22084,7 +22089,7 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
22084
22089
|
background-color: var(--cds-layer-hover, #e5e5e5);
|
22085
22090
|
}
|
22086
22091
|
|
22087
|
-
.bx--data-table--selected .bx--link {
|
22092
|
+
.bx--data-table--selected .bx--link:not(.bx--link--disabled) {
|
22088
22093
|
color: var(--cds-link-secondary, #0043ce);
|
22089
22094
|
}
|
22090
22095
|
|
@@ -22212,6 +22217,17 @@ li.bx--accordion__item--disabled:last-of-type {
|
|
22212
22217
|
padding-top: var(--cds-spacing-05, 1rem);
|
22213
22218
|
}
|
22214
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
|
+
|
22215
22231
|
.bx--table-column-radio {
|
22216
22232
|
width: 48px;
|
22217
22233
|
}
|
@@ -26023,6 +26039,11 @@ button.bx--dropdown-text:focus {
|
|
26023
26039
|
opacity: 0;
|
26024
26040
|
transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
26025
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
|
+
}
|
26026
26047
|
.bx--pagination-nav__page--active + .bx--pagination-nav__page::after, .bx--pagination-nav__page.bx--pagination-nav__page--active::after {
|
26027
26048
|
left: calc(50% - 0.5rem);
|
26028
26049
|
width: 1rem;
|
@@ -26081,6 +26102,11 @@ button.bx--dropdown-text:focus {
|
|
26081
26102
|
opacity: 0;
|
26082
26103
|
transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
26083
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
|
+
}
|
26084
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 {
|
26085
26111
|
left: calc(50% - 0.5rem);
|
26086
26112
|
width: 1rem;
|
@@ -26613,7 +26639,7 @@ span.bx--pagination__text {
|
|
26613
26639
|
height: 100%;
|
26614
26640
|
background-color: var(--cds-interactive, #0f62fe);
|
26615
26641
|
transform: scaleX(0);
|
26616
|
-
transform-origin: 0
|
26642
|
+
transform-origin: 0 center /*rtl:100% center*/;
|
26617
26643
|
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
26618
26644
|
}
|
26619
26645
|
|
@@ -27193,6 +27219,11 @@ span.bx--pagination__text {
|
|
27193
27219
|
transform-origin: center;
|
27194
27220
|
transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
27195
27221
|
}
|
27222
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
27223
|
+
.bx--tile__chevron svg {
|
27224
|
+
transition: none;
|
27225
|
+
}
|
27226
|
+
}
|
27196
27227
|
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
|
27197
27228
|
.bx--tile__chevron svg {
|
27198
27229
|
fill: ButtonText;
|