@zendeskgarden/react-grid 8.59.0 → 8.60.0

package/dist/index.cjs.js

@@ -103,7 +103,7 @@ const sizeStyles$4 = props => {
 };
 const StyledCol = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledCol",
   componentId: "sc-inuw62-0"
@@ -125,7 +125,7 @@ const sizeStyles$3 = props => {
 };
 const StyledGrid = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledGrid",
   componentId: "sc-oxgg5i-0"
@@ -167,7 +167,7 @@ const sizeStyles$2 = props => {
 };
 const StyledRow = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledRow",
   componentId: "sc-xjsdg1-0"
@@ -180,7 +180,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.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledPane",
   componentId: "sc-1ltjst7-0"
@@ -192,7 +192,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.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledPaneContent",
   componentId: "sc-1b38mbh-0"
@@ -268,11 +268,11 @@ const sizeStyles$1 = props => {
       break;
   }
   const dimensionProperty = width === '100%' ? 'height' : 'width';
-  return styled.css(["top:", ";right:", ";bottom:", ";left:", ";cursor:", ";width:", ";height:", ";&::before{width:", ";height:", ";}&:hover::before{", ":", ";}&[data-garden-focus-visible]::before,&:focus::before{", ":", ";}&[data-garden-focus-visible]::before{border-radius:", ";}"], top, right, bottom, left, cursor, width, height, separatorWidth, separatorHeight, dimensionProperty, props.isHovered && separatorSize, dimensionProperty, separatorSize, props.theme.borderRadii.md);
+  return styled.css(["top:", ";right:", ";bottom:", ";left:", ";cursor:", ";width:", ";height:", ";&::before{width:", ";height:", ";}&:hover::before{", ":", ";}&[data-garden-focus-visible]::before,&:focus::before{", ":", ";}&[data-garden-focus-visible]::before{border-radius:", ";}"], top, right, bottom, left, props.isFixed ? 'pointer' : cursor, width, height, separatorWidth, separatorHeight, dimensionProperty, props.isHovered && separatorSize, dimensionProperty, separatorSize, props.theme.borderRadii.md);
 };
 const StyledPaneSplitter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledPaneSplitter",
   componentId: "sc-jylemn-0"
