@carbon/ibm-products 2.0.0-rc.0 → 2.0.0-rc.1

Sign up to get free protection for your applications and to get access to all the features.
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
@@ -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;