@zendeskgarden/react-grid 9.0.0-next.22 → 9.0.0-next.23

package/dist/esm/styled/StyledCol.js

@@ -76,7 +76,7 @@ const sizeStyles = _ref2 => {
 };
 const StyledCol = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledCol",
   componentId: "sc-inuw62-0"

package/dist/esm/styled/StyledGrid.js

@@ -36,7 +36,7 @@ const sizeStyles = _ref2 => {
 };
 const StyledGrid = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGrid",
   componentId: "sc-oxgg5i-0"

package/dist/esm/styled/StyledRow.js

@@ -52,7 +52,7 @@ const sizeStyles = _ref2 => {
 };
 const StyledRow = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledRow",
   componentId: "sc-xjsdg1-0"

package/dist/esm/styled/pane/StyledPane.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'pane';
 const StyledPane = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledPane",
   componentId: "sc-1ltjst7-0"

package/dist/esm/styled/pane/StyledPaneContent.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'pane.content';
 const StyledPaneContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledPaneContent",
   componentId: "sc-1b38mbh-0"

package/dist/esm/styled/pane/StyledPaneSplitter.js

@@ -107,7 +107,7 @@ const sizeStyles = _ref2 => {
 };
 const StyledPaneSplitter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledPaneSplitter",
   componentId: "sc-jylemn-0"

package/dist/esm/styled/pane/StyledPaneSplitterButton.js

@@ -31,7 +31,7 @@ const transformStyles = props => {
   return css(["& > svg{transform:rotate(", "deg);}"], degrees);
 };
 const StyledPaneSplitterButton = styled(ChevronButton).attrs({
-  'data-garden-version': '9.0.0-next.22',
+  'data-garden-version': '9.0.0-next.23',
   isBasic: true,
   isPill: true,
   size: 'small'

package/dist/index.cjs.js

@@ -102,7 +102,7 @@ const sizeStyles$5 = _ref2 => {
 };
 const StyledCol = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledCol",
   componentId: "sc-inuw62-0"
@@ -140,7 +140,7 @@ const sizeStyles$4 = _ref2 => {
 };
 const StyledGrid = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGrid",
   componentId: "sc-oxgg5i-0"
@@ -194,7 +194,7 @@ const sizeStyles$3 = _ref2 => {
 };
 const StyledRow = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledRow",
   componentId: "sc-xjsdg1-0"
@@ -207,7 +207,7 @@ StyledRow.defaultProps = {
 const COMPONENT_ID$3 = 'pane';
 const StyledPane = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledPane",
   componentId: "sc-1ltjst7-0"
@@ -219,7 +219,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': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledPaneContent",
   componentId: "sc-1b38mbh-0"
@@ -327,7 +327,7 @@ const sizeStyles$2 = _ref2 => {
 };
 const StyledPaneSplitter = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledPaneSplitter",
   componentId: "sc-jylemn-0"
@@ -359,7 +359,7 @@ const transformStyles = props => {
   return styled.css(["& > svg{transform:rotate(", "deg);}"], degrees);
 };
 const StyledPaneSplitterButton = styled__default.default(reactButtons.ChevronButton).attrs({
-  'data-garden-version': '9.0.0-next.22',
+  'data-garden-version': '9.0.0-next.23',
   isBasic: true,
   isPill: true,
   size: 'small'

package/dist/typings/elements/Grid.d.ts

@@ -12,7 +12,7 @@ export declare const GridComponent: React.ForwardRefExoticComponent<IGridProps &
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Grid: React.ForwardRefExoticComponent<IGridProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Grid: typeof GridComponent & {
     Row: typeof Row;
     Col: typeof Col;
 };

package/dist/typings/elements/pane/Pane.d.ts

@@ -8,11 +8,13 @@ import React from 'react';
 import { Splitter } from './components/Splitter';
 import { Content } from './components/Content';
 import { SplitterButton } from './components/SplitterButton';
+declare const PaneComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Pane: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+export declare const Pane: typeof PaneComponent & {
     Content: typeof Content;
     Splitter: typeof Splitter;
     SplitterButton: typeof SplitterButton;
 };
+export {};

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

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
 import { Orientation } from '../../types';
 interface IStyledSplitterButtonProps {

package/dist/typings/utils/useGridContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { GridNumber, Space } from '../types';
 interface IGridContext {
     columns?: GridNumber;

package/dist/typings/utils/usePaneContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 interface IPaneContext {
     id?: string;
     isVisible?: boolean;

package/dist/typings/utils/usePaneProviderContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 interface IPaneProviderContextData {
     rowState: Record<string, number>;
     columnState: Record<string, number>;

package/dist/typings/utils/usePaneSplitterContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { ISplitterProps, Orientation } from '../types';
 interface IPaneSplitterContext {
     orientation?: Orientation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-grid",
-  "version": "9.0.0-next.22",
+  "version": "9.0.0-next.23",
   "description": "Components relating to layout grids in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,8 +23,8 @@
   "dependencies": {
     "@zendeskgarden/container-splitter": "^2.0.17",
     "@zendeskgarden/container-utilities": "^2.0.0",
-    "@zendeskgarden/react-buttons": "^9.0.0-next.22",
-    "@zendeskgarden/react-tooltips": "^9.0.0-next.22",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.23",
+    "@zendeskgarden/react-tooltips": "^9.0.0-next.23",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0",
@@ -32,12 +32,12 @@
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.22"
+    "@zendeskgarden/react-theming": "^9.0.0-next.23"
   },
   "keywords": [
     "components",
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "46309385a1495c2297da23409f4196f662fe418b"
+  "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
 }