@zendeskgarden/react-draggable 9.2.0 → 9.4.0

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

@@ -10,7 +10,7 @@ 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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-1o12gen-0"

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

@@ -10,7 +10,7 @@ import { getLineHeight, retrieveComponentStyles } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'dropzone.message';
 const StyledMessage = styled.p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).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.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledGrip",
   componentId: "sc-13uv9iv-0"
@@ -148,7 +148,7 @@ const getCursor = props => {
 };
 const StyledDraggable = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledDraggable",
   componentId: "sc-3lxpf1-0"
@@ -157,7 +157,7 @@ const StyledDraggable = styled__default.default.div.attrs({
 const COMPONENT_ID$6 = 'draggable.content';
 const StyledContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-15arore-0"
@@ -175,7 +175,7 @@ const sizeStyles$4 = props => {
 };
 const StyledItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1nps3s3-0"
@@ -199,7 +199,7 @@ const sizeStyles$3 = props => {
 };
 const StyledDraggableList = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledDraggableList",
   componentId: "sc-17agksa-0"
@@ -228,7 +228,7 @@ const sizeStyles$2 = props => {
 };
 const StyledDropIndicator = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledDropIndicator",
   componentId: "sc-1f1u2lh-0"
@@ -310,7 +310,7 @@ const sizeStyles$1 = props => {
 };
 const StyledDropzone = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledDropzone",
   componentId: "sc-1b7zuip-0"
@@ -319,7 +319,7 @@ const StyledDropzone = styled__default.default.div.attrs({
 const COMPONENT_ID$1 = 'dropzone.message';
 const StyledMessage = styled__default.default.p.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-5kb2l2-0"
@@ -344,7 +344,7 @@ function sizeStyles(_ref) {
 }
 const StyledIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-1o12gen-0"

package/dist/typings/styled/draggable/StyledContent.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.
  */
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/typings/styled/draggable/StyledDraggable.d.ts

@@ -15,7 +15,6 @@ export interface IStyledDraggableProps extends ThemeProps<DefaultTheme> {
     $isPlaceholder?: boolean;
 }
 export declare function getDragShadow(theme: IGardenTheme): string;
-export declare const StyledDraggable: import("styled-components").StyledComponent<"div", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledDraggableProps, "data-garden-id" | "data-garden-version">;
+export declare const StyledDraggable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, IStyledDraggableProps>> & string;

package/dist/typings/styled/draggable/StyledGrip.d.ts

@@ -4,8 +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.
  */
-import { DefaultTheme } from 'styled-components';
-export declare const StyledGrip: import("styled-components").StyledComponent<"div", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledGrip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/typings/styled/draggable-list/StyledDraggableList.d.ts

@@ -11,7 +11,6 @@ export interface IStyledDraggableListProps extends ThemeProps<DefaultTheme> {
 /**
  * 1. <ul> reset.
  */
-export declare const StyledDraggableList: import("styled-components").StyledComponent<"ul", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledDraggableListProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+export declare const StyledDraggableList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}>, never>, IStyledDraggableListProps & ThemeProps<DefaultTheme>>> & string;

package/dist/typings/styled/draggable-list/StyledDropIndicator.d.ts

@@ -8,7 +8,6 @@ import { ThemeProps, DefaultTheme } from 'styled-components';
 export interface IStyledDropIndicatorProps extends ThemeProps<DefaultTheme> {
     $isHorizontal?: boolean;
 }
-export declare const StyledDropIndicator: import("styled-components").StyledComponent<"li", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledDropIndicatorProps, "data-garden-id" | "data-garden-version">;
+export declare const StyledDropIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}>, never>, IStyledDropIndicatorProps>> & string;

package/dist/typings/styled/draggable-list/StyledItem.d.ts

@@ -8,7 +8,6 @@ import { DefaultTheme, ThemeProps } from 'styled-components';
 export interface IStyledItemProps extends ThemeProps<DefaultTheme> {
     $isHorizontal?: boolean;
 }
-export declare const StyledItem: import("styled-components").StyledComponent<"li", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledItemProps, "data-garden-id" | "data-garden-version">;
+export declare const StyledItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}>, never>, IStyledItemProps>> & string;

package/dist/typings/styled/dropzone/StyledDropzone.d.ts

@@ -17,7 +17,6 @@ export interface IStyledDropzoneProps extends ThemeProps<DefaultTheme> {
 /**
  * 1. Reset margin, e.g. when alternative tag includes native margin
  */
-export declare const StyledDropzone: import("styled-components").StyledComponent<"div", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledDropzoneProps, "data-garden-id" | "data-garden-version">;
+export declare const StyledDropzone: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, IStyledDropzoneProps>> & string;

package/dist/typings/styled/dropzone/StyledIcon.d.ts

@@ -12,8 +12,7 @@ interface IStyledIconProps extends ThemeProps<DefaultTheme> {
 /**
  * 1. Corrects the vertical text alignment of the icon within a dropzone message.
  */
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledIconProps, "data-garden-id" | "data-garden-version">;
+export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, IStyledIconProps>> & string;
 export {};

package/dist/typings/styled/dropzone/StyledMessage.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.
  */
-export declare const StyledMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}>, never>, never>> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-draggable",
-  "version": "9.2.0",
+  "version": "9.4.0",
   "description": "Components related to drag and drop in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -28,14 +28,14 @@
     "@zendeskgarden/react-theming": ">=9.0.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"
+    "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
     "@dnd-kit/core": "6.1.0",
     "@dnd-kit/sortable": "8.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@zendeskgarden/react-theming": "^9.2.0",
-    "@zendeskgarden/react-typography": "^9.2.0",
+    "@zendeskgarden/react-theming": "^9.4.0",
+    "@zendeskgarden/react-typography": "^9.4.0",
     "@zendeskgarden/svg-icons": "7.3.0"
   },
   "keywords": [
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "23a86c9a1e830685e277544c089b44614c2261ac"
+  "gitHead": "02e3f240b6f0c776fdae785254d6fe90cbfc37e4"
 }