@carbon/ibm-products 2.0.0-rc.0 → 2.0.0-rc.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 (29) hide show
  1. package/css/index-full-carbon.css +41 -5
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +3 -3
  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 +41 -5
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +2 -2
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +41 -5
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -2
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +140 -12
  18. package/es/components/Datagrid/useActionsColumn.js +31 -6
  19. package/es/components/Datagrid/useSelectRows.js +1 -1
  20. package/es/components/Datagrid/useStickyColumn.js +3 -0
  21. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +149 -10
  22. package/lib/components/Datagrid/useActionsColumn.js +31 -6
  23. package/lib/components/Datagrid/useSelectRows.js +1 -1
  24. package/lib/components/Datagrid/useStickyColumn.js +3 -0
  25. package/package.json +2 -2
  26. package/scss/components/AboutModal/_about-modal.scss +2 -1
  27. package/scss/components/Datagrid/_datagrid.scss +8 -0
  28. package/scss/components/Datagrid/styles/_datagrid.scss +42 -2
  29. package/scss/components/InlineEdit/_inline-edit.scss +1 -1
package/css/index-full-carbon.css CHANGED
@@ -877,7 +877,7 @@
877
877
  }
878
878
 
879
879
  .c4p--about-modal.c4p--about-modal--with-tabs .cds--modal-content--overflow-indicator {
880
- bottom: calc(3rem +2.5rem);
880
+ bottom: calc(3rem + 2.5rem);
881
881
  }
882
882
 
883
883
  .c4p--about-modal .cds--modal-content--overflow-indicator {
@@ -9796,7 +9796,7 @@ button.c4p--add-select__global-filter-toggle--open {
9796
9796
  .c4p--inline-edit.c4p--inline-edit--invalid {
9797
9797
  /* stylelint-disable-next-line carbon/theme-token-use */
9798
9798
  outline: 0.125rem solid var(--cds-support-error, #da1e28);
9799
- outline-offset: -0.125rem;
9799
+ outline-offset: calc(-1 * 0.125rem);
9800
9800
  }
9801
9801
  @media screen and (prefers-contrast) {
9802
9802
  .c4p--inline-edit.c4p--inline-edit--invalid {
@@ -9806,7 +9806,7 @@ button.c4p--add-select__global-filter-toggle--open {
9806
9806
  .c4p--inline-edit.c4p--inline-edit--editing {
9807
9807
  /* stylelint-disable-next-line carbon/theme-token-use */
9808
9808
  outline: 0.125rem solid var(--cds-focus, #0f62fe);
9809
- outline-offset: -0.125rem;
9809
+ outline-offset: calc(-1 * 0.125rem);
9810
9810
  background-color: var(--cds-layer-01, #f4f4f4);
9811
9811
  }
9812
9812
  @media screen and (prefers-contrast) {
@@ -10646,11 +10646,11 @@ button.c4p--add-select__global-filter-toggle--open {
10646
10646
  transform: translateY(-50%);
10647
10647
  }
10648
10648
 
10649
- .c4p--datagrid .cds--data-table--selected {
10649
+ .c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row) {
10650
10650
  position: relative;
10651
10651
  }
10652
10652
 
10653
- .c4p--datagrid .cds--data-table--selected::before {
10653
+ .c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
10654
10654
  position: absolute;
10655
10655
  left: 0;
10656
10656
  width: 0.25rem;
@@ -10659,6 +10659,37 @@ button.c4p--add-select__global-filter-toggle--open {
10659
10659
  content: "";
10660
10660
  }
10661
10661
 
10662
+ .c4p--datagrid__table-toolbar .cds--batch-summary__para {
10663
+ white-space: nowrap;
10664
+ }
10665
+
10666
+ .c4p--datagrid__table-toolbar .cds--batch-actions .cds--batch-actions--active {
10667
+ overflow-x: hidden;
10668
+ }
10669
+
10670
+ .c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu {
10671
+ display: flex;
10672
+ min-width: 2.5rem;
10673
+ justify-content: center;
10674
+ margin-right: 0.75rem;
10675
+ }
10676
+
10677
+ .c4p--datagrid__table-toolbar .c4p--datagrid__button-menu {
10678
+ min-width: calc(6rem + 0.5rem);
10679
+ }
10680
+
10681
+ .c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger {
10682
+ display: flex;
10683
+ width: 100%;
10684
+ min-width: 3rem;
10685
+ justify-content: center;
10686
+ padding: 0;
10687
+ margin: 0;
10688
+ }
10689
+ .c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger .cds--btn__icon {
10690
+ margin: 0;
10691
+ }
10692
+
10662
10693
  /*
10663
10694
  * Licensed Materials - Property of IBM
10664
10695
  * 5724-Q36
@@ -11013,6 +11044,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
11013
11044
  display: none;
11014
11045
  }
11015
11046
 
11047
+ .c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
11048
+ left: 0.125rem;
11049
+ width: 112px;
11050
+ }
11051
+
11016
11052
  .c4p--datagrid__datagridWrap-simple {
11017
11053
  display: flex;
11018
11054
  overflow: hidden;