carbon-react 105.1.1 → 106.0.0

package/lib/components/app-wrapper/app-wrapper.component.js

@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
-var _ether = require("../../__internal__/utils/ether");
-
 var _appWrapper = _interopRequireDefault(require("./app-wrapper.style"));
 
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
@@ -89,9 +87,12 @@ let AppWrapper = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_appWrapper.default, _extends({}, (0, _ether.validProps)(this), {
+      const {
+        children
+      } = this.props;
+      return /*#__PURE__*/_react.default.createElement(_appWrapper.default, _extends({}, this.props, {
         className: this.classes()
-      }, (0, _tags.default)("app-wrapper", this.props)), this.props.children);
+      }, (0, _tags.default)("app-wrapper", this.props)), children);
     }
   }]);
 

package/lib/components/badge/badge.style.d.ts

@@ -1,6 +1,8 @@
 export const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
+export const StyledButton: import("styled-components").StyledComponent<{
+    ({ size, subtext, as, children, forwardRef, "aria-label": ariaLabel, disabled, destructive, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, fullWidth, ...rest }: import("../button").ButtonProps): JSX.Element;
+    displayName: string;
+}, any, {}, never>;
 export const StyledCrossIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
 export const StyledCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
-import Button from "../button";
 import Icon from "../icon";

package/lib/components/button/button-types.style.d.ts

@@ -1,5 +1,4 @@
-export function makeColors(color: any): string;
-declare function _default(isDisabled: any, destructive: any): {
+declare const _default: (isDisabled?: boolean | undefined, destructive?: boolean | undefined) => {
     primary: string;
     secondary: string;
     tertiary: string;

package/lib/components/button/button-types.style.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.makeColors = makeColors;
 exports.default = void 0;
 
 var _icon = _interopRequireDefault(require("../icon/icon.style"));

package/lib/components/button/button.component.d.ts

@@ -1,37 +1,68 @@
-export default Button;
-export const ButtonWithForwardRef: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-declare function Button({ size, subtext, as, children, forwardRef, "aria-label": ariaLabel, disabled, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, ...rest }: {
-    [x: string]: any;
-    size: any;
-    subtext: any;
-    as: any;
-    children: any;
-    forwardRef: any;
-    "aria-label": any;
-    disabled: any;
-    buttonType: any;
-    iconType: any;
-    iconPosition: any;
-    href: any;
-    m?: number | undefined;
-    px: any;
-    noWrap: any;
-    target: any;
-    rel: any;
-    iconTooltipMessage: any;
-    iconTooltipPosition: any;
-}): JSX.Element;
-declare namespace Button {
-    const propTypes: any;
-    namespace defaultProps {
-        const buttonType: string;
-        const size: string;
-        const fullWidth: boolean;
-        const disabled: boolean;
-        const destructive: boolean;
-        const iconPosition: string;
-        const subtext: string;
-    }
-    const displayName: string;
-}
 import React from "react";
+import { SpaceProps } from "styled-system";
+import { IconType, TooltipPositions } from "../icon";
+export declare type ButtonTypes = "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground";
+export declare type SizeOptions = "small" | "medium" | "large";
+export declare type ButtonIconPosition = "before" | "after";
+export interface ButtonProps extends SpaceProps {
+    /** Prop to specify the aria-label text.
+     *  Only to be used in Button when only an icon is rendered.
+     * This is required to comply with WCAG 4.1.2 - Buttons must have discernible text
+     */
+    "aria-label"?: string;
+    /** [Legacy] Button types for legacy theme: "primary" | "secondary" */
+    as?: ButtonTypes;
+    /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground" */
+    buttonType?: ButtonTypes;
+    /** The text the button displays */
+    children?: React.ReactNode;
+    /** Name attribute */
+    name?: string;
+    /** Apply disabled state to the button */
+    disabled?: boolean;
+    /** Apply destructive style to the button */
+    destructive?: boolean;
+    /** Ref to be forwarded */
+    forwardRef?: React.RefCallback<HTMLButtonElement> | React.MutableRefObject<HTMLButtonElement | null> | null;
+    /** Apply fullWidth style to the button */
+    fullWidth?: boolean;
+    /** Used to transform button into anchor */
+    href?: string;
+    /** Defines an Icon position related to the children: "before" | "after" */
+    iconPosition?: ButtonIconPosition;
+    /** Provides a tooltip message when the icon is hovered. */
+    iconTooltipMessage?: string;
+    /** Provides positioning when the tooltip is displayed. */
+    iconTooltipPosition?: TooltipPositions;
+    /** Defines an Icon type within the button */
+    iconType?: IconType;
+    /** If provided, the text inside a button will not wrap */
+    noWrap?: boolean;
+    /** Specify a callback triggered on blur */
+    onBlur?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
+    /** Specify a callback triggered on change */
+    onChange?: (ev: React.ChangeEvent<HTMLButtonElement>) => void;
+    /** Specify a callback triggered on focus */
+    onFocus?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
+    /** Specify a callback triggered on keyDown */
+    onKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
+    /** onClick handler */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    /** Assigns a size to the button: "small" | "medium" | "large" */
+    size?: SizeOptions;
+    /** Second text child, renders under main text, only when size is "large" */
+    subtext?: string;
+    /** HTML button type property */
+    type?: string;
+    /** HTML target attribute */
+    target?: string;
+    /** HTML rel attribute */
+    rel?: string;
+}
+declare const Button: {
+    ({ size, subtext, as, children, forwardRef, "aria-label": ariaLabel, disabled, destructive, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, fullWidth, ...rest }: ButtonProps): JSX.Element;
+    displayName: string;
+};
+declare const ButtonWithForwardRef: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { ButtonWithForwardRef };
+export default Button;