@zendeskgarden/react-draggable 9.12.2 → 9.12.4

package/dist/esm/elements/draggable/Draggable.js

@@ -17,17 +17,16 @@ import '../../styled/dropzone/StyledDropzone.js';
 import '../../styled/dropzone/StyledMessage.js';
 import '../../styled/dropzone/StyledIcon.js';
 
-const DraggableComponent = forwardRef((_ref, ref) => {
-  let {
-    focusInset,
-    isBare,
-    isCompact,
-    isDisabled,
-    isGrabbed,
-    isPlaceholder,
-    tag,
-    ...other
-  } = _ref;
+const DraggableComponent = forwardRef(({
+  focusInset,
+  isBare,
+  isCompact,
+  isDisabled,
+  isGrabbed,
+  isPlaceholder,
+  tag,
+  ...other
+}, ref) => {
   return React__default.createElement(StyledDraggable, Object.assign({
     $focusInset: focusInset,
     $isBare: isBare,

package/dist/esm/elements/draggable-list/DraggableList.js

@@ -18,11 +18,10 @@ import '../../styled/dropzone/StyledMessage.js';
 import '../../styled/dropzone/StyledIcon.js';
 import { DraggableListContext } from '../../utils/useDraggableListContext.js';
 
-const DraggableListComponent = forwardRef((_ref, ref) => {
-  let {
-    isHorizontal,
-    ...other
-  } = _ref;
+const DraggableListComponent = forwardRef(({
+  isHorizontal,
+  ...other
+}, ref) => {
   const value = useMemo(() => ({
     isHorizontal
   }), [isHorizontal]);

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

@@ -19,17 +19,16 @@ import '../../styled/dropzone/StyledMessage.js';
 import { StyledIcon } from '../../styled/dropzone/StyledIcon.js';
 import { DropzoneContext } from '../../utils/useDropzoneContext.js';
 
-const DropzoneComponent = forwardRef((_ref, ref) => {
-  let {
-    children,
-    isActive,
-    isDanger,
-    isDisabled,
-    isHighlighted,
-    isVertical,
-    tag,
-    ...other
-  } = _ref;
+const DropzoneComponent = forwardRef(({
+  children,
+  isActive,
+  isDanger,
+  isDisabled,
+  isHighlighted,
+  isVertical,
+  tag,
+  ...other
+}, ref) => {
   const [hasMessage, setHasMessage] = useState(false);
   const [hasIcon, setHasIcon] = useState(false);
   const value = useMemo(() => ({

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/grip.svg.js

@@ -7,9 +7,9 @@
 import * as React from 'react';
 
 var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgGrip = function SvgGrip(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,

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

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'draggable.content';
+const COMPONENT_ID$6 = 'draggable.content';
 const StyledContent = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$6,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-15arore-0"

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

@@ -5,10 +5,10 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { componentStyles, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
+import { componentStyles, getLineHeight, getColor, focusStyles } from '@zendeskgarden/react-theming';
 import { StyledGrip } from './StyledGrip.js';
 
-const COMPONENT_ID = 'draggable';
+const COMPONENT_ID$7 = 'draggable';
 function getDragShadow(theme) {
   const {
     space,
@@ -22,7 +22,7 @@ function getDragShadow(theme) {
   });
   return shadows.lg(offsetY, blurRadius, color);
 }
-const colorStyles = props => {
+const colorStyles$2 = props => {
   const {
     $isBare,
     $isGrabbed,
@@ -85,7 +85,7 @@ const colorStyles = props => {
     boxShadow: $isGrabbed ? dragShadow : undefined
   }), StyledGrip, $isDisabled && disabledColor);
 };
-const sizeStyles = props => {
+const sizeStyles$5 = props => {
   const {
     $isCompact,
     theme
@@ -102,11 +102,11 @@ const getCursor = props => {
   return cursor;
 };
 const StyledDraggable = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$7,
+  'data-garden-version': '9.12.4'
 }).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', componentStyles);
+})(["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', componentStyles);
 
 export { StyledDraggable, getDragShadow };

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

@@ -7,23 +7,22 @@
 import styled, { css } from 'styled-components';
 import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'draggable.grip';
-function sizeStyles(_ref) {
-  let {
-    theme
-  } = _ref;
+const COMPONENT_ID$8 = 'draggable.grip';
+function sizeStyles$6({
+  theme
+}) {
   const property = theme.rtl ? 'margin-left' : 'margin-right';
   return css(["", ":", ";"], property, theme.space.xs);
 }
 const StyledGrip = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$8,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledGrip",
   componentId: "sc-13uv9iv-0"
 })(["display:flex;transition:color 0.1s ease-in-out;box-sizing:border-box;color:", ";", " ", ";"], p => getColor({
   variable: 'foreground.subtle',
   theme: p.theme
-}), sizeStyles, componentStyles);
+}), sizeStyles$6, componentStyles);
 
 export { StyledGrip };

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

@@ -8,8 +8,8 @@ import styled, { css } from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledItem } from './StyledItem.js';
 
-const COMPONENT_ID = 'draggable_list';
-const sizeStyles = props => {
+const COMPONENT_ID$4 = 'draggable_list';
+const sizeStyles$3 = props => {
   const {
     $isHorizontal,
     theme: {
@@ -25,11 +25,11 @@ const sizeStyles = props => {
   return css(["", ":-", ";", ":-", ";"], marginStart, space.xxs, marginEnd, space.xxs);
 };
 const StyledDraggableList = styled.ul.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$4,
+  'data-garden-version': '9.12.4'
 }).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, componentStyles);
+})(["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, componentStyles);
 
 export { StyledDraggableList };

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

@@ -7,8 +7,8 @@
 import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'draggable_list.drop_indicator';
-const colorStyles = props => {
+const COMPONENT_ID$3 = 'draggable_list.drop_indicator';
+const colorStyles$1 = props => {
   const {
     theme
   } = props;
@@ -18,7 +18,7 @@ const colorStyles = props => {
   });
   return css(["box-shadow:", ";&::before,&::after{background-color:", ";}&:focus{outline:none;}"], theme.shadows.xs(color), color);
 };
-const sizeStyles = props => {
+const sizeStyles$2 = props => {
   const {
     $isHorizontal,
     theme
@@ -29,11 +29,11 @@ const sizeStyles = props => {
   return css(["&::before,&::after{border-radius:50%;width:", ";height:", ";}&::before{top:0;left:0;transform:translate(-", ",-", ");}&::after{right:0;bottom:0;transform:translate(", ",", ");}"], pseudoSize, pseudoSize, translateX, translateY, translateX, translateY);
 };
 const StyledDropIndicator = styled.li.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$3,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledDropIndicator",
   componentId: "sc-1f1u2lh-0"
-})(["position:relative;", " ", " &::before,&::after{position:absolute;content:'';}", ";"], sizeStyles, colorStyles, componentStyles);
+})(["position:relative;", " ", " &::before,&::after{position:absolute;content:'';}", ";"], sizeStyles$2, colorStyles$1, componentStyles);
 
 export { StyledDropIndicator };

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

@@ -7,8 +7,8 @@
 import styled, { css } from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'draggable_list.item';
-const sizeStyles = props => {
+const COMPONENT_ID$5 = 'draggable_list.item';
+const sizeStyles$4 = props => {
   const {
     $isHorizontal,
     theme: {
@@ -18,11 +18,11 @@ const sizeStyles = props => {
   return css(["padding:", ";"], $isHorizontal ? `0 ${space.xxs}` : `${space.xxs} 0`);
 };
 const StyledItem = styled.li.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$5,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1nps3s3-0"
-})(["display:flex;", " ", ";"], sizeStyles, componentStyles);
+})(["display:flex;", " ", ";"], sizeStyles$4, componentStyles);
 
 export { StyledItem };

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

@@ -8,7 +8,7 @@ import styled, { css } from 'styled-components';
 import { math } from 'polished';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropzone';
+const COMPONENT_ID$2 = 'dropzone';
 const colorStyles = props => {
   const {
     $isDanger,
@@ -74,7 +74,7 @@ const colorStyles = props => {
   }
   return css(["border-color:", ";background-color:", ";color:", ";"], borderColor, backgroundColor, color);
 };
-const sizeStyles = props => {
+const sizeStyles$1 = props => {
   const {
     theme,
     $isHighlighted
@@ -83,11 +83,11 @@ const sizeStyles = props => {
   return css(["border-width:", ";border-style:", ";border-radius:", ";padding:", "px;width:100%;font-family:", ";font-size:", ";"], borderWidth, $isHighlighted ? theme.borderStyles.solid : 'dashed', theme.borderRadii.md, $isHighlighted ? theme.space.base * 4 - 1 : theme.space.base * 4, theme.fonts.system, theme.fontSizes.md);
 };
 const StyledDropzone = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$2,
+  'data-garden-version': '9.12.4'
 }).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, componentStyles);
+})(["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, componentStyles);
 
 export { StyledDropzone };

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

@@ -8,11 +8,10 @@ import styled, { css } from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropzone.icon';
-function sizeStyles(_ref) {
-  let {
-    theme,
-    $isVertical
-  } = _ref;
+function sizeStyles({
+  theme,
+  $isVertical
+}) {
   let property;
   let value;
   if ($isVertical) {
@@ -26,7 +25,7 @@ function sizeStyles(_ref) {
 }
 const StyledIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-1o12gen-0"

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

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { getLineHeight, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropzone.message';
+const COMPONENT_ID$1 = 'dropzone.message';
 const StyledMessage = styled.p.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$1,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-5kb2l2-0"

package/dist/index.cjs.js

@@ -35,16 +35,15 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 const COMPONENT_ID$8 = 'draggable.grip';
-function sizeStyles$6(_ref) {
-  let {
-    theme
-  } = _ref;
+function sizeStyles$6({
+  theme
+}) {
   const property = theme.rtl ? 'margin-left' : 'margin-right';
   return styled.css(["", ":", ";"], property, theme.space.xs);
 }
 const StyledGrip = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledGrip",
   componentId: "sc-13uv9iv-0"
@@ -148,7 +147,7 @@ const getCursor = props => {
 };
 const StyledDraggable = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledDraggable",
   componentId: "sc-3lxpf1-0"
@@ -157,7 +156,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.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-15arore-0"
@@ -175,7 +174,7 @@ const sizeStyles$4 = props => {
 };
 const StyledItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1nps3s3-0"
@@ -199,7 +198,7 @@ const sizeStyles$3 = props => {
 };
 const StyledDraggableList = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledDraggableList",
   componentId: "sc-17agksa-0"
@@ -228,7 +227,7 @@ const sizeStyles$2 = props => {
 };
 const StyledDropIndicator = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledDropIndicator",
   componentId: "sc-1f1u2lh-0"
@@ -310,7 +309,7 @@ const sizeStyles$1 = props => {
 };
 const StyledDropzone = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledDropzone",
   componentId: "sc-1b7zuip-0"
@@ -319,18 +318,17 @@ 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.12.2'
+  'data-garden-version': '9.12.4'
 }).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, reactTheming.componentStyles);
 
 const COMPONENT_ID = 'dropzone.icon';
-function sizeStyles(_ref) {
-  let {
-    theme,
-    $isVertical
-  } = _ref;
+function sizeStyles({
+  theme,
+  $isVertical
+}) {
   let property;
   let value;
   if ($isVertical) {
@@ -344,7 +342,7 @@ function sizeStyles(_ref) {
 }
 const StyledIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-1o12gen-0"
@@ -417,17 +415,16 @@ const Grip = React.forwardRef((props, ref) => React__namespace.default.createEle
 }), React__namespace.default.createElement(SvgGrip, null)));
 Grip.displayName = 'Draggable.Grip';
 
-const DraggableComponent = React.forwardRef((_ref, ref) => {
-  let {
-    focusInset,
-    isBare,
-    isCompact,
-    isDisabled,
-    isGrabbed,
-    isPlaceholder,
-    tag,
-    ...other
-  } = _ref;
+const DraggableComponent = React.forwardRef(({
+  focusInset,
+  isBare,
+  isCompact,
+  isDisabled,
+  isGrabbed,
+  isPlaceholder,
+  tag,
+  ...other
+}, ref) => {
   return React__namespace.default.createElement(StyledDraggable, Object.assign({
     $focusInset: focusInset,
     $isBare: isBare,
@@ -479,11 +476,10 @@ const Item = React.forwardRef((props, ref) => {
 });
 Item.displayName = 'DraggableList.Item';
 
-const DraggableListComponent = React.forwardRef((_ref, ref) => {
-  let {
-    isHorizontal,
-    ...other
-  } = _ref;
+const DraggableListComponent = React.forwardRef(({
+  isHorizontal,
+  ...other
+}, ref) => {
   const value = React.useMemo(() => ({
     isHorizontal
   }), [isHorizontal]);
@@ -574,17 +570,16 @@ const Icon = React.forwardRef((props, ref) => {
 });
 Icon.displayName = 'Dropzone.Icon';
 
-const DropzoneComponent = React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    isActive,
-    isDanger,
-    isDisabled,
-    isHighlighted,
-    isVertical,
-    tag,
-    ...other
-  } = _ref;
+const DropzoneComponent = React.forwardRef(({
+  children,
+  isActive,
+  isDanger,
+  isDisabled,
+  isHighlighted,
+  isVertical,
+  tag,
+  ...other
+}, ref) => {
   const [hasMessage, setHasMessage] = React.useState(false);
   const [hasIcon, setHasIcon] = React.useState(false);
   const value = React.useMemo(() => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-draggable",
-  "version": "9.12.2",
+  "version": "9.12.4",
   "description": "Components related to drag and drop in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -34,9 +34,9 @@
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@zendeskgarden/react-theming": "^9.12.2",
-    "@zendeskgarden/react-typography": "^9.12.2",
-    "@zendeskgarden/svg-icons": "7.5.0"
+    "@zendeskgarden/react-theming": "^9.12.4",
+    "@zendeskgarden/react-typography": "^9.12.4",
+    "@zendeskgarden/svg-icons": "7.6.0"
   },
   "keywords": [
     "components",
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "9b6f34bf0eda4bee3b47f97a437aa9b7f3008af4"
+  "gitHead": "e79e9687e6bcbd097c059add2938cdae59a5173b"
 }