@carbon/ibm-products 2.0.0-rc.16 → 2.0.0-rc.18

package/lib/components/Datagrid/utils/DatagridActions.js

@@ -50,9 +50,6 @@ var DatagridActions = function DatagridActions(datagridState) {
     alert('Downloading...');
   };
 
-  var TableToolbarContent = _react2.DataTable.TableToolbarContent,
-      TableToolbarSearch = _react2.DataTable.TableToolbarSearch;
-
   var refreshColumns = function refreshColumns() {
     alert('refreshing...');
   };
@@ -91,7 +88,7 @@ var DatagridActions = function DatagridActions(datagridState) {
   }, []);
   var mobileToolbar = size < 672 ? true : false;
   var items = ['Option 1', 'Option 2', 'Option 3'];
-  return isNothingSelected && (useDenseHeader && useDenseHeader ? /*#__PURE__*/_react.default.createElement(TableToolbarContent, {
+  return isNothingSelected && (useDenseHeader && useDenseHeader ? /*#__PURE__*/_react.default.createElement(_react2.TableToolbarContent, {
     size: "sm"
   }, !mobileToolbar ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: style
@@ -138,7 +135,7 @@ var DatagridActions = function DatagridActions(datagridState) {
     itemText: "Create",
     hasDivider: true,
     requireTitle: true
-  }))) : !mobileToolbar ? /*#__PURE__*/_react.default.createElement(TableToolbarContent, null, /*#__PURE__*/_react.default.createElement(TableToolbarSearch, {
+  }))) : !mobileToolbar ? /*#__PURE__*/_react.default.createElement(_react2.TableToolbarContent, null, /*#__PURE__*/_react.default.createElement(_react2.TableToolbarSearch, {
     size: "xl",
     id: "columnSearch",
     persistent: true,
@@ -179,7 +176,7 @@ var DatagridActions = function DatagridActions(datagridState) {
   }), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
     itemText: "Option 3",
     onClick: (0, _addonActions.action)("Click on ButtonMenu Option 3")
-  }))) : /*#__PURE__*/_react.default.createElement(TableToolbarContent, null, /*#__PURE__*/_react.default.createElement(TableToolbarSearch, {
+  }))) : /*#__PURE__*/_react.default.createElement(_react2.TableToolbarContent, null, /*#__PURE__*/_react.default.createElement(_react2.TableToolbarSearch, {
     size: "xl",
     id: "columnSearch",
     persistent: true,

package/lib/global/js/package-settings.js

@@ -41,6 +41,7 @@ var defaults = {
     ImportModal: true,
     InlineEdit: true,
     InlineEditV1: true,
+    MultiAddSelect: true,
     NotificationsPanel: true,
     NoDataEmptyState: true,
     NoTagsEmptyState: true,
@@ -52,6 +53,7 @@ var defaults = {
     RemoveModal: true,
     Saving: true,
     SidePanel: true,
+    SingleAddSelect: true,
     StatusIcon: true,
     TagSet: true,
     Tearsheet: true,
@@ -62,8 +64,6 @@ var defaults = {
     WebTerminalContentWrapper: true,
     WebTerminalProvider: true,
     // other public components not yet reviewed and released:
-    MultiAddSelect: false,
-    SingleAddSelect: false,
     ModifiedTabs: false,
     Toolbar: false,
     ToolbarButton: false,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.0.0-rc.16",
+  "version": "2.0.0-rc.18",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -94,5 +94,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "d16ccdde50e29e75f5947b9d4a4d53e0271176ea"
+  "gitHead": "2d00db04e59349f364cc19790a25abbe6760aad9"
 }

package/scss/components/Datagrid/styles/_draggableElement.scss

@@ -7,6 +7,8 @@
 
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/colors';
+@use '@carbon/styles/scss/motion' as *;
 @use './variables';
 
 .#{variables.$block-class}__draggable-handleStyle {
@@ -21,13 +23,12 @@
 }
 
 .#{variables.$block-class}__draggable-handleStyle.disabled svg {
-  fill: $icon-disabled;
+  fill: $icon-on-color-disabled;
 }
 
 .#{variables.$block-class}__draggable-handleHolder {
   display: flex;
   height: $spacing-09;
-  padding-left: $spacing-05;
   border-bottom: 1px solid $layer-active;
   background-color: $layer;
 }
@@ -39,7 +40,6 @@
 .#{variables.$block-class}__draggable-handleHolder-selected {
   display: flex;
   height: $spacing-09;
-  padding-left: $spacing-05;
   border-bottom: 1px solid $layer-active;
   background-color: $layer-selected;
 }
@@ -50,13 +50,23 @@
 
 .#{variables.$block-class}__draggable-handleHolder-isOver {
   border: 2px dashed $focus;
-  background-color: $layer-selected-hover-01;
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  background-color: colors.$blue-10;
 }
 
 .#{variables.$block-class}__draggable-handleHolder-droppable {
   display: flex;
   width: 100%;
   align-items: center;
