@zendeskgarden/react-buttons 9.0.0-next.1 → 9.0.0-next.11

package/dist/typings/elements/Button.d.ts

@@ -4,16 +4,10 @@
  * 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 React, { SVGAttributes } from 'react';
+import React from 'react';
 import { IButtonProps } from '../types';
 import { StartIcon } from './components/StartIcon';
 import { EndIcon } from './components/EndIcon';
-/**
- * @deprecated use IButtonStartIconProps or IButtonEndIconProps instead
- */
-export interface IIconProps extends SVGAttributes<SVGSVGElement> {
-    isRotated?: boolean;
-}
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

package/dist/typings/elements/components/EndIcon.d.ts

@@ -10,6 +10,6 @@ import { IButtonIconProps } from '../../types';
  * @extends SVGAttributes<SVGElement>
  */
 export declare const EndIcon: {
-    (props: IButtonIconProps): React.JSX.Element;
+    ({ isRotated, ...props }: IButtonIconProps): React.JSX.Element;
     displayName: string;
 };

package/dist/typings/elements/components/StartIcon.d.ts

@@ -10,6 +10,6 @@ import { IButtonIconProps } from '../../types';
  * @extends SVGAttributes<SVGElement>
  */
 export declare const StartIcon: {
-    (props: IButtonIconProps): React.JSX.Element;
+    ({ isRotated, ...props }: IButtonIconProps): React.JSX.Element;
     displayName: string;
 };

package/dist/typings/index.d.ts

@@ -4,12 +4,11 @@
  * 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 { Button, type IIconProps } from './elements/Button';
+export { Button } from './elements/Button';
 export { Anchor } from './elements/Anchor';
-export { ButtonGroup } from './elements/ButtonGroup';
 export { ChevronButton } from './elements/ChevronButton';
 export { IconButton } from './elements/IconButton';
 export { SplitButton } from './elements/SplitButton';
 export { ToggleButton } from './elements/ToggleButton';
 export { ToggleIconButton } from './elements/ToggleIconButton';
-export type { IButtonProps, IButtonIconProps as IButtonEndIconProps, IButtonIconProps as IButtonStartIconProps, IAnchorProps, IIconButtonProps, IIconButtonProps as IChevronButtonProps, IToggleButtonProps, IToggleIconButtonProps, IButtonGroupProps } from './types';
+export type { IButtonProps, IButtonIconProps as IButtonEndIconProps, IButtonIconProps as IButtonStartIconProps, IAnchorProps, IIconButtonProps, IIconButtonProps as IChevronButtonProps, IToggleButtonProps, IToggleIconButtonProps } from './types';

package/dist/typings/styled/StyledAnchor.d.ts

@@ -14,4 +14,4 @@ export declare const StyledAnchor: import("styled-components").StyledComponent<"
     dir: "rtl" | undefined;
     isLink: boolean;
     type: undefined;
-}, "type" | "dir" | "data-garden-id" | "data-garden-version" | "as" | "isLink">;
+}, "type" | "dir" | "as" | "data-garden-id" | "data-garden-version" | "isLink">;

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

@@ -4,13 +4,13 @@
  * 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" />
 import { DefaultTheme } from 'styled-components';
-import React from 'react';
 interface IStyledIconProps {
-    isRotated: boolean;
-    position?: 'start' | 'end';
+    $isRotated: boolean;
+    $position?: 'start' | 'end';
 }
-export declare const StyledIcon: import("styled-components").StyledComponent<({ children, isRotated, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+export declare const StyledIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledIconProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledButtonGroup.d.ts → StyledSplitButton.d.ts}

@@ -7,7 +7,7 @@
 /**
  * Accepts all `<div>` props
  */
-export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledSplitButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/index.d.ts

@@ -6,7 +6,7 @@
  */
 export * from './StyledAnchor';
 export * from './StyledButton';
-export * from './StyledButtonGroup';
+export * from './StyledSplitButton';
 export * from './StyledExternalIcon';
 export * from './StyledIcon';
 export * from './StyledIconButton';

package/dist/typings/types/index.d.ts

@@ -4,7 +4,7 @@
  * 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 { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, SVGAttributes } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, SVGAttributes } from 'react';
 export declare const SIZE: readonly ["small", "medium", "large"];
 export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Applies danger styling */
@@ -25,8 +25,6 @@ export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     isPill?: boolean;
     /** Applies inset `box-shadow` styling on focus */
     focusInset?: boolean;
-    /** @ignore prop used by `ButtonGroup` */
-    isSelected?: boolean;
 }
 export interface IToggleButtonProps extends IButtonProps {
     /**
@@ -56,13 +54,3 @@ export interface IAnchorProps extends Pick<IButtonProps, 'isDanger'>, AnchorHTML
      **/
     externalIconLabel?: string;
 }
-export interface IButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
-    /** Defines the currently selected button in the group */
-    selectedItem?: any;
-    /**
-     * Handles button selection
-     *
-     * @param {any} item The selected item
-     */
-    onSelect?: (item: any) => void;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-buttons",
-  "version": "9.0.0-next.1",
+  "version": "9.0.0-next.11",
   "description": "Components relating to buttons in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -21,20 +21,19 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/container-selection": "^3.0.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.1",
+    "@zendeskgarden/react-theming": "^9.0.0-next.11",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -47,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a9e4e776bf6ad8860a198fc24f27b2b5cbc83320"
+  "gitHead": "0de1cc664807bd993ccd3beeb78e8fd1f3828320"
 }