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

package/dist/esm/elements/dropzone/Dropzone.js

@@ -49,7 +49,7 @@ const DropzoneComponent = forwardRef((_ref, ref) => {
     hasMessage: hasMessage,
     isVertical: isVertical,
     ref: ref
-  }), hasMessage && isDanger && !hasIcon && React__default.createElement(StyledIcon, {
+  }), !!(hasMessage && isDanger) && !hasIcon && React__default.createElement(StyledIcon, {
     "aria-hidden": "true",
     hasMessage: hasMessage,
     isVertical: isVertical

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

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'draggable.content';
 const StyledContent = 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: "StyledContent",
   componentId: "sc-15arore-0"

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

@@ -103,7 +103,7 @@ const getCursor = props => {
 };
 const StyledDraggable = 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: "StyledDraggable",
   componentId: "sc-3lxpf1-0"

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

@@ -17,7 +17,7 @@ function sizeStyles(_ref) {
 }
 const StyledGrip = 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: "StyledGrip",
   componentId: "sc-13uv9iv-0"

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

@@ -26,7 +26,7 @@ const sizeStyles = props => {
 };
 const StyledDraggableList = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledDraggableList",
   componentId: "sc-17agksa-0"

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

@@ -30,7 +30,7 @@ const sizeStyles = props => {
 };
 const StyledDropIndicator = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledDropIndicator",
   componentId: "sc-1f1u2lh-0"

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

@@ -19,7 +19,7 @@ const sizeStyles = props => {
 };
 const StyledItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1nps3s3-0"

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

@@ -84,7 +84,7 @@ const sizeStyles = props => {
 };
 const StyledDropzone = 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: "StyledDropzone",
   componentId: "sc-1b7zuip-0"

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

@@ -26,7 +26,7 @@ function sizeStyles(_ref) {
 }
 const StyledIcon = 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: "StyledIcon",
   componentId: "sc-1o12gen-0"

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

@@ -10,7 +10,7 @@ import { getLineHeight, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskg
 const COMPONENT_ID = 'dropzone.message';
 const StyledMessage = styled.p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-5kb2l2-0"

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.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGrip",
   componentId: "sc-13uv9iv-0"
@@ -151,7 +151,7 @@ const getCursor = props => {
 };
 const StyledDraggable = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledDraggable",
   componentId: "sc-3lxpf1-0"
@@ -163,7 +163,7 @@ StyledDraggable.defaultProps = {
 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.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-15arore-0"
@@ -184,7 +184,7 @@ const sizeStyles$4 = props => {
 };
 const StyledItem = styled__default.default.li.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: "StyledItem",
   componentId: "sc-1nps3s3-0"
@@ -211,7 +211,7 @@ const sizeStyles$3 = props => {
 };
 const StyledDraggableList = styled__default.default.ul.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: "StyledDraggableList",
   componentId: "sc-17agksa-0"
@@ -243,7 +243,7 @@ const sizeStyles$2 = props => {
 };
 const StyledDropIndicator = styled__default.default.li.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: "StyledDropIndicator",
   componentId: "sc-1f1u2lh-0"
@@ -328,7 +328,7 @@ const sizeStyles$1 = props => {
 };
 const StyledDropzone = 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: "StyledDropzone",
   componentId: "sc-1b7zuip-0"
@@ -340,7 +340,7 @@ StyledDropzone.defaultProps = {
 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.22'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-5kb2l2-0"
@@ -368,7 +368,7 @@ function sizeStyles(_ref) {
 }
 const StyledIcon = styled__default.default.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: "StyledIcon",
   componentId: "sc-1o12gen-0"
@@ -616,7 +616,7 @@ const DropzoneComponent = React.forwardRef((_ref, ref) => {
     hasMessage: hasMessage,
     isVertical: isVertical,
     ref: ref
-  }), hasMessage && isDanger && !hasIcon && React__namespace.default.createElement(StyledIcon, {
+  }), !!(hasMessage && isDanger) && !hasIcon && React__namespace.default.createElement(StyledIcon, {
     "aria-hidden": "true",
     hasMessage: hasMessage,
     isVertical: isVertical

package/dist/typings/elements/draggable/Draggable.d.ts

@@ -8,10 +8,12 @@ import React from 'react';
 import { Content } from './components/Content';
 import { Grip } from './components/Grip';
 import { IDraggableProps } from '../../types';
+declare const DraggableComponent: React.ForwardRefExoticComponent<IDraggableProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Draggable: React.ForwardRefExoticComponent<IDraggableProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Draggable: typeof DraggableComponent & {
     Grip: typeof Grip;
     Content: typeof Content;
 };
+export {};

package/dist/typings/elements/draggable-list/DraggableList.d.ts

@@ -8,10 +8,12 @@ import React from 'react';
 import { DropIndicator } from './components/DropIndicator';
 import { Item } from './components/Item';
 import { IDraggableListProps } from '../../types';
+declare const DraggableListComponent: React.ForwardRefExoticComponent<IDraggableListProps & React.RefAttributes<HTMLUListElement>>;
 /**
  * @extends HTMLAttributes<HTMLUListElement>
  */
-export declare const DraggableList: React.ForwardRefExoticComponent<IDraggableListProps & React.RefAttributes<HTMLUListElement>> & {
+export declare const DraggableList: typeof DraggableListComponent & {
     Item: typeof Item;
     DropIndicator: typeof DropIndicator;
 };
+export {};

package/dist/typings/elements/dropzone/Dropzone.d.ts

@@ -8,10 +8,12 @@ import React from 'react';
 import { Message } from './components/Message';
 import { Icon } from './components/Icon';
 import { IDropzoneProps } from '../../types';
+declare const DropzoneComponent: React.ForwardRefExoticComponent<IDropzoneProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Dropzone: React.ForwardRefExoticComponent<IDropzoneProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Dropzone: typeof DropzoneComponent & {
     Icon: typeof Icon;
     Message: typeof Message;
 };
+export {};

package/dist/typings/utils/useDraggableListContext.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" />
 export interface IDraggableListContext {
     isHorizontal?: boolean;
 }

package/dist/typings/utils/useDropzoneContext.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" />
 export interface IDropzoneContext {
     isVertical?: boolean;
     isDanger?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-draggable",
-  "version": "9.0.0-next.22",
+  "version": "9.0.0-next.23",
   "description": "Components related to drag and drop in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -26,17 +26,17 @@
   },
   "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": {
     "@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.22",
-    "@zendeskgarden/react-typography": "^9.0.0-next.22",
-    "@zendeskgarden/svg-icons": "7.1.1"
+    "@zendeskgarden/react-theming": "^9.0.0-next.23",
+    "@zendeskgarden/react-typography": "^9.0.0-next.23",
+    "@zendeskgarden/svg-icons": "7.2.0"
   },
   "keywords": [
     "components",
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "46309385a1495c2297da23409f4196f662fe418b"
+  "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
 }