@zendeskgarden/react-draggable 9.0.0-next.23 → 9.0.0-next.25

package/dist/esm/styled/draggable/StyledContent.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 = 'draggable.content';
 const StyledContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-15arore-0"
 })(["flex:1;word-wrap:break-word;overflow-wrap:anywhere;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledContent.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledContent };

package/dist/esm/styled/draggable/StyledDraggable.js

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
 import { StyledGrip } from './StyledGrip.js';
 
 const COMPONENT_ID = 'draggable';
@@ -103,13 +103,10 @@ const getCursor = props => {
 };
 const StyledDraggable = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledDraggable",
   componentId: "sc-3lxpf1-0"
 })(["display:flex;flex:1;align-items:center;transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;cursor:", ";font-family:", ";direction:", ";box-sizing:border-box;", " ", " > *{visibility:", ";}", ";"], getCursor, props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', sizeStyles, colorStyles, p => p.isPlaceholder && !p.isDisabled && 'hidden', props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledDraggable.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledDraggable, getDragShadow };

package/dist/esm/styled/draggable/StyledGrip.js

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'draggable.grip';
 function sizeStyles(_ref) {
@@ -17,7 +17,7 @@ function sizeStyles(_ref) {
 }
 const StyledGrip = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledGrip",
   componentId: "sc-13uv9iv-0"
@@ -25,8 +25,5 @@ const StyledGrip = styled.div.attrs({
   variable: 'foreground.subtle',
   theme: p.theme
 }), sizeStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledGrip.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledGrip };

package/dist/esm/styled/draggable-list/StyledDraggableList.js

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledItem } from './StyledItem.js';
 
 const COMPONENT_ID = 'draggable_list';
@@ -26,13 +26,10 @@ const sizeStyles = props => {
 };
 const StyledDraggableList = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledDraggableList",
   componentId: "sc-17agksa-0"
 })(["display:flex;flex-direction:", ";margin:0;padding:0;list-style:none;box-sizing:border-box;direction:", ";> ", "{flex:1;}", ";", ";"], p => p.isHorizontal ? 'row' : 'column', props => props.theme.rtl && 'rtl', StyledItem, sizeStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledDraggableList.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledDraggableList };

package/dist/esm/styled/draggable-list/StyledDropIndicator.js

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'draggable_list.drop_indicator';
 const colorStyles = props => {
@@ -30,13 +30,10 @@ const sizeStyles = props => {
 };
 const StyledDropIndicator = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledDropIndicator",
   componentId: "sc-1f1u2lh-0"
 })(["position:relative;", " ", " &::before,&::after{position:absolute;content:'';}", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledDropIndicator.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledDropIndicator };

package/dist/esm/styled/draggable-list/StyledItem.js

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'draggable_list.item';
 const sizeStyles = props => {
@@ -19,13 +19,10 @@ const sizeStyles = props => {
 };
 const StyledItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1nps3s3-0"
 })(["display:flex;", " ", ";"], sizeStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledItem.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledItem };

package/dist/esm/styled/dropzone/StyledDropzone.js

@@ -6,7 +6,7 @@
 */
 import styled, { css } from 'styled-components';
 import { math } from 'polished';
-import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropzone';
 const colorStyles = props => {
@@ -84,13 +84,10 @@ const sizeStyles = props => {
 };
 const StyledDropzone = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledDropzone",
   componentId: "sc-1b7zuip-0"
 })(["display:", ";flex-direction:", ";align-items:", ";justify-content:", ";transition:border-color 0.25s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;margin:0;text-align:", ";direction:", ";box-sizing:border-box;", " ", " ", ";"], p => (p.hasMessage || p.hasIcon) && 'flex', p => p.hasMessage && p.isVertical && 'column', p => (p.hasMessage || p.hasIcon) && 'center', p => (p.hasMessage || p.hasIcon) && 'center', p => p.hasMessage && 'center', props => props.theme.rtl && 'rtl', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledDropzone.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledDropzone };

package/dist/esm/styled/dropzone/StyledIcon.js

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropzone.icon';
 function sizeStyles(_ref) {
@@ -26,13 +26,10 @@ function sizeStyles(_ref) {
 }
 const StyledIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-1o12gen-0"
 })(["display:flex;width:", ";height:", ";", " ", ";"], props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, p => p.hasMessage && sizeStyles(p), props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledIcon.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledIcon };

package/dist/esm/styled/dropzone/StyledMessage.js

@@ -5,18 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getLineHeight, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { getLineHeight, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropzone.message';
 const StyledMessage = styled.p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-5kb2l2-0"
 })(["margin:0;line-height:", ";color:inherit;font-size:", ";font-weight:", ";", ";"], p => getLineHeight(p.theme.space.base * 5, p.theme.fontSizes.md), p => p.theme.fontSizes.md, p => p.theme.fontWeights.regular, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledMessage.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledMessage };

package/dist/index.cjs.js

