@carbon/ibm-products 1.14.0 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +23 -5
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +4 -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 +23 -5
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +23 -5
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelect.js +25 -19
- package/es/components/AddSelect/AddSelectFilter.js +5 -5
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +174 -127
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +24 -8
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +31 -6
- package/es/components/DataSpreadsheet/hooks/index.js +2 -1
- package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +36 -8
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +68 -0
- package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +20 -8
- package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +18 -0
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +121 -0
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +108 -0
- package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +87 -0
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +42 -8
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +153 -15
- package/es/components/DataSpreadsheet/utils/selectAllCells.js +53 -0
- package/es/components/MultiAddSelect/MultiAddSelect.js +150 -3
- package/es/components/PageHeader/PageHeader.js +3 -1
- package/es/components/SingleAddSelect/SingleAddSelect.js +90 -4
- package/es/components/TagSet/TagSet.js +13 -6
- package/es/components/Tearsheet/TearsheetShell.js +34 -10
- package/es/global/js/package-settings.js +2 -1
- package/lib/components/AddSelect/AddSelect.js +25 -19
- package/lib/components/AddSelect/AddSelectFilter.js +5 -5
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +178 -126
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +24 -8
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +32 -6
- package/lib/components/DataSpreadsheet/hooks/index.js +9 -1
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +36 -8
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +79 -0
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +21 -8
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +27 -0
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +127 -0
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +118 -0
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +94 -0
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +44 -8
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +161 -22
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +60 -0
- package/lib/components/MultiAddSelect/MultiAddSelect.js +150 -2
- package/lib/components/PageHeader/PageHeader.js +3 -1
- package/lib/components/SingleAddSelect/SingleAddSelect.js +91 -3
- package/lib/components/TagSet/TagSet.js +13 -6
- package/lib/components/Tearsheet/TearsheetShell.js +36 -10
- package/lib/global/js/package-settings.js +2 -1
- package/package.json +11 -11
- package/scss/components/AboutModal/_about-modal.scss +4 -0
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +22 -1
- package/scss/components/ExportModal/_export-modal.scss +0 -4
@@ -5247,6 +5247,10 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5247
5247
|
bottom: calc(var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem));
|
5248
5248
|
}
|
5249
5249
|
|
5250
|
+
.c4p--about-modal .bx--modal-content--overflow-indicator {
|
5251
|
+
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--cds-ui-01, #f4f4f4));
|
5252
|
+
}
|
5253
|
+
|
5250
5254
|
.c4p--about-modal .c4p--about-modal__links-container {
|
5251
5255
|
margin-top: var(--cds-spacing-05, 1rem);
|
5252
5256
|
}
|
@@ -13315,10 +13319,6 @@ a.bx--side-nav__link--current::before {
|
|
13315
13319
|
padding-right: var(--cds-spacing-05, 1rem);
|
13316
13320
|
}
|
13317
13321
|
|
13318
|
-
.c4p--export-modal .bx--modal-close {
|
13319
|
-
display: none;
|
13320
|
-
}
|
13321
|
-
|
13322
13322
|
.c4p--export-modal__body {
|
13323
13323
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
13324
13324
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
@@ -19275,6 +19275,9 @@ button.c4p--add-select__global-filter-toggle {
|
|
19275
19275
|
margin: 0;
|
19276
19276
|
color: var(--cds-text-01, #161616);
|
19277
19277
|
}
|
19278
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__body--td {
|
19279
|
+
color: var(--cds-text-02, #525252);
|
19280
|
+
}
|
19278
19281
|
.c4p--data-spreadsheet [role="'columnheader'"]:last-child,
|
19279
19282
|
.c4p--data-spreadsheet [role="'gridcell'"]:last-child {
|
19280
19283
|
border-right: 1px solid var(--cds-text-03, #a8a8a8);
|
@@ -19331,6 +19334,7 @@ button.c4p--add-select__global-filter-toggle {
|
|
19331
19334
|
padding: 0 calc(var(--cds-spacing-03, 0.5rem) + 1px) 0 var(--cds-spacing-03, 0.5rem);
|
19332
19335
|
margin: 0;
|
19333
19336
|
background-color: var(--cds-field-01, #f4f4f4);
|
19337
|
+
color: var(--cds-text-01, #161616);
|
19334
19338
|
resize: none;
|
19335
19339
|
}
|
19336
19340
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.bx--text-area {
|
@@ -19385,6 +19389,17 @@ button.c4p--add-select__global-filter-toggle {
|
|
19385
19389
|
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
19386
19390
|
outline: 0;
|
19387
19391
|
}
|
19392
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight.c4p--data-spreadsheet__active-cell--with-selection::before {
|
19393
|
+
position: absolute;
|
19394
|
+
top: 0;
|
19395
|
+
left: 0;
|
19396
|
+
display: block;
|
19397
|
+
width: 100%;
|
19398
|
+
height: 100%;
|
19399
|
+
background-color: var(--cds-interactive-01, #0f62fe);
|
19400
|
+
content: "";
|
19401
|
+
opacity: 0.25;
|
19402
|
+
}
|
19388
19403
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
|
19389
19404
|
position: absolute;
|
19390
19405
|
z-index: 2;
|
@@ -19400,12 +19415,15 @@ button.c4p--add-select__global-filter-toggle {
|
|
19400
19415
|
height: 100%;
|
19401
19416
|
background-color: var(--cds-interactive-01, #0f62fe);
|
19402
19417
|
content: "";
|
19403
|
-
opacity: 0.
|
19418
|
+
opacity: 0.2;
|
19404
19419
|
}
|
19405
19420
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
|
19406
19421
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
|
19407
19422
|
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19408
19423
|
}
|
19424
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__list--container {
|
19425
|
+
overscroll-behavior: none;
|
19426
|
+
}
|
19409
19427
|
|
19410
19428
|
/*
|
19411
19429
|
* Licensed Materials - Property of IBM
|