@@ -335,7 +335,7 @@ const sizeStyles = props => {
 };
 const StyledPaneSplitterButton = styled__default["default"](reactButtons.ChevronButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.59.0',
+  'data-garden-version': '8.60.0',
   isBasic: true,
   isPill: true,
   size: 'small'
@@ -706,6 +706,7 @@ const SplitterComponent = React.forwardRef((_ref, ref) => {
     min,
     max,
     orientation,
+    isFixed,
     onMouseDown,
     onTouchStart,
     onKeyDown,
@@ -732,6 +733,7 @@ const SplitterComponent = React.forwardRef((_ref, ref) => {
     min: min * pixelsPerFr,
     max: max * pixelsPerFr,
     rtl: themeContext.rtl,
+    isFixed,
     environment,
     onChange: valueNow => {
       if (isRow) {
@@ -770,6 +772,7 @@ const SplitterComponent = React.forwardRef((_ref, ref) => {
     }), [orientation, layoutKey, min, max, valueInFr, size, isRow])
   }, React__default["default"].createElement(StyledPaneSplitter, _extends({
     isHovered: isHovered,
+    isFixed: isFixed,
     orientation: orientation
   }, separatorProps, props, {
     onMouseOver: onMouseOver,
@@ -781,7 +784,8 @@ SplitterComponent.propTypes = {
   layoutKey: PropTypes__default["default"].string.isRequired,
   min: PropTypes__default["default"].number.isRequired,
   max: PropTypes__default["default"].number.isRequired,
-  orientation: PropTypes__default["default"].oneOf(ORIENTATION)
+  orientation: PropTypes__default["default"].oneOf(ORIENTATION),
+  isFixed: PropTypes__default["default"].bool
 };
 SplitterComponent.defaultProps = {
   orientation: 'end'

package/dist/index.esm.js

@@ -92,7 +92,7 @@ const sizeStyles$4 = props => {
 };
 const StyledCol = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledCol",
   componentId: "sc-inuw62-0"
@@ -114,7 +114,7 @@ const sizeStyles$3 = props => {
 };
 const StyledGrid = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledGrid",
   componentId: "sc-oxgg5i-0"
@@ -156,7 +156,7 @@ const sizeStyles$2 = props => {
 };
 const StyledRow = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledRow",
   componentId: "sc-xjsdg1-0"
@@ -169,7 +169,7 @@ StyledRow.defaultProps = {
 const COMPONENT_ID$3 = 'pane';
 const StyledPane = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledPane",
   componentId: "sc-1ltjst7-0"
@@ -181,7 +181,7 @@ StyledPane.defaultProps = {
 const COMPONENT_ID$2 = 'pane.content';
 const StyledPaneContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledPaneContent",
   componentId: "sc-1b38mbh-0"
@@ -257,11 +257,11 @@ const sizeStyles$1 = props => {
       break;
   }
   const dimensionProperty = width === '100%' ? 'height' : 'width';
-  return css(["top:", ";right:", ";bottom:", ";left:", ";cursor:", ";width:", ";height:", ";&::before{width:", ";height:", ";}&:hover::before{", ":", ";}&[data-garden-focus-visible]::before,&:focus::before{", ":", ";}&[data-garden-focus-visible]::before{border-radius:", ";}"], top, right, bottom, left, cursor, width, height, separatorWidth, separatorHeight, dimensionProperty, props.isHovered && separatorSize, dimensionProperty, separatorSize, props.theme.borderRadii.md);
+  return css(["top:", ";right:", ";bottom:", ";left:", ";cursor:", ";width:", ";height:", ";&::before{width:", ";height:", ";}&:hover::before{", ":", ";}&[data-garden-focus-visible]::before,&:focus::before{", ":", ";}&[data-garden-focus-visible]::before{border-radius:", ";}"], top, right, bottom, left, props.isFixed ? 'pointer' : cursor, width, height, separatorWidth, separatorHeight, dimensionProperty, props.isHovered && separatorSize, dimensionProperty, separatorSize, props.theme.borderRadii.md);
 };
 const StyledPaneSplitter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.59.0'
+  'data-garden-version': '8.60.0'
 }).withConfig({
   displayName: "StyledPaneSplitter",
   componentId: "sc-jylemn-0"
@@ -324,7 +324,7 @@ const sizeStyles = props => {
 };
 const StyledPaneSplitterButton = styled(ChevronButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.59.0',
+  'data-garden-version': '8.60.0',
   isBasic: true,
   isPill: true,
   size: 'small'
@@ -695,6 +695,7 @@ const SplitterComponent = forwardRef((_ref, ref) => {
     min,
     max,
     orientation,
+    isFixed,
     onMouseDown,
     onTouchStart,
     onKeyDown,
@@ -721,6 +722,7 @@ const SplitterComponent = forwardRef((_ref, ref) => {
     min: min * pixelsPerFr,
     max: max * pixelsPerFr,
     rtl: themeContext.rtl,
+    isFixed,
     environment,
     onChange: valueNow => {
       if (isRow) {
@@ -759,6 +761,7 @@ const SplitterComponent = forwardRef((_ref, ref) => {
     }), [orientation, layoutKey, min, max, valueInFr, size, isRow])
   }, React.createElement(StyledPaneSplitter, _extends({
     isHovered: isHovered,
+    isFixed: isFixed,
     orientation: orientation
   }, separatorProps, props, {
     onMouseOver: onMouseOver,
@@ -770,7 +773,8 @@ SplitterComponent.propTypes = {
   layoutKey: PropTypes.string.isRequired,
   min: PropTypes.number.isRequired,
   max: PropTypes.number.isRequired,
-  orientation: PropTypes.oneOf(ORIENTATION)
+  orientation: PropTypes.oneOf(ORIENTATION),
+  isFixed: PropTypes.bool
 };
 SplitterComponent.defaultProps = {
   orientation: 'end'

package/dist/typings/styled/pane/StyledPaneSplitter.d.ts

@@ -9,6 +9,7 @@ import { Orientation } from '../../types';
 interface IStyledPaneSplitterProps {
     isHovered: boolean;
     orientation?: Orientation;
+    isFixed?: boolean;
 }
 /**
  * 1. Elevated initial context to pickup full-width hover

package/dist/typings/types/index.d.ts

@@ -205,6 +205,8 @@ export interface ISplitterProps extends HTMLAttributes<HTMLDivElement> {
     max: number;
     /** Determines splitter orientation within a pane */
     orientation?: Orientation;
+    /** Determines if the splitter only toggles between `min` and `max` */
+    isFixed?: boolean;
 }
 export interface ISplitterButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Adjusts the placement of the splitter button. Assumes start when vertical and center when horizontal, by default. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-grid",
-  "version": "8.59.0",
+  "version": "8.60.0",
   "description": "Components relating to layout grids in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,10 +21,10 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/container-splitter": "^2.0.0",
+    "@zendeskgarden/container-splitter": "^2.0.3",
     "@zendeskgarden/container-utilities": "^1.0.0",
-    "@zendeskgarden/react-buttons": "^8.59.0",
-    "@zendeskgarden/react-tooltips": "^8.59.0",
+    "@zendeskgarden/react-buttons": "^8.60.0",
+    "@zendeskgarden/react-tooltips": "^8.60.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^1.1.0"
@@ -36,7 +36,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.59.0",
+    "@zendeskgarden/react-theming": "^8.60.0",
     "use-resize-observer": "9.0.2"
   },
   "keywords": [
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "14c3ad1b3abb0f76ffc8512c89d167ecb6f024fa"
+  "gitHead": "8adf13e61f58a64a0ba06794c0362f665e846fe9"
 }