@carbon/ibm-products 1.14.0 → 1.15.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|