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