npm - @dnb/eufemia - Versions diffs - 10.22.0 → 10.24.0 - Mend

@dnb/eufemia 10.22.0 → 10.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1233) hide show

package/cjs/components/textarea/Textarea.js CHANGED Viewed

@@ -19,7 +19,7 @@ var _SkeletonHelper = require("../skeleton/SkeletonHelper");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _Suffix = _interopRequireDefault(require("../../shared/helpers/Suffix"));
 var _AlignmentHelper, _span;
-const _excluded = ["label", "label_direction", "label_sr_only", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "disabled", "skeleton", "stretch", "placeholder", "align", "textarea_class", "readOnly", "textarea_attributes", "class", "className", "autoresize", "characterCounter", "autoresize_max_rows", "id", "children", "value", "textarea_element"];
+const _excluded = ["label", "label_direction", "label_sr_only", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "disabled", "skeleton", "stretch", "placeholder", "keepPlaceholder", "align", "size", "textarea_class", "readOnly", "textarea_attributes", "class", "className", "autoresize", "characterCounter", "autoresize_max_rows", "id", "children", "value", "textarea_element"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -175,6 +175,16 @@ class Textarea extends _react.default.PureComponent {
     if (props.textarea_state) {
       this.state.textareaState = props.textarea_state;
     }
+    try {
+      if (typeof navigator !== 'undefined') {
+        this.resizeModifier = /Firefox|Edg/.test(navigator.userAgent) || /Chrome/.test(navigator.userAgent) && /Win/.test(navigator.platform) ? 'large' : false;
+        if (!this.resizeModifier) {
+          this.resizeModifier = /Safari|Chrome/.test(navigator.userAgent) && /Mac/.test(navigator.platform) ? 'medium' : false;
+        }
+      }
+    } catch (error) {
+      console.error(error);
+    }
   }
   componentDidMount() {
     if (this.props.inner_ref) {
@@ -224,7 +234,9 @@ class Textarea extends _react.default.PureComponent {
         skeleton,
         stretch,
         placeholder,
+        keepPlaceholder,
         align,
+        size,
         textarea_class,
         readOnly,
         textarea_attributes,
@@ -271,7 +283,7 @@ class Textarea extends _react.default.PureComponent {
       textareaParams['aria-readonly'] = textareaParams.readOnly = true;
     }
     const mainParams = {
-      className: (0, _classnames.default)(`dnb-textarea dnb-textarea--${textareaState} dnb-form-component`, (0, _SkeletonHelper.createSkeletonClass)(null, skeleton), (0, _SpacingHelper.createSpacingClasses)(props), _className, className, hasValue && 'dnb-textarea--has-content', align && `dnb-textarea__align--${align}`, status && `dnb-textarea__status--${status_state}`, autoresize && 'dnb-textarea__autoresize', label_direction && `dnb-textarea--${label_direction}`, (0, _componentHelper.isTrue)(stretch) && `dnb-textarea--stretch`)
+      className: (0, _classnames.default)(`dnb-textarea dnb-textarea--${textareaState} dnb-form-component`, (0, _SkeletonHelper.createSkeletonClass)(null, skeleton), (0, _SpacingHelper.createSpacingClasses)(props), _className, className, autoresize ? 'dnb-textarea__autoresize' : this.resizeModifier && `dnb-textarea__resize--${this.resizeModifier}`, disabled && 'dnb-textarea--disabled', hasValue && 'dnb-textarea--has-content', align && `dnb-textarea__align--${align}`, size && `dnb-textarea__size--${size}`, status && `dnb-textarea__status--${status_state}`, label_direction && `dnb-textarea--${label_direction}`, (0, _componentHelper.isTrue)(stretch) && `dnb-textarea--stretch`, (0, _componentHelper.isTrue)(keepPlaceholder) && `dnb-textarea--keep-placeholder`)
     };
     const innerParams = {
       className: (0, _classnames.default)('dnb-textarea__inner', (0, _SkeletonHelper.createSkeletonClass)('shape', skeleton, this.context))
@@ -316,10 +328,10 @@ class Textarea extends _react.default.PureComponent {
       className: "dnb-textarea__row"
     }, _react.default.createElement("span", shellParams, TextareaElement || _react.default.createElement("textarea", _extends({
       ref: this._ref
-    }, textareaParams)), placeholder && _react.default.createElement("span", {
-      "aria-hidden": true,
+    }, textareaParams)), !hasValue && placeholder && (textareaState !== 'focus' || keepPlaceholder) && _react.default.createElement("span", {
       className: 'dnb-textarea__placeholder' + (align ? ` dnb-textarea__align--${align}` : ""),
-      style: placeholderStyle
+      style: placeholderStyle,
+      "aria-hidden": true
     }, placeholder), _span || (_span = _react.default.createElement("span", {
       className: "dnb-textarea__state"
     }))), suffix && _react.default.createElement(_Suffix.default, {
@@ -351,7 +363,9 @@ _defineProperty(Textarea, "defaultProps", {
   globalStatus: null,
   suffix: null,
   placeholder: null,
+  keepPlaceholder: null,
   align: null,
+  size: null,
   stretch: null,
   disabled: null,
   skeleton: null,
@@ -391,7 +405,9 @@ process.env.NODE_ENV !== "production" ? Textarea.propTypes = _objectSpread(_obje
   }),
   suffix: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.node]),
   placeholder: _propTypes.default.string,
+  keepPlaceholder: _propTypes.default.bool,
   align: _propTypes.default.oneOf(['left', 'right']),
+  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
   stretch: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
   disabled: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
   skeleton: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),

package/cjs/components/textarea/Textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_FormLabel","_FormStatus","_TextCounter","_componentHelper","_filterValidProps","_AlignmentHelper2","_SpacingHelper","_SkeletonHelper","_Context","_Suffix","_AlignmentHelper","_span","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Textarea","React","PureComponent","getDerivedStateFromProps","props","state","getValue","_value","on_state_update","dispatchCustomElementEvent","textarea_state","textareaState","hasValue","processChildren","constructor","_this","this","event","_ref","current","setState","isTrue","autoresize","prepareAutosize","rows","getRows","ret","setAutosize","elem","style","height","e","warn","_heightOffset","offsetHeight","clientHeight","lineHeight","getLineHeight","newHeight","scrollHeight","maxRows","parseFloat","autoresize_max_rows","maxHeight","createRef","_id","id","makeUniqueId","componentDidMount","inner_ref","window","resizeObserver","ResizeObserver","observe","document","body","addEventListener","componentWillUnmount","disconnect","removeEventListener","Math","floor","getComputedStyle","render","_this$context","_this$context2","_this$context3","extendPropsWithContextInClassComponent","defaultProps","skeleton","context","getTranslation","pickFormElementProps","FormRow","formElement","label","label_direction","label_sr_only","status","status_state","status_props","status_no_animation","globalStatus","suffix","disabled","stretch","placeholder","align","textarea_class","readOnly","textarea_attributes","class","_className","className","characterCounter","children","textarea_element","_textarea_element","attributes","showStatus","getStatusState","TextareaElement","textareaAttributes","JSON","parse","textareaParams","classnames","role","name","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","onKeyDown","onKeyDownHandler","combineDescribedBy","mainParams","createSkeletonClass","createSpacingClasses","innerParams","shellParams","placeholderStyle","skeletonDOMAttributes","validateDOMAttributes","createElement","for_id","text","sr_only","show","text_id","no_animation","ref","top","max","lang","locale","exports","Context","cols","on_change","on_focus","on_blur","on_key_down","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","func","node","oneOf","bool","shape","message","number","variant","spacingPropTypes","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/textarea/Textarea.js"],"sourcesContent":["/*\n Web Textarea Component\n \n /\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport TextCounter from '../../fragments/text-counter/TextCounter'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n processChildren,\n getStatusState,\n combineDescribedBy,\n warn,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\n\n/*\n The textarea component is an umbrella component for all textareas which share the same style as the classic `text` textarea field.\n /\nexport default class Textarea extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n value: PropTypes.string,\n id: PropTypes.string,\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_direction: PropTypes.oneOf(['horizontal', 'vertical']),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n status: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n textarea_state: PropTypes.string,\n status_state: PropTypes.string,\n status_props: PropTypes.object,\n status_no_animation: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n suffix: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n placeholder: PropTypes.string,\n align: PropTypes.oneOf(['left', 'right']),\n stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n characterCounter: PropTypes.oneOfType([\n PropTypes.shape({\n max: PropTypes.number,\n variant: PropTypes.oneOf(['down', 'up']),\n }),\n PropTypes.number,\n ]),\n autoresize: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n autoresize_max_rows: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n class: PropTypes.string,\n textarea_class: PropTypes.string,\n textarea_attributes: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n ]),\n readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n cols: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n inner_ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n ...spacingPropTypes,\n\n className: PropTypes.string,\n textarea_element: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.node,\n ]),\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n on_change: PropTypes.func,\n on_focus: PropTypes.func,\n on_blur: PropTypes.func,\n on_key_down: PropTypes.func,\n on_state_update: PropTypes.func,\n }\n\n static defaultProps = {\n value: 'initval',\n id: null,\n label: null,\n label_direction: null,\n label_sr_only: null,\n status: null,\n textarea_state: null,\n status_state: 'error',\n status_props: null,\n status_no_animation: null,\n globalStatus: null,\n suffix: null,\n placeholder: null,\n align: null,\n stretch: null,\n disabled: null,\n skeleton: null,\n autoresize: null,\n autoresize_max_rows: null,\n characterCounter: null,\n textarea_class: null,\n class: null,\n textarea_attributes: null,\n readOnly: false,\n rows: null,\n cols: null,\n inner_ref: null,\n\n className: null,\n textarea_element: null,\n children: null,\n\n on_change: null,\n on_focus: null,\n on_blur: null,\n on_key_down: null,\n on_state_update: null,\n }\n\n static getDerivedStateFromProps(props, state) {\n const value = Textarea.getValue(props)\n if (\n value !== 'initval' &&\n value !== state.value &&\n value !== state._value\n ) {\n if (\n value !== state.value &&\n typeof props.on_state_update === 'function'\n ) {\n dispatchCustomElementEvent({ props }, 'on_state_update', { value })\n }\n state.value = value\n }\n if (props.textarea_state) {\n state.textareaState = props.textarea_state\n }\n state._value = props.value\n return state\n }\n\n static hasValue(value) {\n return (\n ((typeof value === 'string' \|\| typeof value === 'number') &&\n String(value).length > 0) \|\|\n false\n )\n }\n\n static getValue(props) {\n const value = processChildren(props)\n if (value === '' \|\| Textarea.hasValue(value)) {\n return value\n }\n return props.value\n }\n\n state = {\n textareaState: 'virgin',\n value: null,\n _value: null,\n }\n\n constructor(props) {\n super(props)\n\n this._ref = React.createRef()\n this._id = props.id \|\| makeUniqueId() // cause we need an id anyway\n\n if (props.textarea_state) {\n this.state.textareaState = props.textarea_state\n }\n }\n componentDidMount() {\n if (this.props.inner_ref) {\n typeof this.props.inner_ref === 'function'\n ? this.props.inner_ref(this._ref.current)\n : (this.props.inner_ref.current = this._ref.current)\n }\n\n if (isTrue(this.props.autoresize) && typeof window !== 'undefined') {\n this.setAutosize()\n try {\n this.resizeObserver = new ResizeObserver(this.setAutosize)\n this.resizeObserver.observe(document.body)\n } catch (e) {\n window.addEventListener('resize', this.setAutosize)\n }\n }\n }\n componentWillUnmount() {\n if (this.resizeObserver) {\n this.resizeObserver.disconnect()\n this.resizeObserver = null\n }\n if (typeof window !== 'undefined') {\n window.removeEventListener('resize', this.setAutosize)\n }\n }\n onFocusHandler = (event) => {\n const { value } = this._ref.current\n this.setState({\n value,\n\n textareaState: 'focus',\n })\n dispatchCustomElementEvent(this, 'on_focus', { value, event })\n }\n onBlurHandler = (event) => {\n const { value } = event.target\n this.setState({\n value,\n textareaState: Textarea.hasValue(value) ? 'dirty' : 'initial',\n })\n dispatchCustomElementEvent(this, 'on_blur', { value, event })\n }\n onChangeHandler = (event) => {\n const { value } = event.target\n\n if (isTrue(this.props.autoresize)) {\n this.prepareAutosize()\n }\n\n const rows = this.getRows(value)\n\n const ret = dispatchCustomElementEvent(this, 'on_change', {\n value,\n rows,\n event,\n })\n if (ret !== false) {\n this.setState({ value })\n if (isTrue(this.props.autoresize)) {\n this.setAutosize(rows)\n }\n }\n }\n onKeyDownHandler = (event) => {\n const rows = this.getRows()\n const { value } = event.target\n dispatchCustomElementEvent(this, 'on_key_down', {\n value,\n rows,\n event,\n })\n }\n prepareAutosize = () => {\n const elem = this._ref.current\n if (!elem) {\n return // stop here if no element was gotten\n }\n try {\n elem.style.height = 'auto'\n } catch (e) {\n warn(e)\n }\n }\n setAutosize = (rows = null) => {\n const elem = this._ref.current\n if (!elem) {\n return // stop here if no element was gotten\n }\n try {\n if (typeof this._heightOffset === 'undefined') {\n this._heightOffset = elem.offsetHeight - elem.clientHeight\n }\n\n elem.style.height = 'auto'\n\n // get rows after we set height to auto, this way we get 100% correct rows\n const lineHeight = this.getLineHeight()\n let newHeight = elem.scrollHeight + this._heightOffset\n if (!rows) {\n rows = this.getRows()\n }\n\n if (rows === 1) {\n if (newHeight > lineHeight) {\n newHeight = lineHeight\n }\n }\n\n const maxRows = parseFloat(this.props.autoresize_max_rows)\n if (maxRows > 0) {\n const maxHeight = maxRows lineHeight\n\n if (rows > maxRows \|\| newHeight > maxHeight) {\n newHeight = maxHeight\n }\n }\n\n elem.style.height = newHeight + 'px'\n } catch (e) {\n warn(e)\n }\n }\n getRows() {\n return (\n Math.floor(this._ref.current.scrollHeight / this.getLineHeight()) \|\|\n 1\n )\n }\n getLineHeight() {\n return parseFloat(getComputedStyle(this._ref.current).lineHeight) \|\| 0\n }\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Textarea.defaultProps,\n { skeleton: this.context?.skeleton },\n this.context.getTranslation(this.props).Textarea,\n // Deprecated – can be removed in v11\n pickFormElementProps(this.context?.FormRow),\n pickFormElementProps(this.context?.formElement),\n this.context.Textarea\n )\n\n const {\n label,\n label_direction,\n label_sr_only,\n status,\n status_state,\n status_props,\n status_no_animation,\n globalStatus,\n suffix,\n disabled,\n skeleton,\n stretch,\n placeholder,\n align,\n textarea_class,\n readOnly,\n textarea_attributes,\n class: _className,\n className,\n autoresize,\n characterCounter,\n autoresize_max_rows, //eslint-disable-line\n id: _id, //eslint-disable-line\n children, //eslint-disable-line\n value: _value, //eslint-disable-line\n textarea_element: _textarea_element, //eslint-disable-line\n\n ...attributes\n } = props\n\n const { value, textareaState } = this.state\n\n const id = this._id\n const showStatus = getStatusState(status)\n const hasValue = Textarea.hasValue(value)\n\n // pass along all props we wish to have as params\n let { textarea_element: TextareaElement } = props\n\n const textareaAttributes = textarea_attributes\n ? typeof textarea_attributes === 'string'\n ? JSON.parse(textarea_attributes)\n : textarea_attributes\n : {}\n\n const textareaParams = {\n className: classnames('dnb-textarea__textarea', textarea_class),\n role: 'textbox',\n value: hasValue ? value : '',\n id,\n name: id,\n disabled: isTrue(disabled) \|\| isTrue(skeleton),\n 'aria-placeholder': placeholder,\n ...attributes,\n ...textareaAttributes,\n onChange: this.onChangeHandler,\n onFocus: this.onFocusHandler,\n onBlur: this.onBlurHandler,\n // onPaste: this.onChangeHandler,\n onKeyDown: this.onKeyDownHandler,\n }\n\n // we may consider using: aria-details\n if (showStatus \|\| suffix) {\n textareaParams['aria-describedby'] = combineDescribedBy(\n textareaParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n if (readOnly) {\n textareaParams['aria-readonly'] = textareaParams.readOnly = true\n }\n\n const mainParams = {\n className: classnames(\n 'dnb-textarea',\n `dnb-textarea--${textareaState}`,\n hasValue && 'dnb-textarea--has-content',\n align && `dnb-textarea__align--${align}`,\n status && `dnb-textarea__status--${status_state}`,\n autoresize && 'dnb-textarea__autoresize',\n label_direction && `dnb-textarea--${label_direction}`,\n isTrue(stretch) && `dnb-textarea--stretch`,\n 'dnb-form-component',\n createSkeletonClass(null, skeleton),\n createSpacingClasses(props),\n _className,\n className\n ),\n }\n\n const innerParams = {\n className: classnames(\n 'dnb-textarea__inner',\n createSkeletonClass('shape', skeleton, this.context)\n ),\n }\n\n const shellParams = {\n className: classnames('dnb-textarea__shell'),\n }\n\n if (isTrue(disabled) \|\| isTrue(skeleton)) {\n shellParams['aria-disabled'] = true\n }\n\n // to show the ending dots on a placeholder, if the text is longer\n const placeholderStyle =\n parseFloat(this.props.rows) > 0\n ? {\n '--textarea-rows': parseFloat(this.props.rows),\n // '--textarea-cols': parseFloat(this.props.cols)\n }\n : null\n\n skeletonDOMAttributes(innerParams, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, textareaParams)\n validateDOMAttributes(null, innerParams)\n validateDOMAttributes(null, shellParams)\n\n if (TextareaElement && typeof TextareaElement === 'function') {\n TextareaElement = TextareaElement(textareaParams, this._ref)\n } else if (!TextareaElement && _textarea_element) {\n TextareaElement = _textarea_element\n }\n\n return (\n <span {...mainParams}>\n {label && (\n <FormLabel\n id={id + '-label'}\n for_id={id}\n text={label}\n label_direction={label_direction}\n sr_only={label_sr_only}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n <span {...innerParams}>\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={label}\n text_id={id + '-status'} // used for \"aria-describedby\"\n text={status}\n state={status_state}\n no_animation={status_no_animation}\n skeleton={skeleton}\n {...status_props}\n />\n\n <span className=\"dnb-textarea__row\">\n <span {...shellParams}>\n {TextareaElement \|\| (\n <textarea ref={this._ref} {...textareaParams} />\n )}\n\n {placeholder && (\n <span\n aria-hidden\n className={classnames(\n 'dnb-textarea__placeholder',\n align ? `dnb-textarea__align--${align}` : null\n )}\n style={placeholderStyle}\n >\n {placeholder}\n </span>\n )}\n\n <span className=\"dnb-textarea__state\" />\n </span>\n\n {suffix && (\n <Suffix\n className=\"dnb-textarea__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n\n {characterCounter && (\n <TextCounter\n top=\"x-small\"\n text={value}\n max={characterCounter}\n lang={this.props.lang}\n locale={this.props.locale}\n {...characterCounter}\n />\n )}\n </span>\n </span>\n )\n }\n}\n\nTextarea._formElement = true\nTextarea._supportsSpacingProps = true\n"],"mappings":"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"}
1	+ {"version":3,"file":"Textarea.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_FormLabel","_FormStatus","_TextCounter","_componentHelper","_filterValidProps","_AlignmentHelper2","_SpacingHelper","_SkeletonHelper","_Context","_Suffix","_AlignmentHelper","_span","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Textarea","React","PureComponent","getDerivedStateFromProps","props","state","getValue","_value","on_state_update","dispatchCustomElementEvent","textarea_state","textareaState","hasValue","processChildren","constructor","_this","this","event","_ref","current","setState","isTrue","autoresize","prepareAutosize","rows","getRows","ret","setAutosize","elem","style","height","e","warn","_heightOffset","offsetHeight","clientHeight","lineHeight","getLineHeight","newHeight","scrollHeight","maxRows","parseFloat","autoresize_max_rows","maxHeight","createRef","_id","id","makeUniqueId","navigator","resizeModifier","test","userAgent","platform","error","console","componentDidMount","inner_ref","window","resizeObserver","ResizeObserver","observe","document","body","addEventListener","componentWillUnmount","disconnect","removeEventListener","Math","floor","getComputedStyle","render","_this$context","_this$context2","_this$context3","extendPropsWithContextInClassComponent","defaultProps","skeleton","context","getTranslation","pickFormElementProps","FormRow","formElement","label","label_direction","label_sr_only","status","status_state","status_props","status_no_animation","globalStatus","suffix","disabled","stretch","placeholder","keepPlaceholder","align","size","textarea_class","readOnly","textarea_attributes","class","_className","className","characterCounter","children","textarea_element","_textarea_element","attributes","showStatus","getStatusState","TextareaElement","textareaAttributes","JSON","parse","textareaParams","classnames","role","name","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","onKeyDown","onKeyDownHandler","combineDescribedBy","mainParams","createSkeletonClass","createSpacingClasses","innerParams","shellParams","placeholderStyle","skeletonDOMAttributes","validateDOMAttributes","createElement","for_id","text","sr_only","show","text_id","no_animation","ref","top","max","lang","locale","exports","Context","cols","on_change","on_focus","on_blur","on_key_down","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","func","node","oneOf","bool","shape","message","number","variant","spacingPropTypes","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/textarea/Textarea.js"],"sourcesContent":["/*\n Web Textarea Component\n \n /\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport TextCounter from '../../fragments/text-counter/TextCounter'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n processChildren,\n getStatusState,\n combineDescribedBy,\n warn,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\n\n/*\n The textarea component is an umbrella component for all textareas which share the same style as the classic `text` textarea field.\n /\nexport default class Textarea extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n value: PropTypes.string,\n id: PropTypes.string,\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_direction: PropTypes.oneOf(['horizontal', 'vertical']),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n status: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n textarea_state: PropTypes.string,\n status_state: PropTypes.string,\n status_props: PropTypes.object,\n status_no_animation: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n suffix: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n placeholder: PropTypes.string,\n keepPlaceholder: PropTypes.bool,\n align: PropTypes.oneOf(['left', 'right']),\n size: PropTypes.oneOf(['small', 'medium', 'large']),\n stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n characterCounter: PropTypes.oneOfType([\n PropTypes.shape({\n max: PropTypes.number,\n variant: PropTypes.oneOf(['down', 'up']),\n }),\n PropTypes.number,\n ]),\n autoresize: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n autoresize_max_rows: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n class: PropTypes.string,\n textarea_class: PropTypes.string,\n textarea_attributes: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n ]),\n readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n cols: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n inner_ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n ...spacingPropTypes,\n\n className: PropTypes.string,\n textarea_element: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.node,\n ]),\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n on_change: PropTypes.func,\n on_focus: PropTypes.func,\n on_blur: PropTypes.func,\n on_key_down: PropTypes.func,\n on_state_update: PropTypes.func,\n }\n\n static defaultProps = {\n value: 'initval',\n id: null,\n label: null,\n label_direction: null,\n label_sr_only: null,\n status: null,\n textarea_state: null,\n status_state: 'error',\n status_props: null,\n status_no_animation: null,\n globalStatus: null,\n suffix: null,\n placeholder: null,\n keepPlaceholder: null,\n align: null,\n size: null,\n stretch: null,\n disabled: null,\n skeleton: null,\n autoresize: null,\n autoresize_max_rows: null,\n characterCounter: null,\n textarea_class: null,\n class: null,\n textarea_attributes: null,\n readOnly: false,\n rows: null,\n cols: null,\n inner_ref: null,\n\n className: null,\n textarea_element: null,\n children: null,\n\n on_change: null,\n on_focus: null,\n on_blur: null,\n on_key_down: null,\n on_state_update: null,\n }\n\n static getDerivedStateFromProps(props, state) {\n const value = Textarea.getValue(props)\n if (\n value !== 'initval' &&\n value !== state.value &&\n value !== state._value\n ) {\n if (\n value !== state.value &&\n typeof props.on_state_update === 'function'\n ) {\n dispatchCustomElementEvent({ props }, 'on_state_update', { value })\n }\n state.value = value\n }\n if (props.textarea_state) {\n state.textareaState = props.textarea_state\n }\n state._value = props.value\n return state\n }\n\n static hasValue(value) {\n return (\n ((typeof value === 'string' \|\| typeof value === 'number') &&\n String(value).length > 0) \|\|\n false\n )\n }\n\n static getValue(props) {\n const value = processChildren(props)\n if (value === '' \|\| Textarea.hasValue(value)) {\n return value\n }\n return props.value\n }\n\n state = {\n textareaState: 'virgin',\n value: null,\n _value: null,\n }\n\n constructor(props) {\n super(props)\n\n this._ref = React.createRef()\n this._id = props.id \|\| makeUniqueId() // cause we need an id anyway\n\n if (props.textarea_state) {\n this.state.textareaState = props.textarea_state\n }\n\n try {\n if (typeof navigator !== 'undefined') {\n this.resizeModifier =\n /Firefox\|Edg/.test(navigator.userAgent) \|\|\n (/Chrome/.test(navigator.userAgent) &&\n /Win/.test(navigator.platform))\n ? 'large'\n : false\n\n if (!this.resizeModifier) {\n this.resizeModifier =\n /Safari\|Chrome/.test(navigator.userAgent) &&\n /Mac/.test(navigator.platform)\n ? 'medium'\n : false\n }\n }\n } catch (error) {\n console.error(error)\n }\n }\n componentDidMount() {\n if (this.props.inner_ref) {\n typeof this.props.inner_ref === 'function'\n ? this.props.inner_ref(this._ref.current)\n : (this.props.inner_ref.current = this._ref.current)\n }\n\n if (isTrue(this.props.autoresize) && typeof window !== 'undefined') {\n this.setAutosize()\n try {\n this.resizeObserver = new ResizeObserver(this.setAutosize)\n this.resizeObserver.observe(document.body)\n } catch (e) {\n window.addEventListener('resize', this.setAutosize)\n }\n }\n }\n componentWillUnmount() {\n if (this.resizeObserver) {\n this.resizeObserver.disconnect()\n this.resizeObserver = null\n }\n if (typeof window !== 'undefined') {\n window.removeEventListener('resize', this.setAutosize)\n }\n }\n onFocusHandler = (event) => {\n const { value } = this._ref.current\n this.setState({\n value,\n textareaState: 'focus',\n })\n dispatchCustomElementEvent(this, 'on_focus', { value, event })\n }\n onBlurHandler = (event) => {\n const { value } = event.target\n this.setState({\n value,\n textareaState: Textarea.hasValue(value) ? 'dirty' : 'initial',\n })\n dispatchCustomElementEvent(this, 'on_blur', { value, event })\n }\n onChangeHandler = (event) => {\n const { value } = event.target\n\n if (isTrue(this.props.autoresize)) {\n this.prepareAutosize()\n }\n\n const rows = this.getRows(value)\n\n const ret = dispatchCustomElementEvent(this, 'on_change', {\n value,\n rows,\n event,\n })\n if (ret !== false) {\n this.setState({ value })\n if (isTrue(this.props.autoresize)) {\n this.setAutosize(rows)\n }\n }\n }\n onKeyDownHandler = (event) => {\n const rows = this.getRows()\n const { value } = event.target\n dispatchCustomElementEvent(this, 'on_key_down', {\n value,\n rows,\n event,\n })\n }\n prepareAutosize = () => {\n const elem = this._ref.current\n if (!elem) {\n return // stop here if no element was gotten\n }\n try {\n elem.style.height = 'auto'\n } catch (e) {\n warn(e)\n }\n }\n setAutosize = (rows = null) => {\n const elem = this._ref.current\n if (!elem) {\n return // stop here if no element was gotten\n }\n try {\n if (typeof this._heightOffset === 'undefined') {\n this._heightOffset = elem.offsetHeight - elem.clientHeight\n }\n\n elem.style.height = 'auto'\n\n // get rows after we set height to auto, this way we get 100% correct rows\n const lineHeight = this.getLineHeight()\n let newHeight = elem.scrollHeight + this._heightOffset\n if (!rows) {\n rows = this.getRows()\n }\n\n if (rows === 1) {\n if (newHeight > lineHeight) {\n newHeight = lineHeight\n }\n }\n\n const maxRows = parseFloat(this.props.autoresize_max_rows)\n if (maxRows > 0) {\n const maxHeight = maxRows lineHeight\n\n if (rows > maxRows \|\| newHeight > maxHeight) {\n newHeight = maxHeight\n }\n }\n\n elem.style.height = newHeight + 'px'\n } catch (e) {\n warn(e)\n }\n }\n getRows() {\n return (\n Math.floor(this._ref.current.scrollHeight / this.getLineHeight()) \|\|\n 1\n )\n }\n getLineHeight() {\n return parseFloat(getComputedStyle(this._ref.current).lineHeight) \|\| 0\n }\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Textarea.defaultProps,\n { skeleton: this.context?.skeleton },\n this.context.getTranslation(this.props).Textarea,\n // Deprecated – can be removed in v11\n pickFormElementProps(this.context?.FormRow),\n pickFormElementProps(this.context?.formElement),\n this.context.Textarea\n )\n\n const {\n label,\n label_direction,\n label_sr_only,\n status,\n status_state,\n status_props,\n status_no_animation,\n globalStatus,\n suffix,\n disabled,\n skeleton,\n stretch,\n placeholder,\n keepPlaceholder,\n align,\n size,\n textarea_class,\n readOnly,\n textarea_attributes,\n class: _className,\n className,\n autoresize,\n characterCounter,\n autoresize_max_rows, //eslint-disable-line\n id: _id, //eslint-disable-line\n children, //eslint-disable-line\n value: _value, //eslint-disable-line\n textarea_element: _textarea_element, //eslint-disable-line\n\n ...attributes\n } = props\n\n const { value, textareaState } = this.state\n\n const id = this._id\n const showStatus = getStatusState(status)\n const hasValue = Textarea.hasValue(value)\n\n // pass along all props we wish to have as params\n let { textarea_element: TextareaElement } = props\n\n const textareaAttributes = textarea_attributes\n ? typeof textarea_attributes === 'string'\n ? JSON.parse(textarea_attributes)\n : textarea_attributes\n : {}\n\n const textareaParams = {\n className: classnames('dnb-textarea__textarea', textarea_class),\n role: 'textbox',\n value: hasValue ? value : '',\n id,\n name: id,\n disabled: isTrue(disabled) \|\| isTrue(skeleton),\n 'aria-placeholder': placeholder,\n ...attributes,\n ...textareaAttributes,\n onChange: this.onChangeHandler,\n onFocus: this.onFocusHandler,\n onBlur: this.onBlurHandler,\n // onPaste: this.onChangeHandler,\n onKeyDown: this.onKeyDownHandler,\n }\n\n // we may consider using: aria-details\n if (showStatus \|\| suffix) {\n textareaParams['aria-describedby'] = combineDescribedBy(\n textareaParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n if (readOnly) {\n textareaParams['aria-readonly'] = textareaParams.readOnly = true\n }\n\n const mainParams = {\n className: classnames(\n 'dnb-textarea',\n `dnb-textarea--${textareaState}`,\n disabled && 'dnb-textarea--disabled',\n hasValue && 'dnb-textarea--has-content',\n align && `dnb-textarea__align--${align}`,\n size && `dnb-textarea__size--${size}`,\n status && `dnb-textarea__status--${status_state}`,\n autoresize && 'dnb-textarea__autoresize',\n !autoresize &&\n this.resizeModifier &&\n `dnb-textarea__resize--${this.resizeModifier}`,\n label_direction && `dnb-textarea--${label_direction}`,\n isTrue(stretch) && `dnb-textarea--stretch`,\n isTrue(keepPlaceholder) && `dnb-textarea--keep-placeholder`,\n 'dnb-form-component',\n createSkeletonClass(null, skeleton),\n createSpacingClasses(props),\n _className,\n className\n ),\n }\n\n const innerParams = {\n className: classnames(\n 'dnb-textarea__inner',\n createSkeletonClass('shape', skeleton, this.context)\n ),\n }\n\n const shellParams = {\n className: classnames('dnb-textarea__shell'),\n }\n\n if (isTrue(disabled) \|\| isTrue(skeleton)) {\n shellParams['aria-disabled'] = true\n }\n\n // to show the ending dots on a placeholder, if the text is longer\n const placeholderStyle =\n parseFloat(this.props.rows) > 0\n ? {\n '--textarea-rows': parseFloat(this.props.rows),\n // '--textarea-cols': parseFloat(this.props.cols)\n }\n : null\n\n skeletonDOMAttributes(innerParams, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, textareaParams)\n validateDOMAttributes(null, innerParams)\n validateDOMAttributes(null, shellParams)\n\n if (TextareaElement && typeof TextareaElement === 'function') {\n TextareaElement = TextareaElement(textareaParams, this._ref)\n } else if (!TextareaElement && _textarea_element) {\n TextareaElement = _textarea_element\n }\n\n return (\n <span {...mainParams}>\n {label && (\n <FormLabel\n id={id + '-label'}\n for_id={id}\n text={label}\n label_direction={label_direction}\n sr_only={label_sr_only}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n <span {...innerParams}>\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={label}\n text_id={id + '-status'} // used for \"aria-describedby\"\n text={status}\n state={status_state}\n no_animation={status_no_animation}\n skeleton={skeleton}\n {...status_props}\n />\n\n <span className=\"dnb-textarea__row\">\n <span {...shellParams}>\n {TextareaElement \|\| (\n <textarea ref={this._ref} {...textareaParams} />\n )}\n\n {!hasValue &&\n placeholder &&\n (textareaState !== 'focus' \|\| keepPlaceholder) && (\n <span\n className={classnames(\n 'dnb-textarea__placeholder',\n align ? `dnb-textarea__align--${align}` : null\n )}\n style={placeholderStyle}\n aria-hidden\n >\n {placeholder}\n </span>\n )}\n\n <span className=\"dnb-textarea__state\" />\n </span>\n\n {suffix && (\n <Suffix\n className=\"dnb-textarea__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n\n {characterCounter && (\n <TextCounter\n top=\"x-small\"\n text={value}\n max={characterCounter}\n lang={this.props.lang}\n locale={this.props.locale}\n {...characterCounter}\n />\n )}\n </span>\n </span>\n )\n }\n}\n\nTextarea._formElement = true\nTextarea._supportsSpacingProps = true\n"],"mappings":"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"}

package/cjs/components/textarea/TextareaDocs.js CHANGED Viewed

@@ -25,6 +25,11 @@ const textareaProperties = {
     type: 'string',
     status: 'optional'
   },
+  keepPlaceholder: {
+    doc: 'Use `true` to keep the placeholder visible even when the Textarea has focus. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
   label: {
     doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',
     type: 'string',
@@ -60,6 +65,11 @@ const textareaProperties = {
     type: ['number', 'object'],
     status: 'optional'
   },
+  size: {
+    doc: 'The sizes you can choose for 1 row is `small` (2rem), `medium` (2.5rem) and `large` (3rem). Defaults to `small`.',
+    type: 'string',
+    status: 'optional'
+  },
   status: {
     doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',
     type: ['string', 'boolean'],

package/cjs/components/textarea/TextareaDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextareaDocs.js","names":["textareaProperties","value","doc","type","status","align","stretch","placeholder","label","label_direction","suffix","label_sr_only","autoresize","autoresize_max_rows","characterCounter","status_state","status_props","globalStatus","textarea_state","inner_ref","skeleton","exports"],"sources":["../../../../src/components/textarea/TextareaDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const textareaProperties: PropertiesTableProps = {\n value: {\n doc: 'The content value of the Textarea.',\n type: 'string',\n status: 'optional',\n },\n align: {\n doc: 'Defines the `text-align` of the Textarea. Defaults to `left`.',\n type: 'string',\n status: 'optional',\n },\n stretch: {\n doc: 'If set to `true`, then the Textarea field will be 100% in `width`.',\n type: 'boolean',\n status: 'optional',\n },\n placeholder: {\n doc: 'The placeholder which shows up once the Textarea value is empty.',\n type: 'string',\n status: 'optional',\n },\n label: {\n doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n type: 'string',\n status: 'optional',\n },\n label_direction: {\n doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n type: 'string',\n status: 'optional',\n },\n suffix: {\n doc: 'Text describing the content of the Textarea more than the label. You can also send in a React component, so it gets wrapped inside the Textarea component.',\n type: 'string',\n status: 'optional',\n },\n label_sr_only: {\n doc: 'Use `true` to make the label only readable by screen readers.',\n type: 'boolean',\n status: 'optional',\n },\n autoresize: {\n doc: 'Use `true` to make the Textarea grow and shrink depending on how many lines the user has filled.',\n type: 'boolean',\n status: 'optional',\n },\n autoresize_max_rows: {\n doc: 'Set a number to define how many rows the Textarea can auto grow.',\n type: 'number',\n status: 'optional',\n },\n characterCounter: {\n doc: 'Use a number to define the displayed max length. You can also use an object defining the [TextCounter](uilib/components/fragments/text-counter/) `variant` or properties. Please avoid using `maxLength` for accessibility reasons.',\n type: ['number', 'object'],\n status: 'optional',\n },\n status: {\n doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n type: ['string', 'boolean'],\n status: 'optional',\n },\n status_state: {\n doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n type: 'string',\n status: 'optional',\n },\n status_props: {\n doc: 'Use an object to define additional FormStatus properties.',\n type: 'object',\n status: 'optional',\n },\n globalStatus: {\n doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n type: 'object',\n status: 'optional',\n },\n textarea_state: {\n doc: 'To control the visual focus state as a prop, like `focus` or `blur`.',\n type: 'string',\n status: 'optional',\n },\n inner_ref: {\n doc: 'By providing a React.Ref we can get the internally used Textarea element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.',\n type: 'React.Ref',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAwC,GAAG;EACtDC,KAAK,EAAE;IACLC,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,kEAAkE;IACvEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;~~IACLN~~,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDK~~,eAAe,EAAE;~~IACfP~~,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDM~~,MAAM,EAAE;~~IACNR~~,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDO~~,aAAa,EAAE;~~IACbT~~,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;~~EACDQ~~,UAAU,EAAE;~~IACVV~~,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;~~EACDS~~,mBAAmB,EAAE;~~IACnBX~~,GAAG,EAAE,kEAAkE;IACvEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDU~~,gBAAgB,EAAE;~~IAChBZ~~,GAAG,EAAE,qOAAqO;IAC1OC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;~~EACDW~~,YAAY,EAAE;~~IACZb~~,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDY~~,YAAY,EAAE;~~IACZd~~,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDa~~,YAAY,EAAE;~~IACZf~~,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDc~~,cAAc,EAAE;~~IACdhB~~,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;~~EACDe~~,SAAS,EAAE;~~IACTjB~~,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;~~EACDgB~~,QAAQ,EAAE;~~IACRlB~~,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;~~AAAAiB~~,OAAA,~~CAAArB~~,kBAAA,GAAAA,kBAAA"}
1	+ {"version":3,"file":"TextareaDocs.js","names":["textareaProperties","value","doc","type","status","align","stretch","placeholder","keepPlaceholder","label","label_direction","suffix","label_sr_only","autoresize","autoresize_max_rows","characterCounter","size","status_state","status_props","globalStatus","textarea_state","inner_ref","skeleton","exports"],"sources":["../../../../src/components/textarea/TextareaDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const textareaProperties: PropertiesTableProps = {\n value: {\n doc: 'The content value of the Textarea.',\n type: 'string',\n status: 'optional',\n },\n align: {\n doc: 'Defines the `text-align` of the Textarea. Defaults to `left`.',\n type: 'string',\n status: 'optional',\n },\n stretch: {\n doc: 'If set to `true`, then the Textarea field will be 100% in `width`.',\n type: 'boolean',\n status: 'optional',\n },\n placeholder: {\n doc: 'The placeholder which shows up once the Textarea value is empty.',\n type: 'string',\n status: 'optional',\n },\n keepPlaceholder: {\n doc: 'Use `true` to keep the placeholder visible even when the Textarea has focus. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n label: {\n doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n type: 'string',\n status: 'optional',\n },\n label_direction: {\n doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n type: 'string',\n status: 'optional',\n },\n suffix: {\n doc: 'Text describing the content of the Textarea more than the label. You can also send in a React component, so it gets wrapped inside the Textarea component.',\n type: 'string',\n status: 'optional',\n },\n label_sr_only: {\n doc: 'Use `true` to make the label only readable by screen readers.',\n type: 'boolean',\n status: 'optional',\n },\n autoresize: {\n doc: 'Use `true` to make the Textarea grow and shrink depending on how many lines the user has filled.',\n type: 'boolean',\n status: 'optional',\n },\n autoresize_max_rows: {\n doc: 'Set a number to define how many rows the Textarea can auto grow.',\n type: 'number',\n status: 'optional',\n },\n characterCounter: {\n doc: 'Use a number to define the displayed max length. You can also use an object defining the [TextCounter](uilib/components/fragments/text-counter/) `variant` or properties. Please avoid using `maxLength` for accessibility reasons.',\n type: ['number', 'object'],\n status: 'optional',\n },\n size: {\n doc: 'The sizes you can choose for 1 row is `small` (2rem), `medium` (2.5rem) and `large` (3rem). Defaults to `small`.',\n type: 'string',\n status: 'optional',\n },\n status: {\n doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n type: ['string', 'boolean'],\n status: 'optional',\n },\n status_state: {\n doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n type: 'string',\n status: 'optional',\n },\n status_props: {\n doc: 'Use an object to define additional FormStatus properties.',\n type: 'object',\n status: 'optional',\n },\n globalStatus: {\n doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n type: 'object',\n status: 'optional',\n },\n textarea_state: {\n doc: 'To control the visual focus state as a prop, like `focus` or `blur`.',\n type: 'string',\n status: 'optional',\n },\n inner_ref: {\n doc: 'By providing a React.Ref we can get the internally used Textarea element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.',\n type: 'React.Ref',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAwC,GAAG;EACtDC,KAAK,EAAE;IACLC,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,kEAAkE;IACvEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,eAAe,EAAE;IACfN,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,eAAe,EAAE;IACfR,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,mBAAmB,EAAE;IACnBZ,GAAG,EAAE,kEAAkE;IACvEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,gBAAgB,EAAE;IAChBb,GAAG,EAAE,qOAAqO;IAC1OC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDY,IAAI,EAAE;IACJd,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDa,YAAY,EAAE;IACZf,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,YAAY,EAAE;IACZhB,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDe,YAAY,EAAE;IACZjB,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,cAAc,EAAE;IACdlB,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,SAAS,EAAE;IACTnB,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDkB,QAAQ,EAAE;IACRpB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAmB,OAAA,CAAAvB,kBAAA,GAAAA,kBAAA"}

package/cjs/components/textarea/style/dnb-textarea.css CHANGED Viewed

@@ -6,9 +6,13 @@
  * Utilities
  */
 .dnb-textarea {
-  --textarea-padding-width: 0.5rem;
+  --textarea-border-radius: 0.25rem;
   --textarea-rows: 2;
   --textarea-background-color: var(--color-white);
+  --textarea-placeholder-color: grey;
+  --textarea-size--small: 0.25rem;
+  --textarea-size--medium: 0.5rem;
+  --textarea-size--large: 0.75rem;
   display: inline-flex;
   font-size: var(--font-size-small);
   line-height: var(--line-height-basis);
@@ -16,37 +20,61 @@
 .dnb-textarea__inner {
   display: inline-flex;
   flex-direction: column;
-  margin: 0 var(--textarea-padding-width);
 }
 .dnb-textarea__shell {
   display: inline-flex;
   position: relative;
   font-size: var(--font-size-basis);
 }
+.dnb-textarea__shell::after {
+  --size: 0.5rem;
+  --bg-size: cover;
+  --bg-pos: 0;
+  pointer-events: none;
+  position: absolute;
+  z-index: 2;
+  bottom: 0;
+  right: 0;
+  width: var(--size);
+  height: var(--size);
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-width=".5" d="m1 7 6-6M3.5 7 7 3.5M6 7l1-1"/></svg>');
+  background-size: var(--bg-size);
+  background-position: var(--bg-pos) var(--bg-pos);
+  background-color: var(--textarea-background-color);
+}
+.dnb-textarea__resize--medium .dnb-textarea__shell::after {
+  content: "";
+}
+.dnb-textarea__resize--large .dnb-textarea__shell::after {
+  content: "";
+  --size: 1rem;
+  --bg-size: 60%;
+  --bg-pos: 0.25rem;
+}
+.dnb-textarea__autoresize .dnb-textarea__shell::after {
+  content: none;
+}
 .dnb-textarea__state {
   position: absolute;
   z-index: 1;
-  top: -0.5rem;
-  left: -0.5rem;
-  bottom: -0.5rem;
-  right: -0.5rem;
-  background-color: var(--color-white);
+  top: calc(var(--textarea-size-vertical) * -1);
+  left: calc(var(--textarea-size-horizontal) * -1);
+  bottom: calc(var(--textarea-size-vertical) * -1);
+  right: calc(var(--textarea-size-vertical) * -1);
+  background-color: var(--textarea-background-color);
   --border-color: var(--textarea-border-color);
   --border-width: var(--textarea-border-width);
-  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  box-shadow: var(--textarea-border-inset, inset) 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
-  border-radius: 0.25rem;
+  border-radius: var(--textarea-border-radius);
 }
 .dnb-textarea__row {
   display: inline-flex;
-  margin: var(--textarea-padding-width) 0;
+  margin: var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-horizontal);
 }
 .dnb-textarea__suffix.dnb-suffix {
   padding-left: 1rem;
 }
-.dnb-textarea .dnb-text-counter {
-  margin-left: -0.5rem;
-}
 .dnb-textarea__textarea {
   position: relative;
   z-index: 2;
@@ -54,10 +82,12 @@
   cursor: auto;
   border: none;
   margin: 0;
-  padding: 0 var(--textarea-padding-width);
+  padding: 0;
   outline: none;
   font-size: var(--font-size-basis);
   line-height: var(--line-height-basis);
+  color: var(--textarea-color, var(--color-black));
+  background-color: var(--textarea-background-color, var(--color-white));
   overflow-y: auto;
   overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
@@ -88,7 +118,7 @@ html:not([data-visual-test]) .dnb-textarea__textarea {
 }
 @-moz-document url-prefix() {
   .dnb-textarea__textarea {
-    overflow-x: clip;
+    overflow-x: clip !important;
   }
 }
 .dnb-textarea__input:-webkit-autofill {
@@ -112,10 +142,14 @@ html:not([data-visual-test]) .dnb-textarea__textarea {
   cursor: auto;
   border: none;
   margin: 0;
-  padding: 0 var(--textarea-padding-width);
+  padding: 0;
   outline: none;
   font-size: var(--font-size-basis);
   line-height: var(--line-height-basis);
+  color: var(--textarea-color, var(--color-black));
+  background-color: var(--textarea-background-color, var(--color-white));
+  color: var(--textarea-placeholder-color);
+  background-color: transparent;
 }
 .dnb-textarea__textarea, .dnb-textarea__placeholder {
   text-align: left;
@@ -123,6 +157,18 @@ html:not([data-visual-test]) .dnb-textarea__textarea {
 .dnb-textarea__align--right .dnb-textarea__textarea, .dnb-textarea__align--right .dnb-textarea__placeholder {
   text-align: right;
 }
+.dnb-textarea, .dnb-textarea__size--small {
+  --textarea-size-vertical: var(--textarea-size--small);
+  --textarea-size-horizontal: 1rem;
+}
+.dnb-textarea__size--medium {
+  --textarea-size-vertical: var(--textarea-size--medium);
+  --textarea-size-horizontal: 1rem;
+}
+.dnb-textarea__size--large {
+  --textarea-size-vertical: var(--textarea-size--large);
+  --textarea-size-horizontal: 1rem;
+}
 .dnb-textarea__autoresize .dnb-textarea__textarea {
   resize: none;
 }
@@ -133,15 +179,12 @@ html:not([data-visual-test]) .dnb-textarea__textarea {
 .dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar, .dnb-textarea__textarea[disabled]::-webkit-scrollbar {
   width: 0;
 }
-.dnb-textarea--has-content .dnb-textarea__textarea ~ .dnb-textarea__placeholder, .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly]) ~ .dnb-textarea__placeholder {
-  display: none;
-}
 .dnb-textarea__inner > .dnb-form-status {
   order: 2;
-  margin: 0.5rem 0 0 calc(0px - var(--textarea-padding-width));
+  margin-top: 0.5rem;
 }
 .dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label {
-  margin-top: 0.5rem;
+  margin-top: var(--textarea-size-vertical);
 }
 .dnb-textarea--vertical {
   display: flex;
@@ -179,6 +222,10 @@ html:not([data-visual-test]) .dnb-textarea__textarea {
 .dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner {
   width: 100%;
 }
+.dnb-textarea--keep-placeholder.dnb-textarea--focus .dnb-textarea__placeholder {
+  --textarea-placeholder-color: var(--textarea-placeholder-color--focus);
+  display: block;
+}
 .dnb-form-row--horizontal .dnb-textarea--stretch {
   width: 100%;
 }
@@ -197,11 +244,7 @@ html[data-visual-test] .dnb-textarea__textarea {
   caret-color: var(--color-white);
 }
 .dnb-textarea.dnb-skeleton .dnb-textarea__inner {
-  margin: 0;
-  border-radius: 0.25rem;
-}
-.dnb-textarea.dnb-skeleton .dnb-textarea__inner .dnb-textarea__shell {
-  margin: var(--textarea-padding-width);
+  border-radius: var(--textarea-border-radius);
 }
 .dnb-textarea.dnb-skeleton .dnb-textarea__state, .dnb-textarea.dnb-skeleton .dnb-textarea__textarea {
   visibility: hidden;

package/cjs/components/textarea/style/dnb-textarea.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-textarea{--textarea-~~padding~~-~~width~~:0.~~5rem~~;--textarea-rows:2;--textarea-background-color:var(--color-white);display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-textarea__inner{display:inline-flex;flex-direction:column~~;margin:0 var(--textarea-padding-width)~~}.dnb-textarea__shell{display:inline-flex;font-size:var(--font-size-basis);position:relative}.dnb-textarea__state{--border-color:var(--textarea-border-color);--border-width:var(--textarea-border-width);background-color:var(--color~~-white~~);border-color:transparent;border-radius~~:.25rem~~;bottom~~:-.5rem~~;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);left~~:-.5rem~~;position:absolute;right~~:-.5rem~~;top~~:-.5rem~~;z-index:1}.dnb-textarea__row{display:inline-flex;margin:var(--textarea-~~padding~~-~~width~~) 0}.dnb-textarea__suffix.dnb-suffix{padding-left:1rem}.dnb-~~textarea .dnb-text-counter{margin-left:-.5rem}.dnb-~~textarea__textarea{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;border:none;cursor:auto;font-size:var(--font-size-basis);line-height:var(--line-height-basis);margin:0;outline:none;overflow-y:auto;overscroll-behavior:contain;padding:0 ~~var(--textarea-padding-width)~~;position:relative;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent;width:100%;z-index:2}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}@-moz-document url-prefix(){.dnb-textarea__textarea{overflow-x:clip}}.dnb-textarea__input:-webkit-autofill{box-shadow:0 0 0 var(--border-width) var(--border-color),0 0 0 10em var(--textarea-background-color) inset}.dnb-textarea__input:autofill{box-shadow:0 0 0 var(--border-width) var(--border-color),0 0 0 10em var(--textarea-background-color) inset}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);border:none;cursor:auto;display:-webkit-box;font-size:var(--font-size-basis);height:100%;left:0;line-height:var(--line-height-basis);margin:0;outline:none;overflow:hidden;padding:0 ~~var(--textarea-padding-width)~~;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.dnb-textarea__placeholder,.dnb-textarea__textarea{text-align:left}.dnb-textarea__align--right .dnb-textarea__placeholder,.dnb-textarea__align--right .dnb-textarea__textarea{text-align:right}.dnb-textarea__autoresize .dnb-textarea__textarea{resize:none}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{-webkit-user-select:none;user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-~~textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}.dnb-~~textarea__inner>.dnb-form-status{margin:.5rem ~~0 0 calc(0px - var(--textarea-padding-width))~~;order:2}.dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label{margin-top~~:.5rem~~}.dnb-textarea--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-textarea:not(.dnb-textarea--vertical)[class=__status]{align-items:flex-start}.dnb-textarea:not(.dnb-textarea--vertical)[class=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-textarea{flex-wrap:wrap}.dnb-textarea>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-textarea--stretch{display:flex;flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner{flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner,.dnb-textarea--stretch .dnb-textarea__shell,.dnb-textarea--stretch .dnb-textarea__textarea{width:100%}.dnb-textarea--stretch .dnb-form-label+.dnb-textarea__inner{width:auto}.dnb-~~form~~-~~row~~--~~horizontal~~ .dnb-textarea--~~stretch,.~~dnb-textarea--~~vertical~~.dnb-textarea--~~stretch~~ .dnb-~~textarea__inner~~{width:100%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-textarea{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-textarea>.dnb-form-label{margin-bottom:.5rem}}html[data-visual-test] .dnb-textarea__textarea{caret-color:var(--color-white)}.dnb-textarea.dnb-skeleton .dnb-textarea__inner{border-radius~~:.25rem;margin~~:~~0}.dnb-textarea.dnb-skeleton .dnb-textarea__inner .dnb-textarea__shell{margin:~~var(--textarea-~~padding~~-~~width~~)}.dnb-textarea.dnb-skeleton .dnb-textarea__state,.dnb-textarea.dnb-skeleton .dnb-textarea__textarea{visibility:hidden}
1	+ .dnb-textarea{--textarea-border-radius:0.25rem;--textarea-rows:2;--textarea-background-color:var(--color-white);--textarea-placeholder-color:grey;--textarea-size--small:0.25rem;--textarea-size--medium:0.5rem;--textarea-size--large:0.75rem;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-textarea__inner{display:inline-flex;flex-direction:column}.dnb-textarea__shell{display:inline-flex;font-size:var(--font-size-basis);position:relative}.dnb-textarea__shell:after{--size:0.5rem;--bg-size:cover;--bg-pos:0;background-color:var(--textarea-background-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='.5' d='m1 7 6-6M3.5 7 7 3.5M6 7l1-1'/%3E%3C/svg%3E");background-position:var(--bg-pos) var(--bg-pos);background-size:var(--bg-size);bottom:0;height:var(--size);pointer-events:none;position:absolute;right:0;width:var(--size);z-index:2}.dnb-textarea__resize--medium .dnb-textarea__shell:after{content:""}.dnb-textarea__resize--large .dnb-textarea__shell:after{--size:1rem;--bg-size:60%;--bg-pos:0.25rem;content:""}.dnb-textarea__autoresize .dnb-textarea__shell:after{content:none}.dnb-textarea__state{--border-color:var(--textarea-border-color);--border-width:var(--textarea-border-width);background-color:var(--textarea-background-color);border-color:transparent;border-radius:var(--textarea-border-radius);bottom:calc(var(--textarea-size-vertical)-1);box-shadow:var(--textarea-border-inset,inset) 0 0 0 var(--border-width) var(--border-color);left:calc(var(--textarea-size-horizontal)-1);position:absolute;right:calc(var(--textarea-size-vertical)-1);top:calc(var(--textarea-size-vertical)-1);z-index:1}.dnb-textarea__row{display:inline-flex;margin:var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-horizontal)}.dnb-textarea__suffix.dnb-suffix{padding-left:1rem}.dnb-textarea__textarea{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:var(--textarea-background-color,var(--color-white));border:none;color:var(--textarea-color,var(--color-black));cursor:auto;font-size:var(--font-size-basis);line-height:var(--line-height-basis);margin:0;outline:none;overflow-y:auto;overscroll-behavior:contain;padding:0;position:relative;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent;width:100%;z-index:2}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}@-moz-document url-prefix(){.dnb-textarea__textarea{overflow-x:clip!important}}.dnb-textarea__input:-webkit-autofill{box-shadow:0 0 0 var(--border-width) var(--border-color),0 0 0 10em var(--textarea-background-color) inset}.dnb-textarea__input:autofill{box-shadow:0 0 0 var(--border-width) var(--border-color),0 0 0 10em var(--textarea-background-color) inset}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);background-color:var(--textarea-background-color,var(--color-white));background-color:transparent;border:none;color:var(--textarea-color,var(--color-black));color:var(--textarea-placeholder-color);cursor:auto;display:-webkit-box;font-size:var(--font-size-basis);height:100%;left:0;line-height:var(--line-height-basis);margin:0;outline:none;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.dnb-textarea__placeholder,.dnb-textarea__textarea{text-align:left}.dnb-textarea__align--right .dnb-textarea__placeholder,.dnb-textarea__align--right .dnb-textarea__textarea{text-align:right}.dnb-textarea,.dnb-textarea__size--small{--textarea-size-vertical:var(--textarea-size--small);--textarea-size-horizontal:1rem}.dnb-textarea__size--medium{--textarea-size-vertical:var(--textarea-size--medium);--textarea-size-horizontal:1rem}.dnb-textarea__size--large{--textarea-size-vertical:var(--textarea-size--large);--textarea-size-horizontal:1rem}.dnb-textarea__autoresize .dnb-textarea__textarea{resize:none}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{-webkit-user-select:none;user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label{margin-top:var(--textarea-size-vertical)}.dnb-textarea--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-textarea:not(.dnb-textarea--vertical)[class=__status]{align-items:flex-start}.dnb-textarea:not(.dnb-textarea--vertical)[class=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-textarea{flex-wrap:wrap}.dnb-textarea>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-textarea--stretch{display:flex;flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner{flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner,.dnb-textarea--stretch .dnb-textarea__shell,.dnb-textarea--stretch .dnb-textarea__textarea{width:100%}.dnb-textarea--stretch .dnb-form-label+.dnb-textarea__inner{width:auto}.dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner{width:100%}.dnb-textarea--keep-placeholder.dnb-textarea--focus .dnb-textarea__placeholder{--textarea-placeholder-color:var(--textarea-placeholder-color--focus);display:block}.dnb-form-row--horizontal .dnb-textarea--stretch{width:100%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-textarea{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-textarea>.dnb-form-label{margin-bottom:.5rem}}html[data-visual-test] .dnb-textarea__textarea{caret-color:var(--color-white)}.dnb-textarea.dnb-skeleton .dnb-textarea__inner{border-radius:var(--textarea-border-radius)}.dnb-textarea.dnb-skeleton .dnb-textarea__state,.dnb-textarea.dnb-skeleton .dnb-textarea__textarea{visibility:hidden}