@@ -44,7 +44,7 @@ function sizeStyles$6(_ref) {
 }
 const StyledGrip = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledGrip",
   componentId: "sc-13uv9iv-0"
@@ -52,9 +52,6 @@ const StyledGrip = styled__default.default.div.attrs({
   variable: 'foreground.subtle',
   theme: p.theme
 }), sizeStyles$6, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props));
-StyledGrip.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$7 = 'draggable';
 function getDragShadow(theme) {
@@ -151,26 +148,20 @@ const getCursor = props => {
 };
 const StyledDraggable = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledDraggable",
   componentId: "sc-3lxpf1-0"
 })(["display:flex;flex:1;align-items:center;transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;cursor:", ";font-family:", ";direction:", ";box-sizing:border-box;", " ", " > *{visibility:", ";}", ";"], getCursor, props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', sizeStyles$5, colorStyles$2, p => p.isPlaceholder && !p.isDisabled && 'hidden', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$7, props));
-StyledDraggable.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$6 = 'draggable.content';
 const StyledContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-15arore-0"
 })(["flex:1;word-wrap:break-word;overflow-wrap:anywhere;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$6, props));
-StyledContent.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$5 = 'draggable_list.item';
 const sizeStyles$4 = props => {
@@ -184,14 +175,11 @@ const sizeStyles$4 = props => {
 };
 const StyledItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1nps3s3-0"
 })(["display:flex;", " ", ";"], sizeStyles$4, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props));
-StyledItem.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$4 = 'draggable_list';
 const sizeStyles$3 = props => {
@@ -211,14 +199,11 @@ const sizeStyles$3 = props => {
 };
 const StyledDraggableList = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledDraggableList",
   componentId: "sc-17agksa-0"
 })(["display:flex;flex-direction:", ";margin:0;padding:0;list-style:none;box-sizing:border-box;direction:", ";> ", "{flex:1;}", ";", ";"], p => p.isHorizontal ? 'row' : 'column', props => props.theme.rtl && 'rtl', StyledItem, sizeStyles$3, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props));
-StyledDraggableList.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$3 = 'draggable_list.drop_indicator';
 const colorStyles$1 = props => {
@@ -243,14 +228,11 @@ const sizeStyles$2 = props => {
 };
 const StyledDropIndicator = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledDropIndicator",
   componentId: "sc-1f1u2lh-0"
 })(["position:relative;", " ", " &::before,&::after{position:absolute;content:'';}", ";"], sizeStyles$2, colorStyles$1, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props));
-StyledDropIndicator.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$2 = 'dropzone';
 const colorStyles = props => {
@@ -328,26 +310,20 @@ const sizeStyles$1 = props => {
 };
 const StyledDropzone = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledDropzone",
   componentId: "sc-1b7zuip-0"
 })(["display:", ";flex-direction:", ";align-items:", ";justify-content:", ";transition:border-color 0.25s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;margin:0;text-align:", ";direction:", ";box-sizing:border-box;", " ", " ", ";"], p => (p.hasMessage || p.hasIcon) && 'flex', p => p.hasMessage && p.isVertical && 'column', p => (p.hasMessage || p.hasIcon) && 'center', p => (p.hasMessage || p.hasIcon) && 'center', p => p.hasMessage && 'center', props => props.theme.rtl && 'rtl', sizeStyles$1, colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
-StyledDropzone.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID$1 = 'dropzone.message';
 const StyledMessage = styled__default.default.p.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-5kb2l2-0"
 })(["margin:0;line-height:", ";color:inherit;font-size:", ";font-weight:", ";", ";"], p => reactTheming.getLineHeight(p.theme.space.base * 5, p.theme.fontSizes.md), p => p.theme.fontSizes.md, p => p.theme.fontWeights.regular, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
-StyledMessage.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const COMPONENT_ID = 'dropzone.icon';
 function sizeStyles(_ref) {
@@ -368,14 +344,11 @@ function sizeStyles(_ref) {
 }
 const StyledIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.23'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-1o12gen-0"
 })(["display:flex;width:", ";height:", ";", " ", ";"], props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, p => p.hasMessage && sizeStyles(p), props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
-StyledIcon.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
 const Content = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledContent, Object.assign({}, props, {
   ref: ref

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-draggable",
-  "version": "9.0.0-next.23",
+  "version": "9.0.0-next.25",
   "description": "Components related to drag and drop in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -34,8 +34,8 @@
     "@dnd-kit/core": "6.1.0",
     "@dnd-kit/sortable": "8.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@zendeskgarden/react-theming": "^9.0.0-next.23",
-    "@zendeskgarden/react-typography": "^9.0.0-next.23",
+    "@zendeskgarden/react-theming": "^9.0.0-next.25",
+    "@zendeskgarden/react-typography": "^9.0.0-next.25",
     "@zendeskgarden/svg-icons": "7.2.0"
   },
   "keywords": [
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
+  "gitHead": "460751d630ab1c46e11810d60e4d7701b9d30b8f"
 }