carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/textarea/textarea.component.js

@@ -1,284 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Textarea = exports.OriginalTextarea = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _input = require("../../__internal__/input");
-var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
-var _useCharacterCount = _interopRequireDefault(require("../../hooks/useCharacterCount"));
-var _input2 = _interopRequireDefault(require("../../__internal__/input/input.component"));
-var _inputBehaviour = require("../../__internal__/input-behaviour");
-var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle"));
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-var _textarea = _interopRequireWildcard(require("./textarea.style"));
-var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility"));
-var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
-var _textbox = _interopRequireDefault(require("../textbox/textbox.style"));
-var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
-var _box = _interopRequireDefault(require("../box"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _hintText = _interopRequireDefault(require("../../__internal__/hint-text"));
-var _utils = require("../../style/utils");
-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 deprecatedAriaDescribedByWarnTriggered = false;
-let deprecateOptionalWarnTriggered = false;
-let deprecateUncontrolledWarnTriggered = false;
-let warnBorderRadiusArrayTooLarge = false;
-const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_react.default.forwardRef(({
-  "aria-labelledby": ariaLabelledBy,
-  "aria-describedby": ariaDescribedByProp,
-  ariaDescribedBy: ariaDescribedByPropDeprecated,
-  autoFocus,
-  inputHint,
-  fieldHelp,
-  label,
-  children,
-  characterLimit,
-  onChange,
-  onFocus,
-  onBlur,
-  disabled = false,
-  labelInline,
-  labelAlign,
-  labelHelp,
-  labelSpacing,
-  inputIcon,
-  id: idProp,
-  error,
-  warning,
-  info,
-  name,
-  readOnly = false,
-  placeholder,
-  expandable = false,
-  rows,
-  validationOnLabel = false,
-  adaptiveLabelBreakpoint,
-  inputWidth,
-  maxWidth,
-  labelWidth = 30,
-  tooltipPosition,
-  value,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  helpAriaLabel,
-  borderRadius,
-  hideBorders = false,
-  required,
-  isOptional,
-  minHeight = _textarea.DEFAULT_MIN_HEIGHT,
-  ...rest
-}, ref) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    _logger.default.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead.");
-  }
-  const {
-    validationRedesignOptIn
-  } = (0, _react.useContext)(_newValidation.default);
-  const labelInlineWithNewValidation = validationRedesignOptIn ? false : labelInline;
-  const [textareaMinHeight, setTextareaMinHeight] = (0, _react.useState)(_textarea.DEFAULT_MIN_HEIGHT);
-  const computeLabelPropValues = prop => validationRedesignOptIn ? undefined : prop;
-  const {
-    current: id
-  } = (0, _react.useRef)(idProp || (0, _guid.default)());
-  const internalRef = (0, _react.useRef)(null);
-  const callbackRef = (0, _react.useCallback)(inputElement => {
-    internalRef.current = inputElement;
-    if (!ref) {
-      return;
-    }
-    if ("current" in ref) {
-      ref.current = inputElement;
-    } else {
-      ref(inputElement);
-    }
-  }, [ref]);
-  const [characterCountAriaLive, setCharacterCountAriaLive] = (0, _react.useState)("off");
-
-  // This block of code has been covered in a Playwright test.
-  // istanbul ignore next
-  const handleFocus = ev => {
-    if (characterLimit) setCharacterCountAriaLive("polite");
-    onFocus?.(ev);
-  };
-
-  // This block of code has been covered in a Playwright test.
-  // istanbul ignore next
-  const handleBlur = ev => {
-    if (characterLimit) setCharacterCountAriaLive("off");
-    onBlur?.(ev);
-  };
-  if (!deprecateUncontrolledWarnTriggered && !onChange) {
-    deprecateUncontrolledWarnTriggered = true;
-    _logger.default.deprecate("Uncontrolled behaviour in `Textarea` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  if (!deprecatedAriaDescribedByWarnTriggered && ariaDescribedByPropDeprecated) {
-    deprecatedAriaDescribedByWarnTriggered = true;
-    _logger.default.deprecate("The `ariaDescribedBy` prop in `Textarea` is deprecated and will soon be removed, please use `aria-describedby` instead.");
-  }
-  if (Array.isArray(borderRadius) && borderRadius.length > 4 && !warnBorderRadiusArrayTooLarge) {
-    // eslint-disable-next-line no-console
-    console.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values.");
-    warnBorderRadiusArrayTooLarge = true;
-  }
-  const expandTextarea = (0, _react.useCallback)(() => {
-    const textarea = internalRef.current;
-    if (textarea?.scrollHeight && textarea?.scrollHeight > textareaMinHeight) {
-      // need to reset scroll position of the nearest parent which scrolls
-      let scrollElement = textarea;
-      while (scrollElement && !scrollElement?.scrollTop) {
-        scrollElement = scrollElement?.parentElement || null;
-      }
-      const scrollPosition = scrollElement?.scrollTop;
-
-      // Reset height to allow shrinking when lines are removed
-      textarea.style.height = "auto";
-      // Set the height so all content is shown
-      textarea.style.height = `${Math.max(textarea.scrollHeight, textareaMinHeight)}px`;
-      if (scrollElement && scrollPosition) {
-        scrollElement.scrollTop = scrollPosition;
-      }
-    }
-  }, [textareaMinHeight]);
-  const {
-    labelId,
-    validationId,
-    fieldHelpId,
-    ariaDescribedBy
-  } = (0, _useInputAccessibility.default)({
-    id,
-    validationRedesignOptIn,
-    error,
-    warning,
-    info,
-    label,
-    fieldHelp
-  });
-  const [characterCount, visuallyHiddenHintId] = (0, _useCharacterCount.default)(value, characterLimit, characterCountAriaLive);
-  (0, _react.useEffect)(() => {
-    if (rows) {
-      setTextareaMinHeight(internalRef?.current?.scrollHeight || 0);
-    } else {
-      setTextareaMinHeight(minHeight > _textarea.DEFAULT_MIN_HEIGHT ? minHeight : _textarea.DEFAULT_MIN_HEIGHT);
-    }
-  }, [minHeight, rows]);
-  (0, _react.useEffect)(() => {
-    if (expandable) {
-      expandTextarea();
-    }
-  });
-  (0, _react.useEffect)(() => {
-    if (expandable) {
-      window.addEventListener("resize", expandTextarea);
-      setTextareaMinHeight(internalRef?.current?.clientHeight || 0);
-      // need to also run expandTextarea when the Sage UI font completes loading, to prevent strange scroll
-      // behaviour when it only loads after the component is rendered
-      document.fonts?.addEventListener("loadingdone", expandTextarea);
-    }
-    return () => {
-      if (expandable) {
-        window.removeEventListener("resize", expandTextarea);
-        document.fonts?.removeEventListener("loadingdone", expandTextarea);
-      }
-    };
-  }, [expandTextarea, expandable]);
-  const hasIconInside = !!(inputIcon || validationId && !validationOnLabel);
-  const hintId = (0, _react.useRef)((0, _guid.default)());
-  const inputHintId = inputHint ? hintId.current : undefined;
-  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId, visuallyHiddenHintId, ariaDescribedByProp || ariaDescribedByPropDeprecated].filter(Boolean).join(" ");
-  const input = /*#__PURE__*/_react.default.createElement(_input.InputPresentation, {
-    disabled: disabled,
-    readOnly: readOnly,
-    inputWidth: typeof inputWidth === "number" ? inputWidth : 100 - labelWidth,
-    maxWidth: maxWidth,
-    error: error,
-    warning: warning,
-    info: info,
-    borderRadius: borderRadius,
-    hideBorders: hideBorders
-  }, /*#__PURE__*/_react.default.createElement(_input2.default, _extends({
-    "aria-invalid": !!error,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": combinedAriaDescribedBy,
-    autoFocus: autoFocus,
-    name: name,
-    value: value,
-    ref: callbackRef,
-    onChange: onChange,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    disabled: disabled,
-    readOnly: readOnly,
-    placeholder: disabled ? "" : placeholder,
-    rows: rows,
-    id: id,
-    as: "textarea",
-    validationIconId: validationRedesignOptIn ? undefined : validationId,
-    inputBorderRadius: borderRadius,
-    required: required
-  }, rest)), children, /*#__PURE__*/_react.default.createElement(_inputIconToggle.default, {
-    disabled: disabled,
-    readOnly: readOnly,
-    inputIcon: inputIcon,
-    error: error,
-    warning: warning,
-    info: info,
-    validationIconId: validationRedesignOptIn ? undefined : validationId,
-    useValidationIcon: !(validationRedesignOptIn || validationOnLabel)
-  }));
-  const marginProps = (0, _utils.filterStyledSystemMarginProps)(rest);
-  return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
-    tooltipPosition: tooltipPosition,
-    helpAriaLabel: helpAriaLabel
-  }, /*#__PURE__*/_react.default.createElement(_inputBehaviour.InputBehaviour, null, /*#__PURE__*/_react.default.createElement(_textarea.default, _extends({
-    labelInline: labelInlineWithNewValidation,
-    hasIcon: hasIconInside,
-    minHeight: textareaMinHeight
-  }, marginProps, (0, _tags.default)("textarea", {
-    "data-element": dataElement,
-    "data-role": dataRole
-  })), /*#__PURE__*/_react.default.createElement(_formField.default, {
-    fieldHelp: computeLabelPropValues(fieldHelp),
-    fieldHelpId: fieldHelpId,
-    error: error,
-    warning: warning,
-    info: info,
-    label: label,
-    labelId: labelId,
-    disabled: disabled,
-    id: id,
-    labelInline: computeLabelPropValues(labelInlineWithNewValidation),
-    labelAlign: labelAlign,
-    labelWidth: computeLabelPropValues(labelWidth),
-    labelHelp: computeLabelPropValues(labelHelp),
-    labelSpacing: labelSpacing,
-    isRequired: required,
-    isOptional: isOptional,
-    useValidationIcon: computeLabelPropValues(validationOnLabel),
-    adaptiveLabelBreakpoint: adaptiveLabelBreakpoint,
-    validationRedesignOptIn: validationRedesignOptIn,
-    my: 0 // prevents any form spacing being applied
-  }, (inputHint || labelHelp && validationRedesignOptIn) && /*#__PURE__*/_react.default.createElement(_hintText.default, {
-    align: labelAlign,
-    id: inputHintId,
-    "data-element": "input-hint"
-  }, inputHint || labelHelp), validationRedesignOptIn ? /*#__PURE__*/_react.default.createElement(_box.default, {
-    position: "relative"
-  }, /*#__PURE__*/_react.default.createElement(_validationMessage.default, {
-    error: error,
-    validationId: validationId,
-    warning: warning
-  }), (error || warning) && /*#__PURE__*/_react.default.createElement(_textbox.default, {
-    warning: !!(!error && warning)
-  }), input) : input), characterCount)));
-});
-Textarea.displayName = "Textarea";
-var _default = exports.default = Textarea;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../../__internal__/input/input.component.js"),n=require("../../__internal__/input/input-presentation.component.js"),l=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/useCharacterCount/useCharacterCount.js"),o=require("../../__internal__/input-behaviour/input-behaviour.component.js"),d=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("./textarea.style.js"),c=require("../../__internal__/tooltip-provider/index.js"),p=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),b=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../textbox/textbox.style.js"),h=require("../../__internal__/validation-message/validation-message.component.js"),v=require("../box/box.component.js"),_=require("../../__internal__/utils/logger/index.js"),g=require("../../__internal__/hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var y=require("../../style/utils/filter-styled-system-margin-props.js");function m(e){return e&&e.__esModule?e:{default:e}}function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function x(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){j(e,r,t[r])}))}return e}let O=!1,I=!1,w=!1,H=!1;const q=m(r).default.forwardRef(((m,j)=>{var{"aria-labelledby":q,"aria-describedby":T,ariaDescribedBy:E,autoFocus:P,inputHint:L,fieldHelp:B,label:A,children:R,characterLimit:D,onChange:k,onFocus:S,onBlur:C,disabled:F=!1,labelInline:W,labelAlign:M,labelHelp:N,labelSpacing:U,inputIcon:G,id:z,error:V,warning:$,info:J,name:K,readOnly:Q=!1,placeholder:X,expandable:Y=!1,rows:Z,validationOnLabel:ee=!1,adaptiveLabelBreakpoint:re,inputWidth:te,maxWidth:ie,labelWidth:ne=30,tooltipPosition:le,value:ae,"data-element":oe,"data-role":de,helpAriaLabel:se,borderRadius:ue,hideBorders:ce=!1,required:pe,isOptional:be,minHeight:fe=u.DEFAULT_MIN_HEIGHT}=m,he=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(m,["aria-labelledby","aria-describedby","ariaDescribedBy","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight"]);!I&&be&&(I=!0,_.default.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:ve}=r.useContext(b.default),_e=!ve&&W,[ge,ye]=r.useState(u.DEFAULT_MIN_HEIGHT),me=e=>ve?void 0:e,{current:je}=r.useRef(z||s.default()),xe=r.useRef(null),Oe=r.useCallback((e=>{xe.current=e,j&&("current"in j?j.current=e:j(e))}),[j]),[Ie,we]=r.useState("off");w||k||(w=!0,_.default.deprecate("Uncontrolled behaviour in `Textarea` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),!O&&E&&(O=!0,_.default.deprecate("The `ariaDescribedBy` prop in `Textarea` is deprecated and will soon be removed, please use `aria-describedby` instead.")),Array.isArray(ue)&&ue.length>4&&!H&&(console.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),H=!0);const He=r.useCallback((()=>{const e=xe.current;if((null==e?void 0:e.scrollHeight)&&(null==e?void 0:e.scrollHeight)>ge){let r=e;for(;r&&!(null==r?void 0:r.scrollTop);)r=(null==r?void 0:r.parentElement)||null;const t=null==r?void 0:r.scrollTop;e.style.height="auto",e.style.height=`${Math.max(e.scrollHeight,ge)}px`,r&&t&&(r.scrollTop=t)}}),[ge]),{labelId:qe,validationId:Te,fieldHelpId:Ee,ariaDescribedBy:Pe}=p.default({id:je,validationRedesignOptIn:ve,error:V,warning:$,info:J,label:A,fieldHelp:B}),[Le,Be]=a.default(ae,D,Ie);r.useEffect((()=>{var e;ye(Z?(null==xe||null===(e=xe.current)||void 0===e?void 0:e.scrollHeight)||0:fe>u.DEFAULT_MIN_HEIGHT?fe:u.DEFAULT_MIN_HEIGHT)}),[fe,Z]),r.useEffect((()=>{Y&&He()})),r.useEffect((()=>{var e,r;return Y&&(window.addEventListener("resize",He),ye((null==xe||null===(e=xe.current)||void 0===e?void 0:e.clientHeight)||0),null===(r=document.fonts)||void 0===r||r.addEventListener("loadingdone",He)),()=>{var e;Y&&(window.removeEventListener("resize",He),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",He))}}),[He,Y]);const Ae=!!(G||Te&&!ee),Re=r.useRef(s.default()),De=L?Re.current:void 0,ke=[Pe,De,Be,T||E].filter(Boolean).join(" "),Se=e.jsxs(n.default,{disabled:F,readOnly:Q,inputWidth:"number"==typeof te?te:100-ne,maxWidth:ie,error:V,warning:$,info:J,borderRadius:ue,hideBorders:ce,children:[e.jsx(i.default,x({"aria-invalid":!!V,"aria-labelledby":q,"aria-describedby":ke,autoFocus:P,name:K,value:ae,ref:Oe,onChange:k,onFocus:e=>{D&&we("polite"),null==S||S(e)},onBlur:e=>{D&&we("off"),null==C||C(e)},disabled:F,readOnly:Q,placeholder:F?"":X,rows:Z,id:je,as:"textarea",validationIconId:ve?void 0:Te,inputBorderRadius:ue,required:pe},he)),R,e.jsx(d.default,{disabled:F,readOnly:Q,inputIcon:G,error:V,warning:$,info:J,validationIconId:ve?void 0:Te,useValidationIcon:!(ve||ee)})]}),Ce=y.default(he);return e.jsx(c.TooltipProvider,{tooltipPosition:le,helpAriaLabel:se,children:e.jsx(o.InputBehaviour,{children:e.jsxs(u.default,(Fe=x({labelInline:_e,hasIcon:Ae,minHeight:ge},Ce,t.default("textarea",{"data-element":oe,"data-role":de})),We={children:[e.jsxs(l.default,{fieldHelp:me(B),fieldHelpId:Ee,error:V,warning:$,info:J,label:A,labelId:qe,disabled:F,id:je,labelInline:me(_e),labelAlign:M,labelWidth:me(ne),labelHelp:me(N),labelSpacing:U,isRequired:pe,isOptional:be,useValidationIcon:me(ee),adaptiveLabelBreakpoint:re,validationRedesignOptIn:ve,my:0,children:[(L||N&&ve)&&e.jsx(g.HintText,{align:M,id:De,"data-element":"input-hint",children:L||N}),ve?e.jsxs(v.Box,{position:"relative",children:[e.jsx(h.default,{error:V,validationId:Te,warning:$}),(V||$)&&e.jsx(f.default,{warning:!(V||!$)}),Se]}):Se]}),Le]},We=null!=We?We:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Fe,Object.getOwnPropertyDescriptors(We)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(We)).forEach((function(e){Object.defineProperty(Fe,e,Object.getOwnPropertyDescriptor(We,e))})),Fe))})});var Fe,We}));q.displayName="Textarea",exports.OriginalTextarea=q,exports.Textarea=q,exports.default=q;

