@zendeskgarden/react-grid 9.0.0-next.24 → 9.0.0-next.25

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.24'
+  'data-garden-version': '9.0.0-next.25'
 }).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.24'
+  'data-garden-version': '9.0.0-next.25'
 }).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.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledRow",
   componentId: "sc-xjsdg1-0"

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

@@ -5,18 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'pane';
 const StyledPane = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledPane",
   componentId: "sc-1ltjst7-0"
 })(["position:relative;min-width:0;min-height:0;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledPane.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledPane };

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

@@ -5,18 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'pane.content';
 const StyledPaneContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledPaneContent",
   componentId: "sc-1b38mbh-0"
 })(["height:100%;overflow:auto;color-scheme:only ", ";&[hidden]{display:none;}", ";"], p => p.theme.colors.base, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledPaneContent.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledPaneContent };

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

@@ -6,7 +6,7 @@
 */
 import styled, { css } from 'styled-components';
 import { math } from 'polished';
-import { SELECTOR_FOCUS_VISIBLE, retrieveComponentStyles, DEFAULT_THEME, getColor, focusStyles } from '@zendeskgarden/react-theming';
+import { SELECTOR_FOCUS_VISIBLE, retrieveComponentStyles, getColor, focusStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'pane.splitter';
 const colorStyles = _ref => {
@@ -107,13 +107,10 @@ const sizeStyles = _ref2 => {
 };
 const StyledPaneSplitter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledPaneSplitter",
   componentId: "sc-jylemn-0"
 })(["display:flex;position:absolute;align-items:center;justify-content:center;z-index:1;user-select:none;", ";", "{z-index:2;}&::before{position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:-1;content:'';}", ";", ";"], sizeStyles, SELECTOR_FOCUS_VISIBLE, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledPaneSplitter.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledPaneSplitter };

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

@@ -5,7 +5,6 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { DEFAULT_THEME } from '@zendeskgarden/react-theming';
 import { ChevronButton } from '@zendeskgarden/react-buttons';
 
 const getSize = theme => theme.space.base * 6;
@@ -31,7 +30,7 @@ const transformStyles = props => {
   return css(["& > svg{transform:rotate(", "deg);}"], degrees);
 };
 const StyledPaneSplitterButton = styled(ChevronButton).attrs({
-  'data-garden-version': '9.0.0-next.24',
+  'data-garden-version': '9.0.0-next.25',
   isBasic: true,
   isPill: true,
   size: 'small'
@@ -39,8 +38,5 @@ const StyledPaneSplitterButton = styled(ChevronButton).attrs({
   displayName: "StyledPaneSplitterButton",
   componentId: "sc-zh032e-0"
 })(["", ";", ";"], sizeStyles, transformStyles);
-StyledPaneSplitterButton.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledPaneSplitterButton, getSize };

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

@@ -6,7 +6,7 @@
 */
 import styled, { css } from 'styled-components';
 import { stripUnit, math } from 'polished';
-import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 import { StyledPaneSplitter } from './StyledPaneSplitter.js';
 import { getSize } from './StyledPaneSplitterButton.js';
 
@@ -121,8 +121,5 @@ const StyledPaneSplitterButtonContainer = styled.div.withConfig({
   displayName: "StyledPaneSplitterButtonContainer",
   componentId: "sc-1w84y62-0"
 })(["display:", ";position:absolute;transition:box-shadow 0.1s ease-in-out,opacity 0.25s ease-in-out 0.1s;opacity:0;z-index:2;", ";", ";", ";&:hover,&:focus-within,", ":hover ~ &,", ":focus-visible ~ &{opacity:1;}", ";"], props => props.splitterSize <= minimumSplitterSize(props.theme) ? 'none' : undefined, positionStyles, sizeStyles, colorStyles, StyledPaneSplitter, StyledPaneSplitter, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledPaneSplitterButtonContainer.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledPaneSplitterButtonContainer };

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.24'
+  'data-garden-version': '9.0.0-next.25'
 }).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.24'
+  'data-garden-version': '9.0.0-next.25'
 }).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.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledRow",
   componentId: "sc-xjsdg1-0"
@@ -207,26 +207,20 @@ 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.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledPane",
   componentId: "sc-1ltjst7-0"
 })(["position:relative;min-width:0;min-height:0;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props));
-StyledPane.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 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.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledPaneContent",
   componentId: "sc-1b38mbh-0"
 })(["height:100%;overflow:auto;color-scheme:only ", ";&[hidden]{display:none;}", ";"], p => p.theme.colors.base, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
-StyledPaneContent.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$1 = 'pane.splitter';
 const colorStyles$1 = _ref => {
@@ -327,14 +321,11 @@ const sizeStyles$2 = _ref2 => {
 };
 const StyledPaneSplitter = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledPaneSplitter",
   componentId: "sc-jylemn-0"
 })(["display:flex;position:absolute;align-items:center;justify-content:center;z-index:1;user-select:none;", ";", "{z-index:2;}&::before{position:absolute;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out;z-index:-1;content:'';}", ";", ";"], sizeStyles$2, reactTheming.SELECTOR_FOCUS_VISIBLE, colorStyles$1, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
-StyledPaneSplitter.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const getSize = theme => theme.space.base * 6;
 const sizeStyles$1 = _ref => {
@@ -359,7 +350,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.24',
+  'data-garden-version': '9.0.0-next.25',
   isBasic: true,
   isPill: true,
   size: 'small'
@@ -367,9 +358,6 @@ const StyledPaneSplitterButton = styled__default.default(reactButtons.ChevronBut
   displayName: "StyledPaneSplitterButton",
   componentId: "sc-zh032e-0"
 })(["", ";", ";"], sizeStyles$1, transformStyles);
-StyledPaneSplitterButton.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID = 'pane.splitter_button_container';
 const colorStyles = _ref => {
@@ -482,9 +470,6 @@ const StyledPaneSplitterButtonContainer = styled__default.default.div.withConfig
   displayName: "StyledPaneSplitterButtonContainer",
   componentId: "sc-1w84y62-0"
 })(["display:", ";position:absolute;transition:box-shadow 0.1s ease-in-out,opacity 0.25s ease-in-out 0.1s;opacity:0;z-index:2;", ";", ";", ";&:hover,&:focus-within,", ":hover ~ &,", ":focus-visible ~ &{opacity:1;}", ";"], props => props.splitterSize <= minimumSplitterSize(props.theme) ? 'none' : undefined, positionStyles, sizeStyles, colorStyles, StyledPaneSplitter, StyledPaneSplitter, props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
-StyledPaneSplitterButtonContainer.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const GridContext = React.createContext({
   gutters: 'md'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-grid",
-  "version": "9.0.0-next.24",
+  "version": "9.0.0-next.25",
   "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.24",
-    "@zendeskgarden/react-tooltips": "^9.0.0-next.24",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.25",
+    "@zendeskgarden/react-tooltips": "^9.0.0-next.25",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0",
@@ -37,7 +37,7 @@
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.24"
+    "@zendeskgarden/react-theming": "^9.0.0-next.25"
   },
   "keywords": [
     "components",
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "36ac3913276188edf8d187a9861be7ba765e487a"
+  "gitHead": "460751d630ab1c46e11810d60e4d7701b9d30b8f"
 }