carbon-react 111.12.1 → 111.12.3

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

@@ -4,47 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SplitButton = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = require("styled-components");
-
 var _useClickAwayListener = _interopRequireDefault(require("../../hooks/__internal__/useClickAwayListener"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _splitButton = _interopRequireDefault(require("./split-button.style"));
-
 var _splitButtonToggle = _interopRequireDefault(require("./split-button-toggle.style"));
-
 var _splitButtonChildren = _interopRequireDefault(require("./split-button-children.style"));
-
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-
 var _popover = _interopRequireDefault(require("../../__internal__/popover"));
-
 var _utils = require("../../style/utils");
-
 var _themes = require("../../style/themes");
-
 var _useMenuKeyboardNavigation = _interopRequireDefault(require("../../hooks/__internal__/useMenuKeyboardNavigation"));
-
 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 _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 CONTENT_WIDTH_RATIO = 0.75;
-
 const SplitButton = ({
   align = "left",
   buttonType = "secondary",
@@ -61,7 +40,6 @@ const SplitButton = ({
   ...rest
 }) => {
   const theme = (0, _react.useContext)(_styledComponents.ThemeContext) || _themes.baseTheme;
-
   const buttonLabelId = (0, _react.useRef)((0, _guid.default)());
   const buttonChildren = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
   const buttonChildrenRefs = (0, _react.useMemo)(() => buttonChildren.map(() => /*#__PURE__*/_react.default.createRef()), [buttonChildren]);
@@ -74,27 +52,22 @@ const SplitButton = ({
     setShowAdditionalButtons(false);
   }, []);
   const handleKeyDown = (0, _useMenuKeyboardNavigation.default)(toggleButton, buttonChildrenRefs, hideButtons);
-
   function showButtons() {
     setShowAdditionalButtons(true);
-    /* istanbul ignore else */
 
+    /* istanbul ignore else */
     if (splitButtonNode.current) {
       setMinWidth(CONTENT_WIDTH_RATIO * splitButtonNode.current.getBoundingClientRect().width);
     }
   }
-
   function handleToggleButtonKeyDown(ev) {
     if (_events.default.isEnterKey(ev) || _events.default.isSpaceKey(ev) || _events.default.isDownKey(ev) || _events.default.isUpKey(ev)) {
       ev.preventDefault();
-
       if (!showAdditionalButtons) {
         showButtons();
       }
-
       setTimeout(() => {
         var _buttonChildrenRefs$, _buttonChildrenRefs$$;
-
         (_buttonChildrenRefs$ = buttonChildrenRefs[0]) === null || _buttonChildrenRefs$ === void 0 ? void 0 : (_buttonChildrenRefs$$ = _buttonChildrenRefs$.current) === null || _buttonChildrenRefs$$ === void 0 ? void 0 : _buttonChildrenRefs$$.focus();
       }, 0);
     } else if (_events.default.isEscKey(ev)) {
@@ -102,7 +75,6 @@ const SplitButton = ({
       ev.preventDefault();
     }
   }
-
   const mainButtonProps = {
     onMouseEnter: hideButtons,
     onFocus: hideButtons,
@@ -127,7 +99,6 @@ const SplitButton = ({
       onMouseEnter: showButtons
     })
   };
-
   function componentTags() {
     return {
       "data-component": "split-button",
@@ -135,7 +106,6 @@ const SplitButton = ({
       "data-role": dataRole
     };
   }
-
   function getIconColor() {
     const colorsMap = {
       primary: theme.colors.white,
@@ -143,7 +113,6 @@ const SplitButton = ({
     };
     return colorsMap[buttonType];
   }
-
   function renderMainButton() {
     return [/*#__PURE__*/_react.default.createElement(_button.default, _extends({
       "data-element": "main-button",
@@ -165,7 +134,6 @@ const SplitButton = ({
       disabled: disabled
     }))];
   }
-
   function childrenWithProps() {
     const childArray = Array.isArray(children) ? children : [children];
     return childArray.filter(Boolean).map((child, index) => {
@@ -176,7 +144,6 @@ const SplitButton = ({
         tabIndex: -1,
         onClick: ev => {
           var _toggleButton$current;
-
           if (child.props.onClick) child.props.onClick(ev);
           hideButtons();
           (_toggleButton$current = toggleButton.current) === null || _toggleButton$current === void 0 ? void 0 : _toggleButton$current.focus();
@@ -185,7 +152,6 @@ const SplitButton = ({
       return /*#__PURE__*/_react.default.cloneElement(child, childProps);
     });
   }
-
   function renderAdditionalButtons() {
     if (!showAdditionalButtons) return null;
     return /*#__PURE__*/_react.default.createElement(_popover.default, {
@@ -200,7 +166,6 @@ const SplitButton = ({
       onKeyDown: handleKeyDown
     }, childrenWithProps()));
   }
-
   const handleClick = (0, _useClickAwayListener.default)(hideButtons);
   return /*#__PURE__*/_react.default.createElement(_splitButton.default, _extends({
     "aria-haspopup": "true",
@@ -209,7 +174,6 @@ const SplitButton = ({
     ref: splitButtonNode
   }, componentTags(), (0, _utils.filterStyledSystemMarginProps)(rest)), renderMainButton(), renderAdditionalButtons());
 };
-
 exports.SplitButton = SplitButton;
 SplitButton.propTypes = {
   "about": _propTypes.default.string,
@@ -273,9 +237,6 @@ SplitButton.propTypes = {
   "color": _propTypes.default.string,
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
-  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__emotion_styles": _propTypes.default.any.isRequired
-  }), _propTypes.default.string, _propTypes.default.bool]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _button = _interopRequireDefault(require("../button/button.style"));
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledSplitButton = _styledComponents.default.div`
   ${_styledSystem.margin}
 

package/lib/components/step-sequence/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "StepSequenceItem", {
     return _stepSequenceItem.default;
   }
 });
-
 var _stepSequence = _interopRequireDefault(require("./step-sequence.component"));
-
 var _stepSequenceItem = _interopRequireDefault(require("./step-sequence-item"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/step-sequence/step-sequence-item/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _stepSequenceItem.default;
   }
 });
-
 var _stepSequenceItem = _interopRequireDefault(require("./step-sequence-item.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StepSequenceItem = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _stepSequenceItem = require("./step-sequence-item.style");
-
 var _icon = _interopRequireDefault(require("../../icon"));
-
 var _stepSequence = require("../step-sequence.component");
-
 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 _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 StepSequenceItem = ({
   hideIndicator = false,
   indicator,
@@ -36,27 +26,21 @@ const StepSequenceItem = ({
   const {
     orientation
   } = (0, _react.useContext)(_stepSequence.StepSequenceContext);
-
   const indicatorText = () => {
     return !hideIndicator ? /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemIndicator, null, indicator) : null;
   };
-
   const icon = () => status === "complete" ? /*#__PURE__*/_react.default.createElement(_icon.default, {
     type: "tick"
   }) : indicatorText();
-
   const hiddenLabel = () => {
     if (hiddenCompleteLabel && status === "complete") {
       return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemHiddenLabel, null, hiddenCompleteLabel);
     }
-
     if (hiddenCurrentLabel && status === "current") {
       return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemHiddenLabel, null, hiddenCurrentLabel);
     }
-
     return null;
   };
-
   return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItem, _extends({
     "data-component": "step-sequence-item",
     orientation: orientation,
@@ -65,7 +49,6 @@ const StepSequenceItem = ({
     "aria-label": ariaLabel
   }, rest), hiddenLabel(), /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemContent, null, icon(), /*#__PURE__*/_react.default.createElement("span", null, children)));
 };
-
 exports.StepSequenceItem = StepSequenceItem;
 StepSequenceItem.propTypes = {
   "ariaLabel": _propTypes.default.string,

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledStepSequenceItemIndicator = exports.StyledStepSequenceItemHiddenLabel = exports.StyledStepSequenceItemContent = exports.StyledStepSequenceItem = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _icon = _interopRequireDefault(require("../../icon/icon.style"));
-
 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 StyledStepSequenceItem = _styledComponents.default.li`
   display: flex;
   align-items: center;

package/lib/components/step-sequence/step-sequence.component.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StepSequence = exports.StepSequenceContext = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _stepSequence = _interopRequireDefault(require("./step-sequence.style"));
-
 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 StepSequenceContext = /*#__PURE__*/_react.default.createContext({
   orientation: "horizontal"
 });
-
 exports.StepSequenceContext = StepSequenceContext;
-
 const StepSequence = ({
   children,
   orientation = "horizontal",
@@ -36,7 +28,6 @@ const StepSequence = ({
     }
   }, children));
 };
-
 exports.StepSequence = StepSequence;
 StepSequence.propTypes = {
   "children": _propTypes.default.node,

package/lib/components/step-sequence/step-sequence.style.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _themes = require("../../style/themes");
-
 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 StyledStepSequence = _styledComponents.default.ol`
   display: flex;
   margin: 0;

package/lib/components/switch/__internal__/switch-slider-panel.style.d.ts

@@ -0,0 +1,7 @@
+import { SwitchProps } from "../switch.component";
+export interface SwitchSliderPanelProps {
+    isLoading?: boolean;
+    size?: SwitchProps["size"];
+}
+declare const SwitchSliderPanel: import("styled-components").StyledComponent<"div", any, SwitchSliderPanelProps, never>;
+export default SwitchSliderPanel;

package/lib/components/switch/__internal__/switch-slider-panel.style.js

@@ -4,21 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _loader = _interopRequireDefault(require("../../loader/loader.style"));
-
 var _loaderSquare = _interopRequireDefault(require("../../loader/loader-square.style"));
-
 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 SwitchSliderPanel = _styledComponents.default.div`
   ${({
   isLoading,
@@ -76,9 +67,5 @@ const SwitchSliderPanel = _styledComponents.default.div`
     `}
   `}
 `;
-SwitchSliderPanel.propTypes = {
-  isLoading: _propTypes.default.bool,
-  size: _propTypes.default.string
-};
 var _default = SwitchSliderPanel;
 exports.default = _default;

package/lib/components/switch/__internal__/switch-slider.component.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ValidationProps } from "../../../__internal__/validations";
+export interface SwitchSliderProps extends ValidationProps {
+    checked?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: "small" | "large";
+    useValidationIcon?: boolean;
+}
+declare const SwitchSlider: ({ checked, disabled, loading, size, error, warning, info, useValidationIcon, }: SwitchSliderProps) => JSX.Element;
+export default SwitchSlider;

package/lib/components/switch/__internal__/switch-slider.component.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _loader = _interopRequireDefault(require("../../loader/loader.component"));
-
 var _switchSlider = _interopRequireDefault(require("./switch-slider.style"));
-
 var _switchSliderPanel = _interopRequireDefault(require("./switch-slider-panel.style"));
-
 var _validationIcon = _interopRequireDefault(require("../../../__internal__/validations/validation-icon.component"));
-
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const SwitchSlider = ({
   checked,
   disabled,
@@ -53,9 +44,7 @@ const SwitchSlider = ({
     isActive: checked,
     size
   };
-
   const sliderContent = /*#__PURE__*/_react.default.createElement(_switchSliderPanel.default, sliderPanelStyleProps, loading ? /*#__PURE__*/_react.default.createElement(_loader.default, loaderProps) : panelContent);
-
   return /*#__PURE__*/_react.default.createElement(_switchSlider.default, switchSliderStyleProps, sliderContent, useValidationIcon && /*#__PURE__*/_react.default.createElement(_validationIcon.default, {
     error: error,
     warning: warning,
@@ -64,16 +53,15 @@ const SwitchSlider = ({
     tooltipFlipOverrides: ["top", "bottom"]
   }));
 };
-
 SwitchSlider.propTypes = {
-  checked: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  loading: _propTypes.default.bool,
-  size: _propTypes.default.string,
-  error: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  warning: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  info: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  useValidationIcon: _propTypes.default.bool
+  "checked": _propTypes.default.bool,
+  "disabled": _propTypes.default.bool,
+  "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "loading": _propTypes.default.bool,
+  "size": _propTypes.default.oneOf(["large", "small"]),
+  "useValidationIcon": _propTypes.default.bool,
+  "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
 };
 var _default = SwitchSlider;
 exports.default = _default;

package/lib/components/switch/__internal__/switch-slider.style.d.ts

@@ -0,0 +1,6 @@
+import { SwitchSliderProps } from "./switch-slider.component";
+interface StyledSwitchSliderProps extends Pick<SwitchSliderProps, "checked" | "disabled" | "size" | "error" | "warning"> {
+    isLoading?: boolean;
+}
+declare const StyledSwitchSlider: import("styled-components").StyledComponent<"span", any, StyledSwitchSliderProps, never>;
+export default StyledSwitchSlider;

package/lib/components/switch/__internal__/switch-slider.style.js

@@ -4,21 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _switchSliderPanel = _interopRequireDefault(require("./switch-slider-panel.style"));
-
 var _validationIcon = _interopRequireDefault(require("../../../__internal__/validations/validation-icon.style"));
-
 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 StyledSwitchSlider = _styledComponents.default.span`
   ${({
   checked,
@@ -124,13 +115,5 @@ const StyledSwitchSlider = _styledComponents.default.span`
     }
   `}
 `;
-StyledSwitchSlider.propTypes = {
-  checked: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  size: _propTypes.default.string,
-  isLoading: _propTypes.default.bool,
-  error: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  warning: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
-};
 var _default = StyledSwitchSlider;
 exports.default = _default;

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

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

package/lib/components/switch/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _switch.default;
   }
 });
-
 var _switch = _interopRequireDefault(require("./switch.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { MarginProps } from "styled-system";
+import { CommonCheckableInputProps } from "../../__internal__/checkable-input";
+export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-component"?: string;
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-element"?: string;
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-role"?: string;
+    /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+    adaptiveLabelBreakpoint?: number;
+    /** Set the default value of the Switch if component is meant to be used as uncontrolled */
+    defaultChecked?: boolean;
+    /** Text alignment of the label */
+    labelAlign?: "left" | "right";
+    /** When true label is inline */
+    labelInline?: boolean;
+    /** Triggers loading animation */
+    loading?: boolean;
+    /** When true, validation icon will be placed on label instead of being placed on the input */
+    validationOnLabel?: boolean;
+    /** The value of the switch, passed on form submit */
+    value?: string;
+    /** Overrides the default tooltip position */
+    tooltipPosition?: "top" | "bottom" | "left" | "right";
+    /** Aria label for rendered help component */
+    helpAriaLabel?: string;
+}
+export declare const Switch: ({ autoFocus, id, label, onChange, onBlur, onFocus, value, checked, defaultChecked, disabled, loading, reverse, validationOnLabel, labelInline, labelSpacing, labelHelp, fieldHelpInline, size, name, adaptiveLabelBreakpoint, tooltipPosition, error, warning, info, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, ...rest }: SwitchProps) => JSX.Element;
+export default Switch;