carbon-react 109.3.3 → 109.3.4

package/esm/components/split-button/split-button.config.d.ts

@@ -0,0 +1,4 @@
+export declare const SPLIT_BUTTON_ICON_POSITIONS: string[];
+export declare const SPLIT_BUTTON_THEMES: string[];
+export declare const SPLIT_BUTTON_SIZES: string[];
+export declare const SPLIT_BUTTON_ALIGNMENTS: string[];

package/esm/components/split-button/split-button.style.d.ts

@@ -0,0 +1,2 @@
+declare const StyledSplitButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default StyledSplitButton;

package/lib/__internal__/fieldset/fieldset.component.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+export interface FieldsetProps extends MarginProps {
+    /** Fieldset content */
+    children: React.ReactNode;
+    /** The content for the Fieldset Legend */
+    legend?: string;
+    error?: boolean | string;
+    warning?: boolean | string;
+    info?: boolean | string;
+    /** When true, legend is placed in line with the children */
+    inline?: boolean;
+    /** Percentage width of legend (only when legend is inline)  */
+    legendWidth?: number;
+    /** Text alignment of legend when inline */
+    legendAlign?: "left" | "right";
+    /** Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
+    legendSpacing?: 1 | 2;
+    /** If true, an asterisk will be added to the label */
+    isRequired?: boolean;
+    /** Controls whether group behaviour should be enabled */
+    blockGroupBehaviour?: boolean;
+}
+declare const Fieldset: ({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, ...rest }: FieldsetProps) => JSX.Element;
+export default Fieldset;

package/lib/__internal__/fieldset/fieldset.component.js

@@ -9,26 +9,20 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _fieldset = require("./fieldset.style");
 
 var _validationIcon = _interopRequireDefault(require("../validations/validation-icon.component"));
 
 var _inputBehaviour = require("../input-behaviour");
 
