@commercetools-uikit/accessible-button 19.9.0 → 19.11.0

package/dist/commercetools-uikit-accessible-button.cjs.dev.js

@@ -130,7 +130,7 @@ AccessibleButton.defaultProps = defaultProps;
 var AccessibleButton$1 = AccessibleButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.9.0";
+var version = "19.11.0";
 
 exports["default"] = AccessibleButton$1;
 exports.getNormalizedButtonStyles = getNormalizedButtonStyles;

package/dist/commercetools-uikit-accessible-button.cjs.prod.js

@@ -117,7 +117,7 @@ AccessibleButton.defaultProps = defaultProps;
 var AccessibleButton$1 = AccessibleButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.9.0";
+var version = "19.11.0";
 
 exports["default"] = AccessibleButton$1;
 exports.getNormalizedButtonStyles = getNormalizedButtonStyles;

package/dist/commercetools-uikit-accessible-button.esm.js

@@ -113,6 +113,6 @@ AccessibleButton.defaultProps = defaultProps;
 var AccessibleButton$1 = AccessibleButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.9.0";
+var version = "19.11.0";
 
 export { AccessibleButton$1 as default, getNormalizedButtonStyles, version };

package/dist/declarations/src/accessible-button.d.ts

@@ -1,15 +1,53 @@
 import { ReactNode, KeyboardEvent, ComponentType, MouseEvent } from 'react';
 export type TAccessibleButtonProps = {
+    /**
+     * By default the component renders a `button` element. You can pass an optional `React.ElemenType`
+     * in case this needs to be rendered as a different element.
+     */
     as?: string | ComponentType;
+    /**
+     * The ID of the element.
+     */
     id?: string;
+    /**
+     * The [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) of the `button` element.
+     */
     type?: 'submit' | 'reset' | 'button';
+    /**
+     * The aria-label value.
+     */
     label: string;
+    /**
+     * Any React node.
+     */
     children: ReactNode;
+    /**
+     * If `true`, indicates that this is a toggle button.
+     */
     isToggleButton?: boolean;
+    /**
+     * If `true`, indicates that this element is in a toggled state.
+     * <br/>
+     * This prop is only used if `isToggleButton` is `true`.
+     */
     isToggled?: boolean;
+    /**
+     * If `true`, indicates that the element is in a disabled state.
+     */
     isDisabled?: boolean;
+    /**
+     * Allow to override the styles by passing a `className` prop.
+     * <br/>
+     * Custom styles can also be passed using the [`css` prop from emotion](https://emotion.sh/docs/css-prop#style-precedence).
+     */
     className?: string;
+    /**
+     * Event handler when the button is clicked, or the user presses `ENTER` or `SPACE`.
+     */
     onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    /**
+     * Any HTML attributes to be forwarded to the HTML element.
+     */
     buttonAttributes?: Record<string, unknown>;
 };
 declare const AccessibleButton: import("react").ForwardRefExoticComponent<TAccessibleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/accessible-button",
   "description": "A React component that you can use to wrap your buttons in an accessible <button/> element.",
-  "version": "19.9.0",
+  "version": "19.11.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,8 +21,8 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/design-system": "19.9.0",
-    "@commercetools-uikit/utils": "19.9.0",
+    "@commercetools-uikit/design-system": "19.11.0",
+    "@commercetools-uikit/utils": "19.11.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@types/react-is": "^17.0.3",