@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.
Files changed (64) hide show
  1. package/css/index-full-carbon.css +23 -5
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +4 -4
  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 +23 -5
  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 +23 -5
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +3 -3
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/AddSelect/AddSelect.js +25 -19
  18. package/es/components/AddSelect/AddSelectFilter.js +5 -5
  19. package/es/components/DataSpreadsheet/DataSpreadsheet.js +174 -127
  20. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +24 -8
  21. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +31 -6
  22. package/es/components/DataSpreadsheet/hooks/index.js +2 -1
  23. package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +36 -8
  24. package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +68 -0
  25. package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +20 -8
  26. package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +18 -0
  27. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +121 -0
  28. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +108 -0
  29. package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +87 -0
  30. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +42 -8
  31. package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +153 -15
  32. package/es/components/DataSpreadsheet/utils/selectAllCells.js +53 -0
  33. package/es/components/MultiAddSelect/MultiAddSelect.js +150 -3
  34. package/es/components/PageHeader/PageHeader.js +3 -1
  35. package/es/components/SingleAddSelect/SingleAddSelect.js +90 -4
  36. package/es/components/TagSet/TagSet.js +13 -6
  37. package/es/components/Tearsheet/TearsheetShell.js +34 -10
  38. package/es/global/js/package-settings.js +2 -1
  39. package/lib/components/AddSelect/AddSelect.js +25 -19
  40. package/lib/components/AddSelect/AddSelectFilter.js +5 -5
  41. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +178 -126
  42. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +24 -8
  43. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +32 -6
  44. package/lib/components/DataSpreadsheet/hooks/index.js +9 -1
  45. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +36 -8
  46. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +79 -0
  47. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +21 -8
  48. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +27 -0
  49. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +127 -0
  50. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +118 -0
  51. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +94 -0
  52. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +44 -8
  53. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +161 -22
  54. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +60 -0
  55. package/lib/components/MultiAddSelect/MultiAddSelect.js +150 -2
  56. package/lib/components/PageHeader/PageHeader.js +3 -1
  57. package/lib/components/SingleAddSelect/SingleAddSelect.js +91 -3
  58. package/lib/components/TagSet/TagSet.js +13 -6
  59. package/lib/components/Tearsheet/TearsheetShell.js +36 -10
  60. package/lib/global/js/package-settings.js +2 -1
  61. package/package.json +11 -11
  62. package/scss/components/AboutModal/_about-modal.scss +4 -0
  63. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +22 -1
  64. 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.25;
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