carbon-react 154.3.2 → 154.3.3-beta.1

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

@@ -1,125 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _fieldHelp = _interopRequireDefault(require("../../__internal__/field-help/field-help.style"));
-var _checkbox = _interopRequireDefault(require("../checkbox/checkbox.style"));
-var _hiddenCheckableInput = _interopRequireDefault(require("../../__internal__/checkable-input/hidden-checkable-input.style"));
-var _checkableInput = require("../../__internal__/checkable-input/checkable-input.style");
-var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
-var _label = require("../../__internal__/label/label.style");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RadioButtonStyle = (0, _styledComponents.default)(_checkbox.default)`
-  ${({
-  disabled,
-  fieldHelpInline,
-  reverse,
-  size,
-  inline
-}) => (0, _styledComponents.css)`
-    margin-bottom: var(--spacing150);
-
-    :last-of-type {
-      margin-bottom: 0;
-    }
-
-    && ${_formField.default} {
-      margin: 0;
-    }
-
-    ${_checkableInputSvgWrapper.default} {
-      padding: 0;
-    }
-
-    ${_checkableInputSvgWrapper.default}, svg {
-      border-radius: var(--borderRadiusCircle);
-    }
-
-    ${_checkableInput.StyledCheckableInput},
-    ${_hiddenCheckableInput.default},
-    ${_checkableInputSvgWrapper.default},
-    svg {
-      height: 16px;
-      width: 16px;
-    }
-
-    svg {
-      padding: 1px;
-    }
-
-    circle {
-      r: 5;
-    }
-
-    ${_label.StyledLabelContainer} {
-      flex: 1 1 calc(100% - 44px);
-    }
-
-    ${_hiddenCheckableInput.default}:checked + ${_checkableInputSvgWrapper.default} circle {
-      fill: var(--colorsUtilityYin090);
-    }
-
-    ${disabled && (0, _styledComponents.css)`
-      circle {
-        fill: var(--colorsUtilityDisabled400);
-      }
-
-      ${_hiddenCheckableInput.default}:checked + ${_checkableInputSvgWrapper.default} circle {
-        fill: var(--colorsUtilityDisabled600);
-      }
-    `}
-
-    ${(fieldHelpInline || reverse) && `
-      ${_fieldHelp.default} {
-        margin-left: 0;
-        margin-right: 6px;
-      }
-
-      ${_label.StyledLabelContainer} {
-        flex: 0 1 auto;
-      }
-    `}
-
-    ${size === "large" && (0, _styledComponents.css)`
-      ${_checkableInput.StyledCheckableInput},
-      ${_hiddenCheckableInput.default},
-      ${_checkableInputSvgWrapper.default},
-      svg {
-        height: 24px;
-        width: 24px;
-      }
-
-      circle {
-        r: 3.75;
-      }
-
-      ${reverse && (0, _styledComponents.css)`
-        ${!fieldHelpInline && `
-          ${_fieldHelp.default} {
-            padding: 0;
-          }
-        `}
-      `}
-    `}
-
-    ${inline && `
-      &:not(:first-of-type) {
-        margin-left: 32px;
-      }
-    `}
-  `}
-
-  ${_styledSystem.margin};
-`;
-RadioButtonStyle.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = RadioButtonStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("styled-system"),t=require("../../__internal__/field-help/field-help.style.js"),i=require("../checkbox/checkbox.style.js"),r=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),a=require("../../__internal__/checkable-input/checkable-input.style.js"),n=require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js"),s=require("../../__internal__/label/label.style.js"),d=require("../../style/themes/base/index.js"),c=require("../../__internal__/form-field/form-field.style.js");function u(e){return e&&e.__esModule?e:{default:e}}const f=u(e).default(i.default).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"sc-bfd12e0e-0"})([""," ",";"],(({disabled:l,fieldHelpInline:i,reverse:d,size:u,inline:f})=>e.css(["margin-bottom:var(--spacing150);:last-of-type{margin-bottom:0;}&& ","{margin:0;}","{padding:0;}",",svg{border-radius:var(--borderRadiusCircle);}",",",",",",svg{height:16px;width:16px;}svg{padding:1px;}circle{r:5;}","{flex:1 1 calc(100% - 44px);}",":checked + "," circle{fill:var(--colorsUtilityYin090);}"," "," "," ",""],c.default,n.default,n.default,a.StyledCheckableInput,r.default,n.default,s.StyledLabelContainer,r.default,n.default,l&&e.css(["circle{fill:var(--colorsUtilityDisabled400);}",":checked + "," circle{fill:var(--colorsUtilityDisabled600);}"],r.default,n.default),(i||d)&&`\n      ${t.default} {\n        margin-left: 0;\n        margin-right: 6px;\n      }\n\n      ${s.StyledLabelContainer} {\n        flex: 0 1 auto;\n      }\n    `,"large"===u&&e.css(["",",",",",",svg{height:24px;width:24px;}circle{r:3.75;}",""],a.StyledCheckableInput,r.default,n.default,d&&e.css(["",""],!i&&`\n          ${t.default} {\n            padding: 0;\n          }\n        `)),f&&"\n      &:not(:first-of-type) {\n        margin-left: 32px;\n      }\n    ")),l.margin);f.defaultProps={theme:d.default},exports.default=f;

