@zendeskgarden/react-grid 8.73.4 → 9.0.0-next.0

package/dist/index.cjs.js

@@ -15,7 +15,7 @@ var reactTheming = require('@zendeskgarden/react-theming');
 var reactButtons = require('@zendeskgarden/react-buttons');
 var containerUtilities = require('@zendeskgarden/container-utilities');
 var useResizeObserver = require('use-resize-observer');
-var mergeRefs = require('react-merge-refs');
+var reactMergeRefs = require('react-merge-refs');
 var containerSplitter = require('@zendeskgarden/container-splitter');
 var reactTooltips = require('@zendeskgarden/react-tooltips');
 
@@ -25,7 +25,6 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
-var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -103,7 +102,7 @@ const sizeStyles$4 = props => {
 };
 const StyledCol = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledCol",
   componentId: "sc-inuw62-0"
@@ -125,7 +124,7 @@ const sizeStyles$3 = props => {
 };
 const StyledGrid = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledGrid",
   componentId: "sc-oxgg5i-0"
@@ -167,7 +166,7 @@ const sizeStyles$2 = props => {
 };
 const StyledRow = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledRow",
   componentId: "sc-xjsdg1-0"
@@ -180,7 +179,7 @@ StyledRow.defaultProps = {
 const COMPONENT_ID$3 = 'pane';
 const StyledPane = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledPane",
   componentId: "sc-1ltjst7-0"
@@ -192,7 +191,7 @@ StyledPane.defaultProps = {
 const COMPONENT_ID$2 = 'pane.content';
 const StyledPaneContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledPaneContent",
   componentId: "sc-1b38mbh-0"
@@ -278,7 +277,7 @@ const sizeStyles$1 = props => {
 };
 const StyledPaneSplitter = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledPaneSplitter",
   componentId: "sc-jylemn-0"
@@ -343,7 +342,7 @@ const sizeStyles = props => {
 };
 const StyledPaneSplitterButton = styled__default.default(reactButtons.ChevronButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.73.4',
+  'data-garden-version': '9.0.0-next.0',
   isBasic: true,
   isPill: true,
   size: 'small'
@@ -783,7 +782,7 @@ const SplitterComponent = React.forwardRef((_ref, ref) => {
     orientation: orientation
   }, separatorProps, props, {
     onMouseOver: onMouseOver,
-    ref: mergeRefs__default.default([separatorRef, ref])
+    ref: reactMergeRefs.mergeRefs([separatorRef, ref])
   })));
 });
 SplitterComponent.displayName = 'Pane.Splitter';
@@ -901,7 +900,7 @@ const PaneComponent = React.forwardRef((_ref, ref) => {
     value: paneContext
   }, React__default.default.createElement(StyledPane, _extends({
     id: paneId,
-    ref: mergeRefs__default.default([ref, observerRef])
+    ref: reactMergeRefs.mergeRefs([ref, observerRef])
   }, props), children));
 });
 PaneComponent.displayName = 'Pane';

package/dist/index.esm.js

@@ -13,7 +13,7 @@ import { retrieveComponentStyles, DEFAULT_THEME, getColor, SELECTOR_FOCUS_VISIBL
 import { ChevronButton } from '@zendeskgarden/react-buttons';
 import { useId, composeEventHandlers } from '@zendeskgarden/container-utilities';
 import useResizeObserver from 'use-resize-observer';
-import mergeRefs from 'react-merge-refs';
+import { mergeRefs } from 'react-merge-refs';
 import { useSplitter } from '@zendeskgarden/container-splitter';
 import { Tooltip } from '@zendeskgarden/react-tooltips';
 
@@ -93,7 +93,7 @@ const sizeStyles$4 = props => {
 };
 const StyledCol = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledCol",
   componentId: "sc-inuw62-0"
@@ -115,7 +115,7 @@ const sizeStyles$3 = props => {
 };
 const StyledGrid = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledGrid",
   componentId: "sc-oxgg5i-0"
@@ -157,7 +157,7 @@ const sizeStyles$2 = props => {
 };
 const StyledRow = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledRow",
   componentId: "sc-xjsdg1-0"
@@ -170,7 +170,7 @@ StyledRow.defaultProps = {
 const COMPONENT_ID$3 = 'pane';
 const StyledPane = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledPane",
   componentId: "sc-1ltjst7-0"
@@ -182,7 +182,7 @@ StyledPane.defaultProps = {
 const COMPONENT_ID$2 = 'pane.content';
 const StyledPaneContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledPaneContent",
   componentId: "sc-1b38mbh-0"
@@ -268,7 +268,7 @@ const sizeStyles$1 = props => {
 };
 const StyledPaneSplitter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledPaneSplitter",
   componentId: "sc-jylemn-0"
@@ -333,7 +333,7 @@ const sizeStyles = props => {
 };
 const StyledPaneSplitterButton = styled(ChevronButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.73.4',
+  'data-garden-version': '9.0.0-next.0',
   isBasic: true,
   isPill: true,
   size: 'small'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-grid",
-  "version": "8.73.4",
+  "version": "9.0.0-next.0",
   "description": "Components relating to layout grids in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,12 +22,12 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-splitter": "^2.0.3",
-    "@zendeskgarden/container-utilities": "^1.0.0",
-    "@zendeskgarden/react-buttons": "^8.73.4",
-    "@zendeskgarden/react-tooltips": "^8.73.4",
+    "@zendeskgarden/container-utilities": "^2.0.0",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.0",
+    "@zendeskgarden/react-tooltips": "^9.0.0-next.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
-    "react-merge-refs": "^1.1.0",
+    "react-merge-refs": "^2.0.0",
     "use-resize-observer": "^9.1.0"
   },
   "peerDependencies": {
@@ -37,7 +37,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.73.4"
+    "@zendeskgarden/react-theming": "^9.0.0-next.0"
   },
   "keywords": [
     "components",
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e3dbb5b02be96462dfea7b3bf1ec5e76deee6ae1"
+  "gitHead": "7145e970afa57b024ab7d505f2220a656e430c04"
 }