package/lib/components/textarea/textarea.style.js

@@ -1,54 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DEFAULT_MIN_HEIGHT = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _input = _interopRequireDefault(require("../../__internal__/input/input.style"));
-var _label = require("../../__internal__/label/label.style");
-var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle/input-icon-toggle.style"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-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 DEFAULT_MIN_HEIGHT = exports.DEFAULT_MIN_HEIGHT = 64;
-const StyledTextarea = _styledComponents.default.div`
-  margin-bottom: var(--fieldSpacing);
-  ${_styledSystem.margin};
-
-  ${_input.default} {
-    box-sizing: border-box;
-    resize: none;
-    ${({
-  minHeight
-}) => `min-height: ${minHeight || DEFAULT_MIN_HEIGHT}px;`}
-    padding: var(--spacing150) var(--spacing200);
-
-    ${({
-  hasIcon
-}) => hasIcon && "padding-right: var(--spacing500);"}
-  }
-
-  ${({
-  labelInline
-}) => labelInline && (0, _styledComponents.css)`
-      ${_label.StyledLabelContainer} {
-        align-items: flex-start;
-        padding-top: 6px;
-      }
-    `}
-
-  ${_inputIconToggle.default} {
-    height: 40px;
-    position: absolute;
-    height: 100%;
-    top: 0px;
-    right: 4px;
-  }
-`;
-StyledTextarea.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = StyledTextarea;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/input/input.style.js"),n=require("../../__internal__/label/label.style.js"),a=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),r=require("../../style/themes/base/index.js");function s(e){return e&&e.__esModule?e:{default:e}}const l=s(e).default.div.withConfig({displayName:"textarea.style__StyledTextarea",componentId:"sc-93dea5de-0"})(["margin-bottom:var(--fieldSpacing);",";","{box-sizing:border-box;resize:none;"," padding:var(--spacing150) var(--spacing200);","}"," ","{height:40px;position:absolute;height:100%;top:0px;right:4px;}"],t.margin,i.default,(({minHeight:e})=>`min-height: ${e||64}px;`),(({hasIcon:e})=>e&&"padding-right: var(--spacing500);"),(({labelInline:t})=>t&&e.css(["","{align-items:flex-start;padding-top:6px;}"],n.StyledLabelContainer)),a.default);l.defaultProps={theme:r.default},exports.DEFAULT_MIN_HEIGHT=64,exports.default=l;

package/lib/components/textbox/__internal__/prefix.style.js

@@ -1,21 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _inputSizes = _interopRequireDefault(require("../../../__internal__/input/input-sizes.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledPrefix = _styledComponents.default.span`
-  align-self: center;
-  font-weight: 700;
-  margin-left: ${({
-  size
-}) => _inputSizes.default[size].horizontalPadding}; // margin must match the original component padding
-
-  && + input {
-    padding-left: var(--spacing100);
-  }
-`;
-var _default = exports.default = StyledPrefix;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../__internal__/input/input-sizes.style.js");function n(e){return e&&e.__esModule?e:{default:e}}const i=n(e).default.span.withConfig({displayName:"prefix.style__StyledPrefix",componentId:"sc-4d216025-0"})(["align-self:center;font-weight:700;margin-left:",";&& + input{padding-left:var(--spacing100);}"],(({size:e})=>t.default[e].horizontalPadding));exports.default=i;

package/lib/components/textbox/index.js

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

package/lib/components/textbox/package.json

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