-var _utils = require("../../style/utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const Fieldset = ({
   legend,
   children,
-  inline,
+  inline = false,
   legendWidth,
   legendAlign = "right",
   legendSpacing = 2,
@@ -42,8 +36,7 @@ const Fieldset = ({
   blockGroupBehaviour: blockGroupBehaviour
 }, /*#__PURE__*/_react.default.createElement(_fieldset.StyledFieldset, _extends({
   "data-component": "fieldset",
-  m: 0,
-  inline: inline
+  m: 0
 }, rest), legend && /*#__PURE__*/_react.default.createElement(_inputBehaviour.InputGroupContext.Consumer, null, ({
   onMouseEnter,
   onMouseLeave
@@ -64,50 +57,171 @@ const Fieldset = ({
 })))), children));
 
 Fieldset.propTypes = {
-  /** Filtered styled system margin props */
-  ...marginPropTypes,
-
-  /** Fieldset content */
-  children: _propTypes.default.node.isRequired,
-
-  /** The content for the Fieldset Legend */
-  legend: _propTypes.default.string,
-
-  /** Indicate that error has occurred
-  Pass string to display icon, tooltip and red border
-  Pass true boolean to only display red border */
-  error: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
-  /** Indicate that warning has occurred
-  Pass string to display icon, tooltip and orange border
-  Pass true boolean to only display orange border */
-  warning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
-  /** Indicate additional information
-  Pass string to display icon, tooltip and blue border
-  Pass true boolean to only display blue border */
-  info: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
-  /** When true, legend is placed in line with the children */
-  inline: _propTypes.default.bool,
-
-  /** Percentage width of legend (only when legend is inline)  */
-  legendWidth: _propTypes.default.number,
-
-  /** Text alignment of legend when inline */
-  legendAlign: _propTypes.default.oneOf(["left", "right"]),
-
-  /** Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
-  legendSpacing: _propTypes.default.oneOf([1, 2]),
-
-  /** If true, an asterisk will be added to the label */
-  isRequired: _propTypes.default.bool,
-
-  /** Controls whether group behaviour should be enabled */
-  blockGroupBehaviour: _propTypes.default.bool
-};
-Fieldset.defaultProps = {
-  inline: false
+  "blockGroupBehaviour": _propTypes.default.bool,
+  "children": _propTypes.default.node,
+  "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "inline": _propTypes.default.bool,
+  "isRequired": _propTypes.default.bool,
+  "legend": _propTypes.default.string,
+  "legendAlign": _propTypes.default.oneOf(["left", "right"]),
+  "legendSpacing": _propTypes.default.oneOf([1, 2]),
+  "legendWidth": _propTypes.default.number,
+  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
 };
 var _default = Fieldset;
 exports.default = _default;

package/lib/__internal__/fieldset/fieldset.style.d.ts

@@ -0,0 +1,13 @@
+declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
+declare type StyledLegendContentProps = {
+    isRequired?: boolean;
+};
+declare const StyledLegendContent: import("styled-components").StyledComponent<"span", any, StyledLegendContentProps, never>;
+declare type StyledLegendProps = {
+    inline?: boolean;
+    width?: number;
+    align?: "left" | "right";
+    rightPadding?: 1 | 2;
+};
+declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
+export { StyledFieldset, StyledLegend, StyledLegendContent };

package/lib/__internal__/fieldset/fieldset.style.js

@@ -7,8 +7,6 @@ exports.StyledLegendContent = exports.StyledLegend = exports.StyledFieldset = vo
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledSystem = require("styled-system");
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
@@ -67,13 +65,4 @@ const StyledLegend = _styledComponents.default.legend`
       padding-right: ${rightPadding === 1 ? "var(--spacing100)" : "var(--spacing200)"};
     `}
 `;
-exports.StyledLegend = StyledLegend;
-StyledLegend.defaultProps = {
-  align: "right"
-};
-StyledLegend.propTypes = {
-  inline: _propTypes.default.bool,
-  width: _propTypes.default.number,
-  align: _propTypes.default.oneOf(["left", "right"]),
-  rightPadding: _propTypes.default.oneOf([1, 2])
-};
+exports.StyledLegend = StyledLegend;

package/lib/__internal__/fieldset/index.d.ts

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

package/lib/__internal__/popover/index.d.ts

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

package/lib/__internal__/popover/popover.component.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { State } from "@popperjs/core";
+declare type PopoverModifier = {
+    name: string;
+    options?: Record<string, unknown>;
+    enabled?: boolean;
+};
+export interface PopoverProps {
+    children: React.ReactElement;
+    placement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
+    disableBackgroundUI?: boolean;
+    modifiers?: PopoverModifier[];
+    onFirstUpdate?: (state: Partial<State>) => void;
+    disablePortal?: boolean;
+    reference: React.RefObject<HTMLElement>;
+}
+declare const Popover: ({ children, placement, disablePortal, reference, onFirstUpdate, modifiers, disableBackgroundUI, }: PopoverProps) => JSX.Element;
+export default Popover;

package/lib/__internal__/popover/popover.component.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _core = require("@popperjs/core");
 
 var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
@@ -38,7 +38,8 @@ const Popover = ({
 }) => {
   var _reference$current;
 
-  const elementDOM = (0, _react.useRef)();
+  const elementDOM = (0, _react.useRef)(null); // TODO: Remove TempModalContext after modal has been converted to TS
+
   const {
     isInModal
   } = (0, _react.useContext)(_modal.ModalContext);
@@ -50,8 +51,8 @@ const Popover = ({
     mountNode.appendChild(elementDOM.current);
   }
 
-  const popperInstance = (0, _react.useRef)();
-  const popperRef = (0, _react.useRef)();
+  const popperInstance = (0, _react.useRef)(null);
+  const popperRef = (0, _react.useRef)(null);
   let content;
   let popperElementRef;
 
@@ -115,23 +116,24 @@ const Popover = ({
 };
 
 Popover.propTypes = {
-  // Element to be positioned, has to be a single node and has to accept `ref` and `style` props
-  children: _propTypes.default.node.isRequired,
-  // Placement of children in relation to the reference element
-  placement: _propTypes.default.oneOf(["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"]),
-  // Disables interaction with background UI
-  disableBackgroundUI: _propTypes.default.bool,
-  // Optional modifiers array, for more information and object structure go to:
-  // https://popper.js.org/docs/v2/constructors/#modifiers
-  modifiers: _propTypes.default.array,
-  // Optional onFirstUpdate function, for more information go to:
-  // https://popper.js.org/docs/v2/lifecycle/#hook-into-the-lifecycle
-  onFirstUpdate: _propTypes.default.func,
-  // When true, children are not rendered in portal
-  disablePortal: _propTypes.default.bool,
-  // Reference element, children will be positioned in relation to this element - should be a ref
-  reference: _propTypes.default.shape({
-    current: _propTypes.default.any
+  "children": _propTypes.default.element.isRequired,
+  "disableBackgroundUI": _propTypes.default.bool,
+  "disablePortal": _propTypes.default.bool,
+  "modifiers": _propTypes.default.arrayOf(_propTypes.default.shape({
+    "enabled": _propTypes.default.bool,
+    "name": _propTypes.default.string.isRequired,
+    "options": _propTypes.default.object
+  })),
+  "onFirstUpdate": _propTypes.default.func,
+  "placement": _propTypes.default.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  "reference": _propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }]).isRequired
   }).isRequired
 };
 var _default = Popover;

package/lib/__internal__/popover/popover.style.d.ts

@@ -0,0 +1,2 @@
+declare const StyledBackdrop: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default StyledBackdrop;

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

@@ -35,6 +35,8 @@ export interface ButtonProps extends SpaceProps {
     iconTooltipPosition?: TooltipPositions;
     /** Defines an Icon type within the button */
     iconType?: IconType;
+    /** id attribute */
+    id?: string;
     /** If provided, the text inside a button will not wrap */
     noWrap?: boolean;
     /** Specify a callback triggered on blur */

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

@@ -215,6 +215,7 @@ Button.propTypes = {
   "iconTooltipMessage": _propTypes.default.string,
   "iconTooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
   "iconType": _propTypes.default.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "id": _propTypes.default.string,
   "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@toStringTag": _propTypes.default.string.isRequired,
     "description": _propTypes.default.string,
@@ -566,6 +567,7 @@ ButtonWithForwardRef.propTypes = {
   "iconTooltipMessage": _propTypes.default.string,
   "iconTooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
   "iconType": _propTypes.default.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "id": _propTypes.default.string,
   "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@toStringTag": _propTypes.default.string.isRequired,
     "description": _propTypes.default.string,

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

@@ -243,6 +243,7 @@ MultiActionButton.propTypes = {
   "formTarget": _propTypes.default.string,
   "hidden": _propTypes.default.bool,
   "iconPosition": _propTypes.default.oneOf(["after", "before"]),
+  "iconType": _propTypes.default.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
   "id": _propTypes.default.string,
   "inlist": _propTypes.default.any,
   "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),

package/lib/components/pager/pager.component.js

@@ -140,7 +140,7 @@ const Pager = ({
   };
 
   const renderPageSizeOptions = () => {
-    return showPageSizeSelection && /*#__PURE__*/_react.default.createElement(_pager.StyledPagerSizeOptionsInner, null, showPageSizeLabelBefore && /*#__PURE__*/_react.default.createElement("span", null, l.pager.show()), sizeSelector(), showPageSizeLabelAfter && /*#__PURE__*/_react.default.createElement("span", null, l.pager.records(currentPageSize, false)));
+    return showPageSizeSelection && /*#__PURE__*/_react.default.createElement(_pager.StyledPagerSizeOptionsInner, null, showPageSizeLabelBefore && /*#__PURE__*/_react.default.createElement("span", null, l.pager.show()), sizeSelector(), showPageSizeLabelAfter && /*#__PURE__*/_react.default.createElement("div", null, l.pager.records(currentPageSize, false)));
   };
 
   const renderTotalRecords = () => showTotalRecords && l.pager.records(totalRecords);

package/lib/components/pager/pager.style.js

@@ -120,7 +120,7 @@ const StyledPagerLinkStyles = (0, _styledComponents.default)(_link.default)`
   margin-right: 7px;
 `;
 exports.StyledPagerLinkStyles = StyledPagerLinkStyles;
-const StyledPagerNoSelect = _styledComponents.default.span`
+const StyledPagerNoSelect = _styledComponents.default.div`
   user-select: none;
   white-space: nowrap;
 `;

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