+  padding-left: $spacing-05;
+  /* stylelint-disable-next-line carbon/type-token-use */
+  line-height: 1; // center align text within row
+  transition-property: opacity;
+}
+
+.#{variables.$block-class}__draggable-handleHolder-droppable.#{variables.$block-class}__draggable-handleHolder-droppable--origin {
+  opacity: 0.5;
+  transition: opacity $duration-moderate-01 motion(entrance, productive);
 }
 
 .#{variables.$block-class}__draggable-handleHolder-grabbed {
@@ -64,6 +74,10 @@
   color: $text-primary;
 }
 
+.#{variables.$block-class}__draggable-handleHolder--sticky {
+  color: $text-on-color-disabled;
+}
+
 .#{variables.$block-class}__shared-ui--assistive-text {
   // hide the assistive text. can not use display: none which will also hide from ARIA
   position: absolute;

package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss

@@ -31,7 +31,11 @@
 .#{variables.$block-class}__customize-columns-checkbox-wrapper {
   display: flex;
   justify-content: center;
-  padding-left: $spacing-03;
+  padding-left: $spacing-02;
+}
+
+.#{variables.$block-class}__customize-columns-column-list
+  .#{variables.$block-class}__customize-columns-checkbox-wrapper.#{c4p-settings.$carbon-prefix}--form-item {
   margin-bottom: 0;
 }
 

package/scss/components/MultiAddSelect/_multi-add-select.scss

@@ -5,4 +5,4 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@use '../AddSelect/add-select';
+@use '../AddSelect/add-select' as *;

package/scss/components/SingleAddSelect/_single-add-select.scss

@@ -5,4 +5,4 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@use '../AddSelect/add-select';
+@use '../AddSelect/add-select' as *;

package/scss/components/_index-released-only-with-carbon.scss

@@ -23,12 +23,14 @@
 @use './HTTPErrors/index-with-carbon' as *;
 @use './InlineEditV1/index-with-carbon' as *;
 @use './ImportModal/index-with-carbon' as *;
+@use './MultiAddSelect/index-with-carbon' as *;
 @use './NotificationsPanel/index-with-carbon' as *;
 @use './PageHeader/index-with-carbon' as *;
 @use './ProductiveCard/index-with-carbon' as *;
 @use './RemoveModal/index-with-carbon' as *;
 @use './Saving/index-with-carbon' as *;
 @use './SidePanel/index-with-carbon' as *;
+@use './SingleAddSelect/index-with-carbon' as *;
 @use './StatusIcon/index-with-carbon' as *;
 @use './TagSet/index-with-carbon' as *;
 @use './Tearsheet/index-with-carbon' as *;

package/scss/components/_index-released-only.scss

@@ -23,12 +23,14 @@
 @use './HTTPErrors';
 @use './InlineEditV1';
 @use './ImportModal';
+@use './MultiAddSelect';
 @use './NotificationsPanel';
 @use './PageHeader';
 @use './ProductiveCard';
 @use './RemoveModal';
 @use './Saving';
 @use './SidePanel';
+@use './SingleAddSelect';
 @use './StatusIcon';
 @use './TagSet';
 @use './Tearsheet';