package/lib/components/search/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _search.default;
-  }
-});
-var _search = _interopRequireDefault(require("./search.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./search.component.js");exports.default=e.Search;

package/lib/components/search/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/search/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/search/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,53 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StyledButtonIcon = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _button = _interopRequireDefault(require("../button/button.style"));
-var _icon = _interopRequireDefault(require("../icon/icon.style"));
-var _themes = require("../../style/themes");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledButtonIcon = exports.StyledButtonIcon = _styledComponents.default.div`
-  &&& ${_icon.default} {
-    color: var(--colorsActionMajorYang100);
-    margin-right: 0px;
-  }
-`;
-const StyledSearchButton = _styledComponents.default.div`
-  display: inline-flex;
-  border-bottom: none;
-
-  & ${_button.default} {
-    color: var(--colorsActionMajorYang100);
-    border-color: var(--colorsActionMajorTransparent);
-    border-bottom-left-radius: var(--borderRadius000);
-    border-top-left-radius: var(--borderRadius000);
-    border-bottom-right-radius: var(--borderRadius050);
-    border-top-right-radius: var(--borderRadius050);
-
-    :hover {
-      border-color: var(--colorsActionMajorTransparent);
-    }
-
-    width: fit-content;
-
-    ${_icon.default}${_icon.default} {
-      color: var(--colorsActionMajorYang100);
-    }
-
-    margin: 0px 0px;
-    padding-bottom: 3px;
-
-    :focus {
-      z-index: ${({
-  theme
-}) => theme.zIndex.smallOverlay};
-    }
-  }
-`;
-StyledSearchButton.defaultProps = {
-  theme: _themes.baseTheme
-};
-var _default = exports.default = StyledSearchButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../button/button.style.js"),o=require("../icon/icon.style.js");require("../../style/themes/sage/index.js");var t=require("../../style/themes/base/index.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../style/themes/none/index.js");var n=a(e);const s=n.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-8ce0b91b-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],o.default),d=n.default.div.withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"sc-8ce0b91b-1"})(["display:inline-flex;border-bottom:none;& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:",";}}"],r.default,o.default,o.default,(({theme:e})=>e.zIndex.smallOverlay));d.defaultProps={theme:t.default},exports.StyledButtonIcon=s,exports.default=d;

package/lib/components/search/search.component.js

