@commercetools-uikit/secondary-button 19.9.0 → 19.11.0

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

@@ -171,7 +171,7 @@ SecondaryButton.defaultProps = defaultProps;
 var SecondaryButton$1 = SecondaryButton;
 
 // 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"] = SecondaryButton$1;
 exports.version = version;

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

@@ -156,7 +156,7 @@ SecondaryButton.defaultProps = defaultProps;
 var SecondaryButton$1 = SecondaryButton;
 
 // 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"] = SecondaryButton$1;
 exports.version = version;

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

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

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

@@ -1,25 +1,74 @@
 import { ReactElement, KeyboardEvent, MouseEvent, ElementType, ComponentPropsWithRef } from 'react';
+/**
+ * @deprecated Use sizes from `TSizes` instead.
+ */
 type TLegacySizes = 'small' | 'medium' | 'big';
+/**
+ * Available sizes for the SecondaryButton.
+ */
 type TSizes = '10' | '20';
 export type TSecondaryButtonProps<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 `<SecondaryButton>` additionally accepts any props or attributes specific to the given element or component.
+     */
     as?: TStringOrComponent;
+    /**
+     * Used as the HTML type attribute.
+     */
     type?: 'button' | 'reset' | 'submit';
+    /**
+     * Should describe what the button does, for accessibility purposes (screen-reader users)
+     */
     label: string;
+    /**
+     * The left icon displayed within the button.
+     */
     iconLeft?: ReactElement;
+    /**
+     * If this is active, it means the button will persist in an "active" state when toggled (see `isToggled`), and back to normal state when untoggled
+     */
     isToggleButton?: boolean;
+    /**
+     * Tells when the button should present a toggled state. It does not have any effect when `isToggleButton` is `false`.
+     */
     isToggled?: boolean;
+    /**
+     * Tells when the button should present a disabled state.
+     */
     isDisabled?: boolean;
+    /**
+     * Handler when the button is clicked.
+     */
     onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    /**
+     * Sets the size of the button.
+     * <br />
+     * `small`, `medium`, and `big` are deprecated. Use `10` or `20`, instead.
+     */
     size?: TLegacySizes | TSizes;
+    /**
+     * Indicates the color scheme of the button.
+     * @deprecated Use `tone` instead.
+     */
     theme?: 'default' | 'info';
+    /**
+     * Indicates the tone of the button.
+     */
     tone?: 'secondary' | 'info';
-} & 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 `<SecondaryButton>`: <SecondaryButton as={Link} to="/foo" label="Foo" />.
+ */ ComponentPropsWithRef<TStringOrComponent>;
 export declare const getIconColor: (props: Pick<TSecondaryButtonProps, "isToggleButton" | "isToggled" | "theme" | "isDisabled" | "iconLeft"> & {
     isActive?: boolean;
 }) => any;
 export declare const SecondaryButton: {
     <TStringOrComponent extends ElementType = "button">(props: TSecondaryButtonProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
-    defaultProps: Pick<TSecondaryButtonProps<"button">, "size" | "type" | "theme" | "tone" | "isToggleButton">;
+    defaultProps: Pick<TSecondaryButtonProps<"button">, "type" | "theme" | "size" | "tone" | "isToggleButton">;
 };
 export default SecondaryButton;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/secondary-button",
   "description": "Secondary buttons are used in combination with a PrimaryButton and represent the secondary action.",
-  "version": "19.9.0",
+  "version": "19.11.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.9.0",
-    "@commercetools-uikit/design-system": "19.9.0",
-    "@commercetools-uikit/spacings-inline": "19.9.0",
-    "@commercetools-uikit/text": "19.9.0",
-    "@commercetools-uikit/utils": "19.9.0",
+    "@commercetools-uikit/accessible-button": "19.11.0",
+    "@commercetools-uikit/design-system": "19.11.0",
+    "@commercetools-uikit/spacings-inline": "19.11.0",
+    "@commercetools-uikit/text": "19.11.0",
+    "@commercetools-uikit/utils": "19.11.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",