@@ -1,2 +1,2 @@
-export { default } from "./split-button";
-export type { SplitButtonProps } from "./split-button";
+export { default } from "./split-button.component";
+export type { SplitButtonProps } from "./split-button.component";

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

@@ -0,0 +1,8 @@
+import { ThemeObject } from "../../style/themes/base";
+declare type StyledSplitButtonChildrenContainerProps = {
+    theme: ThemeObject;
+    align: "left" | "right";
+    minWidth: number;
+};
+declare const StyledSplitButtonChildrenContainer: import("styled-components").StyledComponent<"div", any, StyledSplitButtonChildrenContainerProps, never>;
+export default StyledSplitButtonChildrenContainer;

package/lib/components/split-button/split-button-children.style.js

@@ -20,12 +20,11 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 const StyledSplitButtonChildrenContainer = _styledComponents.default.div`
   ${({
   theme,
-  align
+  align,
+  minWidth
 }) => (0, _styledComponents.css)`
     background-color: var(--colorsActionMajorYang100);
-    min-width: ${({
-  minWidth
-}) => minWidth}px;
+    min-width: ${minWidth}px;
     white-space: nowrap;
     z-index: ${theme.zIndex.popover};
     box-shadow: var(--boxShadow100);

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

@@ -0,0 +1,10 @@
+declare type StyledSplitButtonToggleProps = {
+    buttonType: "primary" | "secondary";
+    disabled: boolean;
+    displayed: boolean;
+    size: "small" | "medium" | "large";
+};
+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> & import("../button").ButtonProps & {
+    iconOnly?: boolean | undefined;
+} & StyledSplitButtonToggleProps, never>;
+export default StyledSplitButtonToggle;

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

@@ -0,0 +1,29 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { IconType } from "../icon";
+export interface SplitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, MarginProps {
+    /** Set align of the rendered content */
+    align?: "left" | "right";
+    /** Button type: "primary" | "secondary" */
+    buttonType?: "primary" | "secondary";
+    /** The additional button to display. */
+    children: React.ReactNode;
+    /** A custom value for the data-element attribute */
+    "data-element"?: string;
+    /** A custom value for the data-role attribute */
+    "data-role"?: string;
+    /** Gives the button a disabled state. */
+    disabled?: boolean;
+    /** Defines an Icon position within the button: "before" | "after" */
+    iconPosition?: "before" | "after";
+    /** Defines an Icon type within the button */
+    iconType?: IconType;
+    /** The size of the buttons in the SplitButton. */
+    size?: "small" | "medium" | "large";
+    /** Second text child, renders under main text, only when size is "large" */
+    subtext?: string;
+    /** The text to be displayed in the SplitButton. */
+    text: string;
+}
+export declare const SplitButton: ({ align, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, ...rest }: SplitButtonProps) => JSX.Element;
+export default SplitButton;