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/components/textarea/Textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.js","names":["React","PropTypes","classnames","FormLabel","FormStatus","TextCounter","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","getStatusState","combineDescribedBy","warn","dispatchCustomElementEvent","pickFormElementProps","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","Context","Suffix","Textarea","PureComponent","getDerivedStateFromProps","props","state","value","getValue","_value","on_state_update","textarea_state","textareaState","hasValue","String","length","constructor","_this","this","_defineProperty","event","_ref","current","setState","target","autoresize","prepareAutosize","rows","getRows","ret","setAutosize","elem","style","height","e","arguments","undefined","_heightOffset","offsetHeight","clientHeight","lineHeight","getLineHeight","newHeight","scrollHeight","maxRows","parseFloat","autoresize_max_rows","maxHeight","createRef","_id","id","componentDidMount","inner_ref","window","resizeObserver","ResizeObserver","observe","document","body","addEventListener","componentWillUnmount","disconnect","removeEventListener","Math","floor","getComputedStyle","render","_this$context","_this$context2","_this$context3","defaultProps","skeleton","context","getTranslation","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","_objectWithoutProperties","_excluded","showStatus","TextareaElement","textareaAttributes","JSON","parse","textareaParams","_objectSpread","role","name","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","onKeyDown","onKeyDownHandler","mainParams","innerParams","shellParams","placeholderStyle","createElement","for_id","text","sr_only","_AlignmentHelper","_extends","show","text_id","no_animation","ref","_span","top","max","lang","locale","cols","on_change","on_focus","on_blur","on_key_down","process","env","NODE_ENV","propTypes","string","oneOfType","func","node","oneOf","bool","object","shape","message","number","variant","_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","PropTypes","classnames","FormLabel","FormStatus","TextCounter","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","getStatusState","combineDescribedBy","warn","dispatchCustomElementEvent","pickFormElementProps","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","Context","Suffix","Textarea","PureComponent","getDerivedStateFromProps","props","state","value","getValue","_value","on_state_update","textarea_state","textareaState","hasValue","String","length","constructor","_this","this","_defineProperty","event","_ref","current","setState","target","autoresize","prepareAutosize","rows","getRows","ret","setAutosize","elem","style","height","e","arguments","undefined","_heightOffset","offsetHeight","clientHeight","lineHeight","getLineHeight","newHeight","scrollHeight","maxRows","parseFloat","autoresize_max_rows","maxHeight","createRef","_id","id","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","defaultProps","skeleton","context","getTranslation","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","_objectWithoutProperties","_excluded","showStatus","TextareaElement","textareaAttributes","JSON","parse","textareaParams","_objectSpread","role","name","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","onKeyDown","onKeyDownHandler","mainParams","innerParams","shellParams","placeholderStyle","createElement","for_id","text","sr_only","_AlignmentHelper","_extends","show","text_id","no_animation","ref","_span","top","max","lang","locale","cols","on_change","on_focus","on_blur","on_key_down","process","env","NODE_ENV","propTypes","string","oneOfType","func","node","oneOf","bool","object","shape","message","number","variant","_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/components/textarea/TextareaDocs.js CHANGED Viewed

@@ -19,6 +19,11 @@ export 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',
@@ -54,6 +59,11 @@ export 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/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"],"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":"AAEA,OAAO,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"}
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"],"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":"AAEA,OAAO,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"}

package/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/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}