@commercetools-uikit/accessible-button - npm Package Compare versions

Comparing version 19.9.0 to 19.10.0

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

		@@ -133,3 +133,3 @@ 'use strict';
		// NOTE: This string will be replaced on build time with the package version.
		var version = "19.9.0";
		var version = "19.10.0";

		@@ -136,0 +136,0 @@ exports["default"] = AccessibleButton$1;

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

		@@ -120,3 +120,3 @@ 'use strict';
		// NOTE: This string will be replaced on build time with the package version.
		var version = "19.9.0";
		var version = "19.10.0";

		@@ -123,0 +123,0 @@ exports["default"] = AccessibleButton$1;

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

		@@ -116,4 +116,4 @@ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
		// NOTE: This string will be replaced on build time with the package version.
		var version = "19.9.0";
		var version = "19.10.0";

		export { AccessibleButton$1 as default, getNormalizedButtonStyles, version };

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

		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>;
		@@ -14,0 +52,0 @@ };

package.json

		{
		"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.10.0",
		"bugs": "https://github.com/commercetools/ui-kit/issues",
		@@ -24,4 +24,4 @@ "repository": {
		"@babel/runtime-corejs3": "^7.20.13",
		"@commercetools-uikit/design-system": "19.9.0",
		"@commercetools-uikit/utils": "19.9.0",
		"@commercetools-uikit/design-system": "19.10.0",
		"@commercetools-uikit/utils": "19.10.0",
		"@emotion/react": "^11.10.5",
		@@ -28,0 +28,0 @@ "@emotion/styled": "^11.10.5",

New alerts