carbon-react 105.1.2 → 105.2.0

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

@@ -1,3 +1,4 @@
-export const BUTTON_VARIANTS: string[];
-export const BUTTON_SIZES: string[];
-export const BUTTON_ICON_POSITIONS: string[];
+import { ButtonTypes } from "./button.component";
+export declare const BUTTON_VARIANTS: ButtonTypes[];
+export declare const BUTTON_SIZES: string[];
+export declare const BUTTON_ICON_POSITIONS: string[];

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

@@ -1,9 +1,7 @@
-export const StyledButtonSubtext: import("styled-components").StyledComponent<"span", any, {}, never>;
-export default StyledButton;
-declare const StyledButton: import("styled-components").StyledComponent<"button", any, {
-    iconOnly: any;
-    disabled: any;
-    buttonType: any;
-    size: any;
-    destructive: any;
+import { SpaceProps } from "styled-system";
+import { ButtonProps } from "./button.component";
+declare const StyledButton: import("styled-components").StyledComponent<"button", any, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<ButtonProps, "as"> & {
+    iconOnly?: boolean | undefined;
 }, never>;
+export declare const StyledButtonSubtext: import("styled-components").StyledComponent<"span", any, {}, never>;
+export default StyledButton;

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

@@ -9,80 +9,19 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _styledSystem = require("styled-system");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 
 var _buttonTypes = _interopRequireDefault(require("./button-types.style"));
 
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
 
-var _button = require("./button.config");
-
-var _iconConfig = require("../icon/icon-config");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const StyledButton = _styledComponents.default.button`
-  ${_styledSystem.space}
-  ${({
-  disabled,
-  noWrap
-}) => (0, _styledComponents.css)`
-    align-items: center;
-    cursor: ${disabled ? "not-allowed" : "pointer"};
-    display: inline-flex;
-    flex-direction: column;
-    flex-flow: wrap;
-    border-radius: 0;
-
-    ${noWrap && (0, _styledComponents.css)`
-      white-space: nowrap;
-    `}
-    justify-content: center;
-    vertical-align: middle;
-    outline-offset: 0;
-    ${stylingForType}
-  `}
-
-  ${({
-  fullWidth
-}) => fullWidth && (0, _styledComponents.css)`
-      width: 100%;
-    `}
-
-  ${({
-  iconOnly,
-  iconPosition
-}) => (0, _styledComponents.css)`
-    ${_icon.default} {
-      margin-left: ${!iconOnly && iconPosition === "after" ? "var(--spacing100)" : "0px"};
-      margin-right: ${!iconOnly && iconPosition === "before" ? "var(--spacing100)" : "0px"};
-      margin-bottom: ${iconOnly ? "1px" : "0px"};
-      height: ${additionalIconStyle};
-      svg {
-        margin-top: 0;
-      }
-      ${iconOnly && "margin-left: auto; margin-right: auto"}
-    }
-  `}
-`;
-const StyledButtonSubtext = _styledComponents.default.span`
-  font-size: 14px;
-  font-weight: 400;
-  display: block;
-`;
-exports.StyledButtonSubtext = StyledButtonSubtext;
-
-function additionalIconStyle({
-  iconType
-}) {
+function additionalIconStyle(iconType) {
   if (iconType === "services") return "6px";
   return "16px";
 }
@@ -112,7 +51,7 @@ function stylingForIconOnly(size) {
 function stylingForType({
   iconOnly,
   disabled,
-  buttonType,
+  buttonType = "secondary",
   size,
   destructive
 }) {
@@ -145,47 +84,59 @@ function stylingForType({
   `;
 }
 
-StyledButton.defaultProps = {
-  theme: _base.default,
-  medium: true,
-  buttonType: "secondary"
-};
-StyledButton.propTypes = {
-  /** Styled system spacing props */
-  ..._propTypes2.default.space,
-
-  /** Button types for new business themes */
-  buttonType: _propTypes.default.oneOf(_button.BUTTON_VARIANTS),
-
-  /** The text the button displays */
-  children: _propTypes.default.node.isRequired,
-
-  /** Apply destructive style to the button */
-  destructive: _propTypes.default.bool,
-
-  /** Apply disabled state to the button */
-  disabled: _propTypes.default.bool,
-
-  /** Apply fullWidth style to the button */
-  fullWidth: _propTypes.default.bool,
-
-  /** Apply iconOnly to display button with the icon only  */
-  iconOnly: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
-  /** Defines an Icon position within the button */
-  iconPosition: _propTypes.default.oneOf([..._button.BUTTON_ICON_POSITIONS, ""]),
-
-  /** Defines an Icon type within the button (see Icon for options) */
-  iconType: _propTypes.default.oneOf([..._iconConfig.ICONS, ""]),
+const StyledButton = _styledComponents.default.button`
+  ${_styledSystem.space}
+  ${({
+  disabled,
+  noWrap
+}) => (0, _styledComponents.css)`
+    align-items: center;
+    cursor: ${disabled ? "not-allowed" : "pointer"};
+    display: inline-flex;
+    flex-direction: column;
+    flex-flow: wrap;
+    border-radius: 0;
 
-  /** If provided, the text inside a button will not wrap */
-  noWrap: _propTypes.default.bool,
+    ${noWrap && (0, _styledComponents.css)`
+      white-space: nowrap;
+    `}
+    justify-content: center;
+    vertical-align: middle;
+    outline-offset: 0;
+    ${stylingForType}
+  `}
 
-  /** Assigns a size to the button */
-  size: _propTypes.default.oneOf(_button.BUTTON_SIZES),
+  ${({
+  fullWidth
+}) => fullWidth && (0, _styledComponents.css)`
+      width: 100%;
+    `}
 
-  /** Second text child, renders under main text, only when size is "large" */
-  subtext: _propTypes.default.string
+  ${({
+  iconOnly,
+  iconPosition,
+  iconType
+}) => (0, _styledComponents.css)`
+    ${_icon.default} {
+      margin-left: ${!iconOnly && iconPosition === "after" ? "var(--spacing100)" : "0px"};
+      margin-right: ${!iconOnly && iconPosition === "before" ? "var(--spacing100)" : "0px"};
+      margin-bottom: ${iconOnly ? "1px" : "0px"};
+      height: ${additionalIconStyle(iconType)};
+      svg {
+        margin-top: 0;
+      }
+      ${iconOnly && "margin-left: auto; margin-right: auto"}
+    }
+  `}
+`;
+const StyledButtonSubtext = _styledComponents.default.span`
+  font-size: 14px;
+  font-weight: 400;
+  display: block;
+`;
+exports.StyledButtonSubtext = StyledButtonSubtext;
+StyledButton.defaultProps = {
+  theme: _base.default
 };
 var _default = StyledButton;
 exports.default = _default;

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

@@ -1,2 +1,2 @@
-export { default } from "./button";
-export * from "./button";
+export { default, ButtonWithForwardRef } from "./button.component";
+export type { ButtonProps } from "./button.component";

package/lib/components/duelling-picklist/picklist-group/picklist-group.style.d.ts

@@ -1,5 +1,4 @@
 export const StyledGroupWrapper: import("styled-components").StyledComponent<"li", any, {}, never>;
 export const StyledPicklistGroupUl: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export const StyledPicklistGroup: import("styled-components").StyledComponent<"li", any, {}, never>;
-export const StyledGroupButton: import("styled-components").StyledComponent<typeof ButtonWithForwardRef, any, {}, never>;
-import { ButtonWithForwardRef } from "../../button/button";
+export const StyledGroupButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/lib/components/duelling-picklist/picklist-item/picklist-item.style.d.ts

@@ -1,5 +1,4 @@
 export const StyledPicklistItem: import("styled-components").StyledComponent<"li", any, {}, never>;
-export const StyledButton: import("styled-components").StyledComponent<typeof ButtonWithForwardRef, any, {}, never>;
+export const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export const StyledLockIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
-import { ButtonWithForwardRef } from "../../button/button";
 import Icon from "../../icon";

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

@@ -44,6 +44,11 @@ declare class Heading extends React.Component<any, any, any> {
      * @return {Object} JSX
      */
     get pills(): Object;
+    /**
+     * @method render
+     * @return {Object} JSX
+     */
+    render(): Object;
 }
 declare namespace Heading {
     namespace propTypes {

package/lib/components/icon/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./icon";
+export * from "./icon";

package/lib/components/multi-action-button/multi-action-button.component.d.ts

@@ -1,5 +1,5 @@
 export default MultiActionButton;
-declare function MultiActionButton({ align, disabled, as, buttonType, size, children, text, subtext, ...rest }: {
+declare function MultiActionButton({ align, disabled, as, buttonType, size, children, text, subtext, "data-element": dataElement, "data-role": dataRole, ...rest }: {
     [x: string]: any;
     align?: string | undefined;
     disabled: any;
@@ -9,6 +9,8 @@ declare function MultiActionButton({ align, disabled, as, buttonType, size, chil
     children: any;
     text: any;
     subtext: any;
+    "data-element": any;
+    "data-role": any;
 }): JSX.Element;
 declare namespace MultiActionButton {
     const propTypes: {

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -45,6 +45,8 @@ const MultiActionButton = ({
   children,
   text,
   subtext,
+  "data-element": dataElement,
+  "data-role": dataRole,
   ...rest
 }) => {
   if (!deprecatedWarnTriggered && as) {
@@ -159,7 +161,6 @@ const MultiActionButton = ({
       disabled,
       displayed: showAdditionalButtons,
       onTouchStart: showButtons,
-      onClick: rest.onClick,
       onFocus: focusMainButton,
       onBlur: () => {
         isMainButtonFocused.current = false;
@@ -167,7 +168,8 @@ const MultiActionButton = ({
       onKeyDown: handleMainButtonKeyDown,
       buttonType: buttonType || as,
       size,
-      subtext
+      subtext,
+      ...(0, _utils.filterOutStyledSystemSpacingProps)(rest)
     };
 
     if (!disabled) {
@@ -211,8 +213,8 @@ const MultiActionButton = ({
     onMouseLeave: hideButtons,
     ref: ref,
     "data-component": "multi-action-button",
-    "data-element": rest["data-element"],
-    "data-role": rest["data-role"],
+    "data-element": dataElement,
+    "data-role": dataRole,
     align: align,
     displayed: showAdditionalButtons
   }, (0, _utils.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_button.default, _extends({

package/lib/components/multi-action-button/multi-action-button.d.ts

@@ -1,8 +1,10 @@
-import SplitButton from "../split-button";
+import { SplitButtonProps } from "../split-button";
 
-declare class MultiActionButton extends SplitButton {
+export interface MultiActionButtonProps extends SplitButtonProps {
   /** Button type: "primary" | "secondary" | "tertiary" */
   buttonType?: "primary" | "secondary" | "tertiary";
 }
 
+declare function MultiActionButton(props: MultiActionButtonProps): JSX.Element;
+
 export default MultiActionButton;

package/lib/components/multi-step-wizard/multi-step-wizard.d.ts

@@ -8,6 +8,21 @@ declare class MultiStepWizard extends React.Component<any, any, any> {
      * @return {void}
      */
     getChildContext(): void;
+    /**
+     * A lifecycle method that is called before initial render.
+     * Can set up state of component without causing a re-render.
+     *
+     * @method componentWillMount
+     */
+    UNSAFE_componentWillMount(): void;
+    /**
+     * A lifecycle method to update the currentStep state when a new valid value has been specified.
+     *
+     * @method componentWillReceiveProps
+     * @param {Object} props The new props passed down to the component
+     * @return {void}
+     */
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
     /**
      * Validate step props
      *
@@ -50,6 +65,13 @@ declare class MultiStepWizard extends React.Component<any, any, any> {
      * @return {Object} JSX
      */
     get wizardStepsHTML(): Object;
+    /**
+     * Renders the component.
+     *
+     * @method render
+     * @return {Object} JSX
+     */
+    render(): Object;
 }
 declare namespace MultiStepWizard {
     namespace propTypes {

package/lib/components/multi-step-wizard/step/step.d.ts

@@ -124,6 +124,12 @@ declare class Step extends React.Component<any, any, any> {
      * @return {String}
      */
     get mainClasses(): string;
+    /**
+     * Renders the component.
+     *
+     * @method render
+     */
+    render(): JSX.Element;
 }
 declare namespace Step {
     namespace propTypes {

package/lib/components/multi-step-wizard/step/step.style.d.ts

@@ -1,11 +1,13 @@
 export const StyledStep: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledStepContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledStepButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
+export const StyledStepButton: 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 StyledStepIndicatorBar: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledStepIndicatorBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledStepIndicatorIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StepIndicatorIconPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StepIndicatorIconContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledStepIndicatorIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
-import Button from "../../button";
 import Icon from "../../icon";

package/lib/components/radio-button/radio-button-svg.component.js

@@ -1,34 +1,52 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+  value: true,
 });
+
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
+var _checkableInputSvgWrapper = _interopRequireDefault(
+  require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style")
+);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
 const RadioButtonSvg = () => {
-  return /*#__PURE__*/_react.default.createElement(_checkableInputSvgWrapper.default, null, /*#__PURE__*/_react.default.createElement("svg", {
-    focusable: "false",
-    viewBox: "0 0 15 15"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/_react.default.createElement("circle", {
-    className: "radio-button-check",
-    fill: "#FFFFFF",
-    cx: "7.5",
-    cy: "7.5",
-    r: "5"
-  }))));
+  return /*#__PURE__*/ _react.default.createElement(
+    _checkableInputSvgWrapper.default,
+    null,
+    /*#__PURE__*/ _react.default.createElement(
+      "svg",
+      {
+        focusable: "false",
+        viewBox: "0 0 15 15",
+      },
+      /*#__PURE__*/ _react.default.createElement(
+        "g",
+        {
+          stroke: "none",
+          strokeWidth: "1",
+          fill: "none",
+          fillRule: "evenodd",
+        },
+        /*#__PURE__*/ _react.default.createElement("circle", {
+          className: "radio-button-check",
+          fill: "#FFFFFF",
+          cx: "7.5",
+          cy: "7.5",
+          r: "5",
+        })
+      )
+    )
+  );
 };
 
-var _default = /*#__PURE__*/_react.default.memo(RadioButtonSvg, () => true);
+var _default = /*#__PURE__*/ _react.default.memo(RadioButtonSvg, () => true);
 
-exports.default = _default;
+exports.default = _default;

package/lib/components/scrollable-list/scrollable-list.component.d.ts

@@ -1,8 +1,15 @@
 export default ScrollableList;
 declare class ScrollableList extends React.Component<any, any, any> {
     constructor(props: any);
+    state: {
+        selectedItem: number;
+    };
     blockOptionsHover: boolean;
     scrollBox: React.RefObject<any>;
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    componentDidUpdate(prevProps: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
     updateScroll(item: any): void;
     setScrollTop({ item, children, listHeight, itemHeight }: {
         item: any;
@@ -28,6 +35,7 @@ declare class ScrollableList extends React.Component<any, any, any> {
         };
     }) => void;
     handleKeyDown: (e: any) => void;
+    render(): JSX.Element;
 }
 declare namespace ScrollableList {
     namespace propTypes {

package/lib/components/split-button/split-button-toggle.style.d.ts

@@ -1,8 +1,4 @@
 export default StyledSplitButtonToggle;
-declare const StyledSplitButtonToggle: import("styled-components").StyledComponent<"button", any, {
-    iconOnly: any;
-    disabled: any;
-    buttonType: any;
-    size: any;
-    destructive: any;
+declare const StyledSplitButtonToggle: import("styled-components").StyledComponent<"button", any, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<import("../button").ButtonProps, "as"> & {
+    iconOnly?: boolean | undefined;
 }, never>;

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

@@ -1,5 +1,5 @@
 export default SplitButton;
-declare function SplitButton({ align, as, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, ...rest }: {
+declare function SplitButton({ align, as, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, ...rest }: {
     [x: string]: any;
     align?: string | undefined;
     as: any;
@@ -12,6 +12,8 @@ declare function SplitButton({ align, as, buttonType, children, disabled, iconPo
     size?: string | undefined;
     subtext: any;
     text: any;
+    "data-element": any;
+    "data-role": any;
 }): JSX.Element;
 declare namespace SplitButton {
     const propTypes: {

package/lib/components/split-button/split-button.component.js

@@ -61,6 +61,8 @@ const SplitButton = ({
   size = "medium",
   subtext,
   text,
+  "data-element": dataElement,
+  "data-role": dataRole,
   ...rest
 }) => {
   if (!deprecatedWarnTriggered && as) {
@@ -145,7 +147,8 @@ const SplitButton = ({
       iconType,
       onClick,
       size,
-      subtext
+      subtext,
+      ...(0, _utils.filterOutStyledSystemSpacingProps)(rest)
     };
   }
 
@@ -173,8 +176,8 @@ const SplitButton = ({
   function componentTags() {
     return {
       "data-component": "split-button",
-      "data-element": rest["data-element"],
-      "data-role": rest["data-role"]
+      "data-element": dataElement,
+      "data-role": dataRole
     };
   }
 

package/lib/components/split-button/split-button.d.ts

@@ -1,6 +1,9 @@
 import * as React from "react";
+import { MarginProps } from "styled-system";
 
-export interface SplitButtonProps {
+export interface SplitButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    MarginProps {
   /** Set align of the rendered content */
   align?: "left" | "right";
   /** Button type: "primary" | "secondary" for legacy theme */
@@ -23,6 +26,6 @@ export interface SplitButtonProps {
   text: string;
 }
 
-declare class SplitButton extends React.Component<SplitButtonProps> {}
+declare function SplitButton(props: SplitButtonProps): JSX.Element;
 
 export default SplitButton;

package/lib/components/tooltip/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./tooltip";
+export { default } from "./tooltip.component";
+export type { TooltipProps } from "./tooltip.component";

package/lib/components/tooltip/tooltip-pointer.style.d.ts

@@ -1,2 +1,11 @@
+import { Placement } from "tippy.js";
+interface StyledTooltipPointer {
+    /** Sets position of the tooltip */
+    position?: Placement;
+    /** Defines the message type */
+    type?: string;
+    /** Override background color of the Tooltip, provide any color from palette or any valid css color value. */
+    bgColor?: string;
+}
+declare const StyledTooltipPointer: import("styled-components").StyledComponent<"div", any, StyledTooltipPointer, never>;
 export default StyledTooltipPointer;
-declare const StyledTooltipPointer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/tooltip/tooltip-pointer.style.js

@@ -5,21 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 
 var _color = require("../../style/utils/color");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const pointerColor = (type, theme, bgColor) => {
+const pointerColor = (theme, bgColor, type) => {
   if (bgColor) return (0, _color.toColor)(theme, bgColor);
   return type === "error" ? "var(--colorsSemanticNegative500)" : "var(--colorsSemanticNeutral500)";
 };
@@ -38,7 +36,7 @@ const StyledTooltipPointer = _styledComponents.default.div`
     ${position === "top" && (0, _styledComponents.css)`
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
-      border-top: 8px solid ${pointerColor(type, theme, bgColor)};
+      border-top: 8px solid ${pointerColor(theme, bgColor, type)};
       bottom: calc(-1 * var(--spacing100));
       @-moz-document url-prefix() {
         bottom: -7px;
@@ -48,7 +46,7 @@ const StyledTooltipPointer = _styledComponents.default.div`
     ${position === "bottom" && (0, _styledComponents.css)`
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
-      border-bottom: 8px solid ${pointerColor(type, theme, bgColor)};
+      border-bottom: 8px solid ${pointerColor(theme, bgColor, type)};
       top: calc(-1 * var(--spacing100));
       @-moz-document url-prefix() {
         top: -7px;
@@ -58,7 +56,7 @@ const StyledTooltipPointer = _styledComponents.default.div`
     ${position === "right" && (0, _styledComponents.css)`
       border-top: 8px solid transparent;
       border-bottom: 8px solid transparent;
-      border-right: 8px solid ${pointerColor(type, theme, bgColor)};
+      border-right: 8px solid ${pointerColor(theme, bgColor, type)};
       left: calc(-1 * var(--spacing100));
       @-moz-document url-prefix() {
         left: -7px;
@@ -68,7 +66,7 @@ const StyledTooltipPointer = _styledComponents.default.div`
     ${position === "left" && (0, _styledComponents.css)`
       border-top: 8px solid transparent;
       border-bottom: 8px solid transparent;
-      border-left: 8px solid ${pointerColor(type, theme, bgColor)};
+      border-left: 8px solid ${pointerColor(theme, bgColor, type)};
       right: calc(-1 * var(--spacing100));
       @-moz-document url-prefix() {
         right: -7px;
@@ -80,11 +78,5 @@ StyledTooltipPointer.defaultProps = {
   theme: _base.default,
   position: "top"
 };
-StyledTooltipPointer.propTypes = {
-  position: _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
-  theme: _propTypes.default.object,
-  type: _propTypes.default.string,
-  bgColor: _propTypes.default.string
-};
 var _default = StyledTooltipPointer;
 exports.default = _default;