carbon-react 111.12.3 → 111.12.5

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

@@ -4,26 +4,47 @@ 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",
@@ -40,6 +61,7 @@ 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]);
@@ -52,22 +74,27 @@ const SplitButton = ({
     setShowAdditionalButtons(false);
   }, []);
   const handleKeyDown = (0, _useMenuKeyboardNavigation.default)(toggleButton, buttonChildrenRefs, hideButtons);
+
   function showButtons() {
     setShowAdditionalButtons(true);
-
     /* 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)) {
@@ -75,6 +102,7 @@ const SplitButton = ({
       ev.preventDefault();
     }
   }
+
   const mainButtonProps = {
     onMouseEnter: hideButtons,
     onFocus: hideButtons,
@@ -99,6 +127,7 @@ const SplitButton = ({
       onMouseEnter: showButtons
     })
   };
+
   function componentTags() {
     return {
       "data-component": "split-button",
@@ -106,6 +135,7 @@ const SplitButton = ({
       "data-role": dataRole
     };
   }
+
   function getIconColor() {
     const colorsMap = {
       primary: theme.colors.white,
@@ -113,6 +143,7 @@ const SplitButton = ({
     };
     return colorsMap[buttonType];
   }
+
   function renderMainButton() {
     return [/*#__PURE__*/_react.default.createElement(_button.default, _extends({
       "data-element": "main-button",
@@ -134,6 +165,7 @@ const SplitButton = ({
       disabled: disabled
     }))];
   }
+
   function childrenWithProps() {
     const childArray = Array.isArray(children) ? children : [children];
     return childArray.filter(Boolean).map((child, index) => {
@@ -144,6 +176,7 @@ 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();
@@ -152,6 +185,7 @@ const SplitButton = ({
       return /*#__PURE__*/_react.default.cloneElement(child, childProps);
     });
   }
+
   function renderAdditionalButtons() {
     if (!showAdditionalButtons) return null;
     return /*#__PURE__*/_react.default.createElement(_popover.default, {
@@ -166,6 +200,7 @@ const SplitButton = ({
       onKeyDown: handleKeyDown
     }, childrenWithProps()));
   }
+
   const handleClick = (0, _useClickAwayListener.default)(hideButtons);
   return /*#__PURE__*/_react.default.createElement(_splitButton.default, _extends({
     "aria-haspopup": "true",
@@ -174,6 +209,7 @@ const SplitButton = ({
     ref: splitButtonNode
   }, componentTags(), (0, _utils.filterStyledSystemMarginProps)(rest)), renderMainButton(), renderAdditionalButtons());
 };
+
 exports.SplitButton = SplitButton;
 SplitButton.propTypes = {
   "about": _propTypes.default.string,
@@ -237,6 +273,9 @@ 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,11 +4,17 @@ 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,6 +15,9 @@ 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,5 +9,7 @@ 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,15 +4,25 @@ 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,
@@ -26,21 +36,27 @@ 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,
@@ -49,6 +65,7 @@ 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,11 +4,17 @@ 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,15 +4,23 @@ 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",
@@ -28,6 +36,7 @@ const StepSequence = ({
     }
   }, children));
 };
+
 exports.StepSequence = StepSequence;
 StepSequence.propTypes = {
   "children": _propTypes.default.node,

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

@@ -4,11 +4,17 @@ 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.js

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 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,

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

@@ -4,14 +4,23 @@ 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,
@@ -44,7 +53,9 @@ 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,
@@ -53,6 +64,7 @@ const SwitchSlider = ({
     tooltipFlipOverrides: ["top", "bottom"]
   }));
 };
+
 SwitchSlider.propTypes = {
   "checked": _propTypes.default.bool,
   "disabled": _propTypes.default.bool,

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

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 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,

package/lib/components/switch/index.js

@@ -9,5 +9,7 @@ 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.js

@@ -4,17 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Switch = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _switch = _interopRequireDefault(require("./switch.style"));
+
 var _checkableInput = _interopRequireDefault(require("../../__internal__/checkable-input"));
+
 var _switchSlider = _interopRequireDefault(require("./__internal__/switch-slider.component"));
+
 var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
+
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
+
 var _utils = require("../../style/utils");
+
 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 Switch = ({
   autoFocus,
   id,
@@ -54,9 +66,11 @@ const Switch = ({
   }, [setCheckedInternal, onChange]);
   const largeScreen = (0, _useIsAboveBreakpoint.default)(adaptiveLabelBreakpoint);
   let shouldLabelBeInline = labelInline;
+
   if (adaptiveLabelBreakpoint) {
     shouldLabelBeInline = largeScreen;
   }
+
   const shouldValidationBeOnLabel = labelInline && !reverse ? true : validationOnLabel;
   const switchStyleProps = {
     "data-component": dataComponent,
@@ -111,6 +125,7 @@ const Switch = ({
     tooltipPosition: tooltipPosition
   }, /*#__PURE__*/_react.default.createElement(_switch.default, switchStyleProps, /*#__PURE__*/_react.default.createElement(_checkableInput.default, inputProps, /*#__PURE__*/_react.default.createElement(_switchSlider.default, switchSliderProps))));
 };
+
 exports.Switch = Switch;
 Switch.propTypes = {
   "about": _propTypes.default.string,
@@ -180,6 +195,9 @@ Switch.propTypes = {
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
   "crossOrigin": _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/switch/switch.style.js

@@ -4,19 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _fieldHelp = _interopRequireDefault(require("../../__internal__/field-help/field-help.style"));
+
 var _hiddenCheckableInput = _interopRequireDefault(require("../../__internal__/checkable-input/hidden-checkable-input.style"));
+
 var _label = require("../../__internal__/label/label.style");
+
 var _checkableInput = require("../../__internal__/checkable-input/checkable-input.style");
+
 var _switchSlider = _interopRequireDefault(require("./__internal__/switch-slider.style"));
+
 var _validationIcon = _interopRequireDefault(require("../../__internal__/validations/validation-icon.style"));
+
 var _formField = require("../../__internal__/form-field/form-field.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 StyledSwitch = _styledComponents.default.div`
   ${({
   fieldHelpInline,

package/lib/components/tabs/__internal__/tab-title/index.js

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