@carbon/ibm-products 1.32.0 → 1.32.1

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 (31) hide show
  1. package/css/index-full-carbon.css +14 -0
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon.css +10 -0
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +10 -0
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -2
  14. package/es/components/Datagrid/Datagrid/DatagridContent.js +29 -25
  15. package/es/components/Datagrid/Datagrid/DatagridRow.js +10 -2
  16. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
  17. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
  18. package/es/components/Datagrid/utils/makeData.js +25 -5
  19. package/es/components/InlineEdit/InlineEdit.js +7 -7
  20. package/es/components/OptionsTile/OptionsTile.js +4 -2
  21. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -2
  22. package/lib/components/Datagrid/Datagrid/DatagridContent.js +29 -25
  23. package/lib/components/Datagrid/Datagrid/DatagridRow.js +19 -2
  24. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
  25. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
  26. package/lib/components/Datagrid/utils/makeData.js +26 -5
  27. package/lib/components/InlineEdit/InlineEdit.js +7 -7
  28. package/lib/components/OptionsTile/OptionsTile.js +4 -2
  29. package/package.json +12 -12
  30. package/scss/components/Datagrid/styles/_useInlineEdit.scss +6 -0
  31. package/scss/components/OptionsTile/_options-tile.scss +4 -0
@@ -18938,6 +18938,7 @@ button.c4p--add-select__global-filter-toggle--open {
18938
18938
  }
18939
18939
 
18940
18940
  .c4p--options-tile__heading {
18941
+ overflow: hidden;
18941
18942
  grid-column: 2;
18942
18943
  }
18943
18944
 
@@ -18946,7 +18947,10 @@ button.c4p--add-select__global-filter-toggle--open {
18946
18947
  font-weight: var(--cds-productive-heading-01-font-weight, 600);
18947
18948
  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
18948
18949
  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
18950
+ overflow: hidden;
18949
18951
  color: var(--cds-text-01, #161616);
18952
+ text-overflow: ellipsis;
18953
+ white-space: nowrap;
18950
18954
  }
18951
18955
 
18952
18956
  .c4p--options-tile__summary {
@@ -20560,6 +20564,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
20560
20564
  outline: 0;
20561
20565
  }
20562
20566
  .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__label-icon {
20567
+ height: var(--cds-spacing-05, 1rem);
20563
20568
  padding-right: var(--cds-spacing-05, 1rem);
20564
20569
  }
20565
20570
  .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--non-edit {
@@ -20673,6 +20678,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
20673
20678
  white-space: nowrap;
20674
20679
  }
20675
20680
 
20681
+ .bx--data-table .c4p--datagrid__carbon-row-hover-active td {
20682
+ border-top-color: var(--cds-hover-ui, #e5e5e5);
20683
+ background-color: var(--cds-hover-ui, #e5e5e5);
20684
+ }
20685
+
20676
20686
  .c4p--datagrid__datagridWrap {
20677
20687
  display: block;
20678
20688
  width: 100%;
@@ -27452,6 +27462,10 @@ button.bx--dropdown-text:focus {
27452
27462
  background-color: transparent;
27453
27463
  }
27454
27464
 
27465
+ .bx--multi-select:not(.bx--list-box--expanded) .bx--list-box__menu {
27466
+ visibility: hidden;
27467
+ }
27468
+
27455
27469
  .bx--inline-notification {
27456
27470
  position: relative;
27457
27471
  display: flex;