@@ -1,204 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Search = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _utils = require("../../style/utils");
-var _search = _interopRequireDefault(require("./search.style"));
-var _searchButton = _interopRequireDefault(require("./search-button.style"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _textbox = _interopRequireDefault(require("../textbox"));
-var _button = _interopRequireDefault(require("../button"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-let deprecateUncontrolledWarnTriggered = false;
-const Search = exports.Search = /*#__PURE__*/_react.default.forwardRef(({
-  defaultValue,
-  onChange,
-  onClick,
-  onFocus,
-  onBlur,
-  onKeyDown,
-  value,
-  id,
-  name,
-  searchWidth,
-  maxWidth,
-  searchButton,
-  searchButtonAriaLabel,
-  placeholder,
-  variant = "default",
-  "aria-label": ariaLabel = "search",
-  tabIndex,
-  error,
-  warning,
-  info,
-  tooltipPosition,
-  triggerOnClear,
-  ...rest
-}, ref) => {
-  const isControlled = value !== undefined;
-  const initialValue = isControlled ? value : defaultValue;
-  const locale = (0, _useLocale.default)();
-  const searchRef = (0, _react.useRef)(null);
-  const inputRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    focus() {
-      inputRef.current?.focus();
-    }
-  }), []);
-  if (!deprecateUncontrolledWarnTriggered && !isControlled) {
-    deprecateUncontrolledWarnTriggered = true;
-    _logger.default.deprecate("Uncontrolled behaviour in `Search` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  !(typeof initialValue === "string") ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "This component has no initial value") : (0, _invariant.default)(false) : void 0;
-  const [searchValue, setSearchValue] = (0, _react.useState)(initialValue);
-  const [isFocused, setIsFocused] = (0, _react.useState)(false);
-  const isSearchValueEmpty = !isControlled ? searchValue.length === 0 : value.length === 0;
-  let buttonProps = {};
-  const handleChange = event => {
-    if (onChange) {
-      onChange(event);
-    }
-    if (!isControlled) {
-      setSearchValue(event.target.value);
-    }
-  };
-  const handleFocus = event => {
-    setIsFocused(true);
-    if (onFocus) {
-      onFocus(event);
-    }
-  };
-  if (searchButton && onClick) {
-    buttonProps = {
-      onClick: () => {
-        onClick({
-          target: {
-            name,
-            id,
-            value: !isControlled ? searchValue : value
-          }
-        });
-      }
-    };
-  }
-  const handleIconClick = () => {
-    setSearchValue("");
-    onChange?.({
-      target: {
-        ...(name && {
-          name
-        }),
-        ...(id && {
-          id
-        }),
-        value: ""
-      }
-    });
-    if (triggerOnClear) {
-      onClick?.({
-        target: {
-          ...(name && {
-            name
-          }),
-          ...(id && {
-            id
-          }),
-          value: ""
-        }
-      });
-    }
-    inputRef.current?.focus();
-  };
-  const handleMouseDown = event => {
-    event.preventDefault();
-  };
-  const handleBlur = event => {
-    setIsFocused(false);
-
-    /* istanbul ignore else */
-    if (onBlur) {
-      onBlur(event);
-    }
-  };
-  const handleKeyDown = event => {
-    if (event.key.length === 1) {
-      event.stopPropagation();
-    }
-    if (_events.default.isEscKey(event) && !isSearchValueEmpty) {
-      event.stopPropagation();
-      setSearchValue("");
-      onChange?.({
-        target: {
-          ...(name && {
-            name
-          }),
-          ...(id && {
-            id
-          }),
-          value: ""
-        }
-      });
-    }
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-  };
-  const searchButtonText = typeof searchButton === "string" ? searchButton : locale.search.searchButtonText();
-  const searchHasValue = !isControlled ? !!searchValue?.length : !!value?.length;
-  return /*#__PURE__*/_react.default.createElement(_search.default, _extends({
-    ref: searchRef,
-    isFocused: isFocused,
-    searchWidth: searchWidth,
-    maxWidth: maxWidth,
-    searchHasValue: searchHasValue,
-    showSearchButton: !!searchButton,
-    variant: variant
-  }, (0, _utils.filterStyledSystemMarginProps)(rest), {
-    id: id,
-    name: name
-  }, rest, (0, _tags.default)("search", rest)), /*#__PURE__*/_react.default.createElement(_textbox.default, {
-    placeholder: placeholder,
-    value: !isControlled ? searchValue : value,
-    inputIcon: !isSearchValueEmpty ? "cross" : undefined,
-    iconTabIndex: !isSearchValueEmpty ? 0 : -1,
-    iconOnClick: handleIconClick,
-    iconOnMouseDown: handleMouseDown,
-    "aria-label": ariaLabel,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown,
-    ref: inputRef,
-    tabIndex: tabIndex,
-    error: error,
-    warning: warning,
-    info: info,
-    leftChildren: !searchButton ? /*#__PURE__*/_react.default.createElement(_icon.default, {
-      type: "search",
-      ml: 1
-    }) : undefined,
-    tooltipPosition: tooltipPosition,
-    my: 0 // prevents any form spacing being applied
-  }), searchButton && /*#__PURE__*/_react.default.createElement(_searchButton.default, null, /*#__PURE__*/_react.default.createElement(_button.default, _extends({
-    "aria-label": searchButtonAriaLabel || searchButtonText,
-    size: "medium",
-    px: 2,
-    buttonType: "primary",
-    iconPosition: "before",
-    iconType: "search",
-    className: "search-button"
-  }, buttonProps), searchButtonText)));
-});
-Search.displayName = "Search";
-var _default = exports.default = Search;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var o=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("./search.style.js"),l=require("./search-button.style.js"),i=require("../icon/icon.component.js"),u=require("../textbox/textbox.component.js"),s=require("../button/button.component.js"),c=require("../../__internal__/utils/logger/index.js"),d=require("../../hooks/__internal__/useLocale/useLocale.js"),p=require("../../__internal__/utils/helpers/events/events.js");function f(e){return e&&e.__esModule?e:{default:e}}var h=f(t),b=f(r);function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function v(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let m=!1;const j=h.default.forwardRef(((r,f)=>{var{defaultValue:h,onChange:y,onClick:j,onFocus:O,onBlur:x,onKeyDown:w,value:P,id:_,name:q,searchWidth:S,maxWidth:k,searchButton:C,searchButtonAriaLabel:B,placeholder:D,variant:I="default","aria-label":T="search",tabIndex:W,error:E,warning:F,info:K,tooltipPosition:L,triggerOnClear:M}=r,R=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["defaultValue","onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","searchWidth","maxWidth","searchButton","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const V=void 0!==P,A=V?P:h,H=d.default(),N=t.useRef(null),z=t.useRef(null);t.useImperativeHandle(f,(()=>({focus(){var e;null===(e=z.current)||void 0===e||e.focus()}})),[]),m||V||(m=!0,c.default.deprecate("Uncontrolled behaviour in `Search` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),b.default("string"==typeof A,"This component has no initial value");const[U,G]=t.useState(A),[J,Q]=t.useState(!1),X=V?0===P.length:0===U.length;let Y={};C&&j&&(Y={onClick:()=>{j({target:{name:q,id:_,value:V?P:U}})}});const Z="string"==typeof C?C:H.search.searchButtonText(),$=V?!!(null==P?void 0:P.length):!!(null==U?void 0:U.length);return e.jsxs(a.default,v(g(v(g({ref:N,isFocused:J,searchWidth:S,maxWidth:k,searchHasValue:$,showSearchButton:!!C,variant:I},o.default(R)),{id:_,name:q}),R,n.default("search",R)),{children:[e.jsx(u.Textbox,{placeholder:D,value:V?P:U,inputIcon:X?void 0:"cross",iconTabIndex:X?-1:0,iconOnClick:()=>{var e;G(""),null==y||y({target:v(g({},q&&{name:q},_&&{id:_}),{value:""})}),M&&(null==j||j({target:v(g({},q&&{name:q},_&&{id:_}),{value:""})})),null===(e=z.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":T,onFocus:e=>{Q(!0),O&&O(e)},onBlur:e=>{Q(!1),x&&x(e)},onChange:e=>{y&&y(e),V||G(e.target.value)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),p.default.isEscKey(e)&&!X&&(e.stopPropagation(),G(""),null==y||y({target:v(g({},q&&{name:q},_&&{id:_}),{value:""})})),w&&w(e)},ref:z,tabIndex:W,error:E,warning:F,info:K,leftChildren:C?void 0:e.jsx(i.default,{type:"search",ml:1}),tooltipPosition:L,my:0}),C&&e.jsx(l.default,{children:e.jsx(s.default,v(g({"aria-label":B||Z,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"search-button"},Y),{children:Z}))})]}))}));j.displayName="Search",exports.Search=j,exports.default=j;

package/lib/components/search/search.style.js

@@ -1,171 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledSystem = require("styled-system");
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle/input-icon-toggle.style"));
-var _inputPresentation = _interopRequireDefault(require("../../__internal__/input/input-presentation.style"));
-var _input = _interopRequireDefault(require("../../__internal__/input/input.style"));
-var _icon = _interopRequireDefault(require("../icon/icon.style"));
-var _themes = require("../../style/themes");
-var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledSearch = _styledComponents.default.div`
-  ${({
-  isFocused,
-  searchWidth,
-  maxWidth,
-  searchHasValue,
-  showSearchButton,
-  theme,
-  variant
-}) => {
-  const darkVariant = variant === "dark";
-  const variantColor = darkVariant ? "var(--colorsUtilityYang080)" : "var(--colorsUtilityMajor300)";
-  return (0, _styledComponents.css)`
-      margin-bottom: var(--fieldSpacing);
-      ${_styledSystem.margin}
-      width: ${searchWidth ? `${searchWidth}` : "100%"};
-      max-width: ${maxWidth ? `${maxWidth}` : "100%"};
-      padding-bottom: var(--spacing025);
-      background-color: transparent;
-      display: inline-flex;
-      font-size: var(--fontSize100);
-      font-weight: 500;
-
-      ${!showSearchButton && (0, _styledComponents.css)`
-        border-bottom: var(--spacing025) solid ${variantColor};
-
-        :hover {
-          border-bottom-color: ${darkVariant ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityMajor400)"};
-          cursor: pointer;
-        }
-
-        ${(searchHasValue || isFocused) && (0, _styledComponents.css)`
-          border-bottom-color: transparent;
-
-          :hover {
-            border-bottom-color: transparent;
-            cursor: default;
-          }
-        `}
-      `}
-
-      ${_input.default} {
-        ::-moz-placeholder {
-          color: var(--colorsUtilityYin055);
-          opacity: 1;
-        }
-        ::placeholder {
-          color: var(--colorsUtilityYin055);
-        }
-
-        ${darkVariant && (0, _styledComponents.css)`
-          ::-moz-placeholder {
-            color: var(--colorsUtilityYang080);
-            opacity: 1;
-          }
-          ::placeholder {
-            color: var(--colorsUtilityYang080);
-          }
-        `}
-
-        ${darkVariant && searchHasValue && !showSearchButton && (0, _styledComponents.css)`
-          color: var(--colorsUtilityYang100);
-        `}
-      }
-
-      ${_inputPresentation.default} {
-        [data-element="search"] {
-          height: auto;
-
-          ${!darkVariant && (0, _styledComponents.css)`
-            color: var(--colorsUtilityYin065);
-
-            :hover {
-              color: var(--colorsUtilityYin100);
-            }
-          `}
-
-          ${darkVariant && (0, _styledComponents.css)`
-            color: var(--colorsUtilityYang080);
-
-            :hover {
-              color: var(--colorsUtilityYang100);
-            }
-          `}
-        }
-
-        ${darkVariant && !showSearchButton && (0, _styledComponents.css)`
-          background-color: transparent;
-          border-color: var(--colorsUtilityYang080);
-        `}
-
-        ${!darkVariant && (0, _styledComponents.css)`
-          background-color: ${searchHasValue || isFocused || showSearchButton ? "var(--colorsUtilityYang100)" : "transparent"};
-        `}
-
-        ${showSearchButton && (0, _styledComponents.css)`
-          border-top-right-radius: var(--borderRadius000);
-          border-bottom-right-radius: var(--borderRadius000);
-        `}
-
-        flex: 1;
-        font-size: var(--fontSize100);
-        font-weight: 500;
-        padding-bottom: var(--spacing025);
-        padding-top: 1px;
-        cursor: pointer;
-
-        ${!isFocused && !searchHasValue && !showSearchButton && (0, _styledComponents.css)`
-          border: 1px solid transparent;
-        `}
-
-        ${!isFocused && searchHasValue && !showSearchButton && (0, _styledComponents.css)`
-          background-color: ${darkVariant ? "transparent" : "var(--colorsUtilityYang100)"};
-        `}
-      }
-
-      ${_formField.default} {
-        flex: 1;
-        z-index: ${theme.zIndex.smallOverlay};
-      }
-
-      ${_icon.default} {
-        :not([data-element="search"]) {
-          ${darkVariant && !showSearchButton && (0, _styledComponents.css)`
-            color: var(--colorsUtilityYang080);
-
-            :hover {
-              color: var(--colorsUtilityYang100);
-            }
-          `}
-
-          ${!darkVariant && (0, _styledComponents.css)`
-            color: var(--colorsActionMinor500);
-
-            :hover {
-              color: var(--colorsActionMinor600);
-            }
-          `}
-        }
-        cursor: pointer;
-      }
-
-      ${_inputIconToggle.default} {
-        ${searchHasValue && (0, _styledComponents.css)`
-          margin-bottom: -1px;
-        `}
-      }
-    `;
-}}
-`;
-StyledSearch.defaultProps = {
-  theme: _themes.baseTheme
-};
-var _default = exports.default = StyledSearch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../__internal__/input/input-presentation.style.js"),a=require("../../__internal__/input/input.style.js"),i=require("../icon/icon.style.js");require("../../style/themes/sage/index.js");var s=require("../../style/themes/base/index.js");require("../../style/themes/none/index.js");var l=require("../../__internal__/form-field/form-field.style.js");function n(r){return r&&r.__esModule?r:{default:r}}const c=n(o).default.div.withConfig({displayName:"search.style__StyledSearch",componentId:"sc-c5f64dcf-0"})(["",""],(({isFocused:s,searchWidth:n,maxWidth:c,searchHasValue:d,showSearchButton:u,theme:p,variant:v})=>{const g="dark"===v,y=g?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;font-size:var(--fontSize100);font-weight:500;"," ","{::-moz-placeholder{color:var(--colorsUtilityYin055);opacity:1;}::placeholder{color:var(--colorsUtilityYin055);}"," ","}",'{[data-element="search"]{height:auto;'," ","}"," "," "," flex:1;font-size:var(--fontSize100);font-weight:500;padding-bottom:var(--spacing025);padding-top:1px;cursor:pointer;"," ","}","{flex:1;z-index:",";}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,n?`${n}`:"100%",c?`${c}`:"100%",!u&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],y,g?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||s)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),a.default,g&&o.css(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),g&&d&&!u&&o.css(["color:var(--colorsUtilityYang100);"]),e.default,!g&&o.css(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),g&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),g&&!u&&o.css(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!g&&o.css(["background-color:",";"],d||s||u?"var(--colorsUtilityYang100)":"transparent"),u&&o.css(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!s&&!d&&!u&&o.css(["border:1px solid transparent;"]),!s&&d&&!u&&o.css(["background-color:",";"],g?"transparent":"var(--colorsUtilityYang100)"),l.default,p.zIndex.smallOverlay,i.default,g&&!u&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!g&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,d&&o.css(["margin-bottom:-1px;"]))}));c.defaultProps={theme:s.default},exports.default=c;

package/lib/components/select/__internal__/list-action-button/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _listActionButton.default;
-  }
-});
-var _listActionButton = _interopRequireDefault(require("./list-action-button.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./list-action-button.component.js");exports.default=e.default;

package/lib/components/select/__internal__/list-action-button/list-action-button.component.js

@@ -1,39 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _listActionButton = _interopRequireDefault(require("./list-action-button.style"));
-var _useLocale = _interopRequireDefault(require("../../../../hooks/__internal__/useLocale"));
-var _button = _interopRequireDefault(require("../../../button"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ListActionButton = /*#__PURE__*/_react.default.forwardRef(({
-  listActionButton,
-  onListAction
-}, ref) => {
-  const l = (0, _useLocale.default)();
-  function renderListActionButton() {
-    if (!listActionButton || listActionButton === true) {
-      return /*#__PURE__*/_react.default.createElement(_button.default, {
-        ref: ref,
-        onClick: onListAction,
-        iconType: "add",
-        iconPosition: "after"
-      }, l.select.actionButtonText());
-    }
-
-    // istanbul ignore if
-    if (! /*#__PURE__*/_react.default.isValidElement(listActionButton)) {
-      return listActionButton;
-    }
-    return /*#__PURE__*/_react.default.cloneElement(listActionButton, {
-      ref,
-      onClick: onListAction
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_listActionButton.default, null, renderListActionButton());
-});
-ListActionButton.displayName = "ListActionButton";
-var _default = exports.default = ListActionButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./list-action-button.style.js"),o=require("../../../../hooks/__internal__/useLocale/useLocale.js"),r=require("../../../button/button.component.js");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(t);const l=u.default.forwardRef((({listActionButton:t,onListAction:i},l)=>{const s=o.default();return e.jsx(n.default,{children:t&&!0!==t?u.default.isValidElement(t)?u.default.cloneElement(t,{ref:l,onClick:i}):t:e.jsx(r.default,{ref:l,onClick:i,iconType:"add",iconPosition:"after",children:s.select.actionButtonText()})})}));l.displayName="ListActionButton",exports.default=l;