carbon-react 105.1.1 → 106.0.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/confirm/confirm.component.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid/guid.js"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 

package/lib/components/dialog/dialog.component.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid/guid.js"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
 var _modal = _interopRequireDefault(require("../modal"));
 

package/lib/components/dialog-full-screen/dialog-full-screen.component.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid/guid.js"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
 var _modal = _interopRequireDefault(require("../modal"));
 

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/fieldset/fieldset.component.d.ts

@@ -1,5 +1,10 @@
 export default Fieldset;
-declare function Fieldset(props: any): JSX.Element;
+declare function Fieldset({ children, inline, legend, ...rest }: {
+    [x: string]: any;
+    children: any;
+    inline: any;
+    legend: any;
+}): JSX.Element;
 declare namespace Fieldset {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/components/fieldset/fieldset.component.js

@@ -11,8 +11,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
-var _ether = require("../../__internal__/utils/ether");
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _utils = require("../../style/utils");
@@ -27,32 +25,32 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 
-const Fieldset = props => {
-  const legend = () => {
-    if (!props.legend) return null;
+const Fieldset = ({
+  children,
+  inline,
+  legend,
+  ...rest
+}) => {
+  const getLegend = () => {
+    if (!legend) return null;
     return /*#__PURE__*/_react.default.createElement(_fieldset.LegendContainerStyle, {
-      inline: props.inline,
+      inline: inline,
       "data-component": "legend-style"
     }, /*#__PURE__*/_react.default.createElement("legend", {
       "data-element": "legend"
-    }, props.legend));
+    }, legend));
   };
 
-  const { ...safeProps
-  } = (0, _ether.validProps)({
-    propTypes: Fieldset.propTypes,
-    props
-  });
   return /*#__PURE__*/_react.default.createElement(_carbonProvider.NewValidationContext.Provider, {
     value: {
       validationRedesignOptIn: false
     }
-  }, /*#__PURE__*/_react.default.createElement(_fieldset.FieldsetStyle, _extends({}, (0, _tags.default)("fieldset", props), safeProps, {
+  }, /*#__PURE__*/_react.default.createElement(_fieldset.FieldsetStyle, _extends({}, (0, _tags.default)("fieldset", rest), rest, {
     m: 0
-  }, (0, _utils.filterStyledSystemMarginProps)(props)), /*#__PURE__*/_react.default.createElement(_fieldset.FieldsetContentStyle, {
+  }, (0, _utils.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_fieldset.FieldsetContentStyle, {
     "data-component": "fieldset-style",
-    inline: props.inline
-  }, legend(), props.children)));
+    inline: inline
+  }, getLegend(), children)));
 };
 
 Fieldset.propTypes = {

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/portrait/portrait-initials.component.js

@@ -60,7 +60,7 @@ const PortraitInitials = ({
     canvas.height = dimensions; // Select a font family to support different language characters
     // like Arial
 
-    context.font = `${Math.round(canvas.width / 2.4)}px Lato, Arial`;
+    context.font = `${Math.round(canvas.width / 2.4)}px "Sage UI", Arial`;
     context.textAlign = "center"; // Setup background and front color
 
     context.fillStyle = _common.default[bgColor];

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/select/option/index.d.ts

@@ -4,7 +4,7 @@ export interface OptionProps {
   /** The option's visible text, displayed within <Textbox> of <Select>, and used for filtering */
   text: string;
   /** Optional: alternative rendered content, displayed within <SelectList> of <Select> (eg: an icon, an image, etc) */
-  children?: React.ComponentType;
+  children?: React.ReactNode;
   /** The option's invisible internal value */
   value: string | Record<string, unknown>;
   /** MultiSelect only - custom Pill border color - provide any color from palette or any valid css color value. */

package/lib/components/select/select-list/select-list.component.js

@@ -31,7 +31,7 @@ var _loader = _interopRequireDefault(require("../../loader"));
 
 var _option = _interopRequireDefault(require("../option/option.component"));
 
-var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid/guid"));
+var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 
 var _selectListContext = _interopRequireDefault(require("../__internal__/select-list-context"));
 

package/lib/components/select/select-textbox/select-textbox.component.js

@@ -15,7 +15,7 @@ var _textbox = _interopRequireDefault(require("../../textbox"));
 
 var _selectText = _interopRequireDefault(require("../__internal__/select-text/select-text.component"));
 
-var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid/guid"));
+var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
 

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>;