@commercetools-uikit/flat-button 19.8.0 → 19.10.0

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

@@ -153,7 +153,7 @@ FlatButton.defaultProps = defaultProps;
 var FlatButton$1 = FlatButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.8.0";
+var version = "19.10.0";
 
 exports["default"] = FlatButton$1;
 exports.version = version;

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

@@ -128,7 +128,7 @@ FlatButton.defaultProps = defaultProps;
 var FlatButton$1 = FlatButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.8.0";
+var version = "19.10.0";
 
 exports["default"] = FlatButton$1;
 exports.version = version;

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

@@ -134,6 +134,6 @@ FlatButton.defaultProps = defaultProps;
 var FlatButton$1 = FlatButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.8.0";
+var version = "19.10.0";
 
 export { FlatButton$1 as default, version };

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

@@ -1,14 +1,47 @@
 import { type MouseEvent, type KeyboardEvent, type ElementType, type ReactElement, ComponentPropsWithRef } from 'react';
 export type TFlatButtonProps<TStringOrComponent extends ElementType = 'button'> = {
+    /**
+     * You may pass in a string like "a" to have the button element render an anchor tag, or
+     * you could pass in a React Component, like a `Link`.
+     * <br />
+     * The `<FlatButton>` additionally accepts any props or attributes specific to the given element or component.
+     */
     as?: TStringOrComponent;
+    /**
+     * Indicates the color scheme of the button.
+     */
     tone?: 'primary' | 'secondary' | 'inverted' | 'critical';
+    /**
+     * Used as the HTML `type` attribute.
+     */
     type?: 'submit' | 'reset' | 'button';
+    /**
+     * Should describe what the button is for.
+     */
     label: string;
+    /**
+     * Handler when the button is clicked.
+     */
     onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    /**
+     * The icon of the button.
+     */
     icon?: ReactElement;
+    /**
+     * The position of the icon.
+     */
     iconPosition?: 'left' | 'right';
+    /**
+     * Determines if the button is disabled.
+     * <br />
+     * Note that this influences the `tone` and `onClick` will not be triggered in this state.
+     */
     isDisabled?: boolean;
-} & ComponentPropsWithRef<TStringOrComponent>;
+} & /**
+ * Include any props derived from the React component passed to the `as` prop.
+ * For example, given `as={Link}`, all props of the `<Link>` component are allowed to be
+ * passed to `<FlatButton>`: <FlatButton as={Link} to="/foo" label="Foo" />.
+ */ ComponentPropsWithRef<TStringOrComponent>;
 declare const FlatButton: {
     <TStringOrComponent extends ElementType = "button">(props: TFlatButtonProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/flat-button",
   "description": "Flat buttons are minimal and a flat variation of primary and secondary buttons.",
-  "version": "19.8.0",
+  "version": "19.10.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,11 +21,11 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "19.8.0",
-    "@commercetools-uikit/design-system": "19.8.0",
-    "@commercetools-uikit/spacings-inline": "19.8.0",
-    "@commercetools-uikit/text": "19.8.0",
-    "@commercetools-uikit/utils": "19.8.0",
+    "@commercetools-uikit/accessible-button": "19.10.0",
+    "@commercetools-uikit/design-system": "19.10.0",
+    "@commercetools-uikit/spacings-inline": "19.10.0",
+    "@commercetools-uikit/text": "19.10.0",
+    "@commercetools-uikit/utils": "19.10.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",