@zendeskgarden/react-grid 9.0.0-next.7 → 9.0.0-next.9

package/dist/index.cjs.js

@@ -1,10 +1,9 @@
 /**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
 'use strict';
 
 var React = require('react');
@@ -26,21 +25,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 const ALIGN_ITEMS = ['start', 'end', 'center', 'baseline', 'stretch'];
 const ALIGN_SELF = ['auto', ...ALIGN_ITEMS];
 const DIRECTION = ['row', 'row-reverse', 'column', 'column-reverse'];
@@ -102,7 +86,7 @@ const sizeStyles$5 = props => {
 };
 const StyledCol = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.7'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledCol",
   componentId: "sc-inuw62-0"
@@ -124,7 +108,7 @@ const sizeStyles$4 = props => {
 };
 const StyledGrid = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.7'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGrid",
   componentId: "sc-oxgg5i-0"
@@ -166,7 +150,7 @@ const sizeStyles$3 = props => {
 };
 const StyledRow = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.7'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledRow",
   componentId: "sc-xjsdg1-0"
@@ -179,7 +163,7 @@ StyledRow.defaultProps = {
 const COMPONENT_ID$4 = 'pane';
 const StyledPane = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.7'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledPane",
   componentId: "sc-1ltjst7-0"
@@ -191,7 +175,7 @@ StyledPane.defaultProps = {
 const COMPONENT_ID$3 = 'pane.content';
 const StyledPaneContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.7'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledPaneContent",
   componentId: "sc-1b38mbh-0"
@@ -207,7 +191,9 @@ const colorStyles$1 = props => {
   const activeColor = reactTheming.getColorV8('primaryHue', 800, props.theme);
   return styled.css(["&::before{background-color:", ";}&:hover::before{background-color:", ";}", " &:active::before{background-color:", ";}"], color, hoverColor, reactTheming.focusStyles({
     theme: props.theme,
-    hue: hoverColor,
+    color: {
+      hue: hoverColor
+    },
     styles: {
       backgroundColor: hoverColor
     },
@@ -277,7 +263,7 @@ const sizeStyles$2 = props => {
 };
 const StyledPaneSplitter = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.7'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledPaneSplitter",
   componentId: "sc-jylemn-0"
@@ -311,7 +297,7 @@ const transformStyles = props => {
 };
 const StyledPaneSplitterButton = styled__default.default(reactButtons.ChevronButton).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.7',
+  'data-garden-version': '9.0.0-next.9',
   isBasic: true,
   isPill: true,
   size: 'small'
@@ -443,7 +429,7 @@ const Col = React__default.default.forwardRef((_ref, ref) => {
     gutters,
     debug
   } = useGridContext();
-  return React__default.default.createElement(StyledCol, _extends({
+  return React__default.default.createElement(StyledCol, Object.assign({
     sizeAll: size,
     columns: columns,
     gutters: gutters,
@@ -494,7 +480,7 @@ const Row = React__default.default.forwardRef((_ref, ref) => {
     gutters,
     debug
   } = useGridContext();
-  return React__default.default.createElement(StyledRow, _extends({
+  return React__default.default.createElement(StyledRow, Object.assign({
     gutters: gutters,
     debug: debug,
     wrapAll: wrap,
@@ -536,7 +522,7 @@ const GridComponent = React__default.default.forwardRef((_ref, ref) => {
   }), [columns, props.gutters, debug]);
   return React__default.default.createElement(GridContext.Provider, {
     value: value
-  }, React__default.default.createElement(StyledGrid, _extends({
+  }, React__default.default.createElement(StyledGrid, Object.assign({
     debug: debug,
     ref: ref
   }, props)));
@@ -850,7 +836,7 @@ const SplitterComponent = React.forwardRef((_ref, ref) => {
       size,
       isRow
     }), [orientation, layoutKey, min, max, valueInFr, size, isRow])
-  }, React__default.default.createElement(StyledPaneSplitter, _extends({
+  }, React__default.default.createElement(StyledPaneSplitter, Object.assign({
     isFixed: isFixed,
     orientation: orientation
   }, separatorProps, props, {
@@ -874,7 +860,7 @@ const ContentComponent = React.forwardRef((props, ref) => {
   const {
     isVisible
   } = usePaneContext();
-  return React__default.default.createElement(StyledPaneContent, _extends({
+  return React__default.default.createElement(StyledPaneContent, Object.assign({
     hidden: !isVisible,
     ref: ref
   }, props));
@@ -938,7 +924,7 @@ const SplitterButtonComponent = React.forwardRef((props, ref) => {
       cursor: 'default'
     },
     onMouseDown: e => e.stopPropagation()
-  }, React__default.default.createElement(StyledPaneSplitterButton, _extends({
+  }, React__default.default.createElement(StyledPaneSplitterButton, Object.assign({
     "aria-label": label
   }, props, {
     orientation: orientation,
@@ -973,7 +959,7 @@ const PaneComponent = React.forwardRef((_ref, ref) => {
   }), [paneId, isVisible]);
   return React__default.default.createElement(PaneContext.Provider, {
     value: paneContext
-  }, React__default.default.createElement(StyledPane, _extends({
+  }, React__default.default.createElement(StyledPane, Object.assign({
     id: paneId,
     ref: reactMergeRefs.mergeRefs([ref, observerRef])
   }, props), children));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-grid",
-  "version": "9.0.0-next.7",
+  "version": "9.0.0-next.9",
   "description": "Components relating to layout grids in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -23,21 +23,21 @@
   "dependencies": {
     "@zendeskgarden/container-splitter": "^2.0.3",
     "@zendeskgarden/container-utilities": "^2.0.0",
-    "@zendeskgarden/react-buttons": "^9.0.0-next.7",
-    "@zendeskgarden/react-tooltips": "^9.0.0-next.7",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.9",
+    "@zendeskgarden/react-tooltips": "^9.0.0-next.9",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0",
     "use-resize-observer": "^9.1.0"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.7"
+    "@zendeskgarden/react-theming": "^9.0.0-next.9"
   },
   "keywords": [
     "components",
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "50a2b45b2e237a490a6d460818d33498b92479ec"
+  "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
 }