intergalactic 15.129.0 → 15.130.0

package/textarea/lib/cjs/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_autoFocusEnhance","_canUseDOM","_cssToIntDefault","_rafTrottle","style","_index","sstyled","insert","Textarea","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","node","canUseDOM","window","addEventListener","calculateRows","removeEventListener","rafTrottle","disabledScrolling","undefined","_assertThisInitialize","_this$asProps","asProps","rows","minRows","maxRows","previousRows","clonnedNode","cloneNode","computedStyle","getComputedStyle","i","key","item","setProperty","getPropertyValue","getPropertyPriority","document","body","appendChild","lh","cssToIntDefault","computed","Math","floor","scrollHeight","removeChild","selectionEnd","value","scrollTop","_createClass2","uncontrolledProps","_this2","e","target","componentDidMount","addGlobalHandlers","componentDidUpdate","prevProps","_this$asProps2","componentWillUnmount","removeGlobalHandlers","render","_ref","_ref2","STextarea","Box","styles","createElement","cn","_objectSpread2","assignProps","setRef","Component","size","state","resize","defaultValue","autoFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Textarea.jsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/autoFocusEnhance';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport cssToIntDefault from '@semcore/utils/lib/cssToIntDefault';\nimport rafTrottle from '@semcore/utils/lib/rafTrottle';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport style from './style/textarea.shadow.css';\n\nclass Textarea extends Component {\n  static displayName = 'Textarea';\n  static defaultProps = {\n    size: 'm',\n    state: 'normal',\n    resize: 'none',\n    minRows: 2,\n    defaultValue: '',\n  };\n  static enhance = [autoFocusEnhance()];\n  static style = style;\n\n  node = null;\n\n  uncontrolledProps() {\n    return {\n      value: [\n        (e) => e.target.value,\n        () => {\n          this.calculateRows();\n        },\n      ],\n    };\n  }\n\n  setRef = (node) => {\n    if (!node) return;\n    this.node = node;\n  };\n\n  addGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.addEventListener('resize', this.calculateRows);\n  };\n\n  removeGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.removeEventListener('resize', this.calculateRows);\n  };\n\n  calculateRows = rafTrottle((disabledScrolling = false) => {\n    const { node } = this;\n    const { rows, minRows, maxRows } = this.asProps;\n    if (!node || !canUseDOM() || rows || !(minRows || maxRows)) return;\n\n    const previousRows = node.rows;\n    const clonnedNode = node.cloneNode(true);\n    const computedStyle = window.getComputedStyle(node);\n\n    for (let i = 0; i < computedStyle.length; i++) {\n      const key = computedStyle.item(i);\n\n      clonnedNode.style.setProperty(\n        key,\n        computedStyle.getPropertyValue(key),\n        computedStyle.getPropertyPriority(key),\n      );\n    }\n\n    clonnedNode.style.setProperty('visibility', 'hidden', 'important');\n\n    document.body.appendChild(clonnedNode);\n\n    const lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue('line-height'));\n\n    clonnedNode.rows = minRows;\n    clonnedNode.style.setProperty('height', 'fit-content');\n\n    const computed = Math.floor(clonnedNode.scrollHeight / lh);\n\n    document.body.removeChild(clonnedNode);\n\n    if (computed === previousRows) {\n      node.rows = computed;\n      return;\n    }\n    if (computed <= minRows) {\n      node.rows = minRows;\n    }\n    if (computed >= maxRows) {\n      node.rows = maxRows;\n    }\n    if (\n      (minRows !== undefined || maxRows !== undefined) &&\n      (minRows === undefined || computed >= minRows) &&\n      (maxRows === undefined || computed <= maxRows)\n    ) {\n      node.rows = computed;\n    }\n\n    if (disabledScrolling) return;\n    const { selectionEnd, value } = node;\n    if (selectionEnd < value.length) return;\n\n    node.scrollTop = node.scrollHeight;\n  });\n\n  componentDidMount() {\n    this.calculateRows(true);\n    this.addGlobalHandlers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { minRows, maxRows, value } = this.asProps;\n    if (\n      prevProps.minRows !== minRows ||\n      prevProps.maxRows !== maxRows ||\n      prevProps.value !== value\n    ) {\n      this.calculateRows();\n    }\n  }\n\n  componentWillUnmount() {\n    this.removeGlobalHandlers();\n  }\n\n  render() {\n    const STextarea = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STextarea render={Box} tag='textarea' ref={this.setRef} />);\n  }\n}\n\nexport default createComponent(Textarea);\n"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_autoFocusEnhance","_canUseDOM","_cssToIntDefault","_rafTrottle","style","_index","sstyled","insert","Textarea","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","node","canUseDOM","window","addEventListener","calculateRows","removeEventListener","rafTrottle","disabledScrolling","undefined","_assertThisInitialize","_this$asProps","asProps","rows","minRows","maxRows","previousRows","clonnedNode","cloneNode","computedStyle","getComputedStyle","i","key","item","setProperty","getPropertyValue","getPropertyPriority","document","body","appendChild","lh","cssToIntDefault","computed","Math","floor","scrollHeight","removeChild","selectionEnd","value","scrollTop","_createClass2","uncontrolledProps","_this2","e","target","componentDidMount","addGlobalHandlers","componentDidUpdate","prevProps","_this$asProps2","componentWillUnmount","removeGlobalHandlers","render","_ref","_ref2","STextarea","Box","styles","createElement","cn","_objectSpread2","assignProps","setRef","Component","size","state","resize","defaultValue","autoFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Textarea.jsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/autoFocusEnhance';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport cssToIntDefault from '@semcore/utils/lib/cssToIntDefault';\nimport rafTrottle from '@semcore/utils/lib/rafTrottle';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport style from './style/textarea.shadow.css';\n\nclass Textarea extends Component {\n  static displayName = 'Textarea';\n  static defaultProps = {\n    size: 'm',\n    state: 'normal',\n    resize: 'none',\n    minRows: 2,\n    defaultValue: '',\n  };\n  static enhance = [autoFocusEnhance()];\n  static style = style;\n\n  node = null;\n\n  uncontrolledProps() {\n    return {\n      value: [\n        (e) => e.target.value,\n        () => {\n          this.calculateRows();\n        },\n      ],\n    };\n  }\n\n  setRef = (node) => {\n    if (!node) return;\n    this.node = node;\n  };\n\n  addGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.addEventListener('resize', this.calculateRows);\n  };\n\n  removeGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.removeEventListener('resize', this.calculateRows);\n  };\n\n  calculateRows = rafTrottle((disabledScrolling = false) => {\n    const { node } = this;\n    const { rows, minRows, maxRows } = this.asProps;\n    if (!node || !canUseDOM() || rows || !(minRows || maxRows)) return;\n\n    const previousRows = node.rows;\n    const clonnedNode = node.cloneNode(true);\n    const computedStyle = window.getComputedStyle(node);\n\n    for (let i = 0; i < computedStyle.length; i++) {\n      const key = computedStyle.item(i);\n\n      clonnedNode.style.setProperty(\n        key,\n        computedStyle.getPropertyValue(key),\n        computedStyle.getPropertyPriority(key),\n      );\n    }\n\n    clonnedNode.style.setProperty('visibility', 'hidden', 'important');\n\n    document.body.appendChild(clonnedNode);\n\n    const lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue('line-height'));\n\n    clonnedNode.rows = minRows;\n    clonnedNode.style.setProperty('height', 'fit-content');\n\n    const computed = Math.floor(clonnedNode.scrollHeight / lh);\n\n    document.body.removeChild(clonnedNode);\n\n    if (computed === previousRows) {\n      node.rows = computed;\n      return;\n    }\n    if (computed <= minRows) {\n      node.rows = minRows;\n    }\n    if (computed >= maxRows) {\n      node.rows = maxRows;\n    }\n    if (\n      (minRows !== undefined || maxRows !== undefined) &&\n      (minRows === undefined || computed >= minRows) &&\n      (maxRows === undefined || computed <= maxRows)\n    ) {\n      node.rows = computed;\n    }\n\n    if (disabledScrolling) return;\n    const { selectionEnd, value } = node;\n    if (selectionEnd < value.length) return;\n\n    node.scrollTop = node.scrollHeight;\n  });\n\n  componentDidMount() {\n    this.calculateRows(true);\n    this.addGlobalHandlers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { minRows, maxRows, value } = this.asProps;\n    if (\n      prevProps.minRows !== minRows ||\n      prevProps.maxRows !== maxRows ||\n      prevProps.value !== value\n    ) {\n      this.calculateRows();\n    }\n  }\n\n  componentWillUnmount() {\n    this.removeGlobalHandlers();\n  }\n\n  render() {\n    const STextarea = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STextarea render={Box} tag='textarea' ref={this.setRef} />);\n  }\n}\n\nexport default createComponent(Textarea);\n"],"mappings":"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"}

package/textarea/lib/es6/Textarea.js

@@ -14,15 +14,17 @@ import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 import cssToIntDefault from 'intergalactic/utils/lib/cssToIntDefault';
 import rafTrottle from 'intergalactic/utils/lib/rafTrottle';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
-/*__reshadow-styles__:"./style/textarea.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_cz8vu_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_cz8vu);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_cz8vu_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_cz8vu_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_cz8vu_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_cz8vu_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_cz8vu_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_cz8vu_gg_._size_m_cz8vu_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_cz8vu_gg_._size_l_cz8vu_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_cz8vu_gg_._state_normal_cz8vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_cz8vu_gg_._state_valid_cz8vu_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_cz8vu_gg_._state_valid_cz8vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_cz8vu_gg_._state_invalid_cz8vu_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_cz8vu_gg_._state_invalid_cz8vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "cz8vu_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_cz8vu_gg_",
-  "_size_m": "_size_m_cz8vu_gg_",
-  "_size_l": "_size_l_cz8vu_gg_",
-  "--resize": "--resize_cz8vu",
-  "_state_normal": "_state_normal_cz8vu_gg_",
-  "_state_valid": "_state_valid_cz8vu_gg_",
-  "_state_invalid": "_state_invalid_cz8vu_gg_"
+/*!__reshadow-styles__:"./style/textarea.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_5mrqt_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_5mrqt);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_5mrqt_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_5mrqt_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_5mrqt_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_5mrqt_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_5mrqt_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_5mrqt_gg_._size_m_5mrqt_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_5mrqt_gg_._size_l_5mrqt_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_5mrqt_gg_._state_normal_5mrqt_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_5mrqt_gg_._state_valid_5mrqt_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_5mrqt_gg_._state_valid_5mrqt_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_5mrqt_gg_._state_invalid_5mrqt_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_5mrqt_gg_._state_invalid_5mrqt_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}", /*__inner_css_end__*/"5mrqt_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__STextarea": "___STextarea_5mrqt_gg_",
+  "_size_m": "_size_m_5mrqt_gg_",
+  "_size_l": "_size_l_5mrqt_gg_",
+  "--resize": "--resize_5mrqt",
+  "_state_normal": "_state_normal_5mrqt_gg_",
+  "_state_valid": "_state_valid_5mrqt_gg_",
+  "_state_invalid": "_state_invalid_5mrqt_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   _inherits(Textarea, _Component);

package/textarea/lib/es6/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["React","Box","autoFocusEnhance","canUseDOM","cssToIntDefault","rafTrottle","createComponent","Component","sstyled","Root","style","_sstyled","insert","Textarea","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","node","window","addEventListener","calculateRows","removeEventListener","disabledScrolling","undefined","_assertThisInitialize","_this$asProps","asProps","rows","minRows","maxRows","previousRows","clonnedNode","cloneNode","computedStyle","getComputedStyle","i","key","item","setProperty","getPropertyValue","getPropertyPriority","document","body","appendChild","lh","computed","Math","floor","scrollHeight","removeChild","selectionEnd","value","scrollTop","_createClass","uncontrolledProps","_this2","e","target","componentDidMount","addGlobalHandlers","componentDidUpdate","prevProps","_this$asProps2","componentWillUnmount","removeGlobalHandlers","render","_ref","_ref2","STextarea","styles","createElement","cn","_objectSpread","_assignProps","setRef","size","state","resize","defaultValue"],"sources":["../../src/Textarea.jsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/autoFocusEnhance';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport cssToIntDefault from '@semcore/utils/lib/cssToIntDefault';\nimport rafTrottle from '@semcore/utils/lib/rafTrottle';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport style from './style/textarea.shadow.css';\n\nclass Textarea extends Component {\n  static displayName = 'Textarea';\n  static defaultProps = {\n    size: 'm',\n    state: 'normal',\n    resize: 'none',\n    minRows: 2,\n    defaultValue: '',\n  };\n  static enhance = [autoFocusEnhance()];\n  static style = style;\n\n  node = null;\n\n  uncontrolledProps() {\n    return {\n      value: [\n        (e) => e.target.value,\n        () => {\n          this.calculateRows();\n        },\n      ],\n    };\n  }\n\n  setRef = (node) => {\n    if (!node) return;\n    this.node = node;\n  };\n\n  addGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.addEventListener('resize', this.calculateRows);\n  };\n\n  removeGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.removeEventListener('resize', this.calculateRows);\n  };\n\n  calculateRows = rafTrottle((disabledScrolling = false) => {\n    const { node } = this;\n    const { rows, minRows, maxRows } = this.asProps;\n    if (!node || !canUseDOM() || rows || !(minRows || maxRows)) return;\n\n    const previousRows = node.rows;\n    const clonnedNode = node.cloneNode(true);\n    const computedStyle = window.getComputedStyle(node);\n\n    for (let i = 0; i < computedStyle.length; i++) {\n      const key = computedStyle.item(i);\n\n      clonnedNode.style.setProperty(\n        key,\n        computedStyle.getPropertyValue(key),\n        computedStyle.getPropertyPriority(key),\n      );\n    }\n\n    clonnedNode.style.setProperty('visibility', 'hidden', 'important');\n\n    document.body.appendChild(clonnedNode);\n\n    const lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue('line-height'));\n\n    clonnedNode.rows = minRows;\n    clonnedNode.style.setProperty('height', 'fit-content');\n\n    const computed = Math.floor(clonnedNode.scrollHeight / lh);\n\n    document.body.removeChild(clonnedNode);\n\n    if (computed === previousRows) {\n      node.rows = computed;\n      return;\n    }\n    if (computed <= minRows) {\n      node.rows = minRows;\n    }\n    if (computed >= maxRows) {\n      node.rows = maxRows;\n    }\n    if (\n      (minRows !== undefined || maxRows !== undefined) &&\n      (minRows === undefined || computed >= minRows) &&\n      (maxRows === undefined || computed <= maxRows)\n    ) {\n      node.rows = computed;\n    }\n\n    if (disabledScrolling) return;\n    const { selectionEnd, value } = node;\n    if (selectionEnd < value.length) return;\n\n    node.scrollTop = node.scrollHeight;\n  });\n\n  componentDidMount() {\n    this.calculateRows(true);\n    this.addGlobalHandlers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { minRows, maxRows, value } = this.asProps;\n    if (\n      prevProps.minRows !== minRows ||\n      prevProps.maxRows !== maxRows ||\n      prevProps.value !== value\n    ) {\n      this.calculateRows();\n    }\n  }\n\n  componentWillUnmount() {\n    this.removeGlobalHandlers();\n  }\n\n  render() {\n    const STextarea = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STextarea render={Box} tag='textarea' ref={this.setRef} />);\n  }\n}\n\nexport default createComponent(Textarea);\n"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","names":["React","Box","autoFocusEnhance","canUseDOM","cssToIntDefault","rafTrottle","createComponent","Component","sstyled","Root","style","_sstyled","insert","Textarea","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","node","window","addEventListener","calculateRows","removeEventListener","disabledScrolling","undefined","_assertThisInitialize","_this$asProps","asProps","rows","minRows","maxRows","previousRows","clonnedNode","cloneNode","computedStyle","getComputedStyle","i","key","item","setProperty","getPropertyValue","getPropertyPriority","document","body","appendChild","lh","computed","Math","floor","scrollHeight","removeChild","selectionEnd","value","scrollTop","_createClass","uncontrolledProps","_this2","e","target","componentDidMount","addGlobalHandlers","componentDidUpdate","prevProps","_this$asProps2","componentWillUnmount","removeGlobalHandlers","render","_ref","_ref2","STextarea","styles","createElement","cn","_objectSpread","_assignProps","setRef","size","state","resize","defaultValue"],"sources":["../../src/Textarea.jsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/autoFocusEnhance';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport cssToIntDefault from '@semcore/utils/lib/cssToIntDefault';\nimport rafTrottle from '@semcore/utils/lib/rafTrottle';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport style from './style/textarea.shadow.css';\n\nclass Textarea extends Component {\n  static displayName = 'Textarea';\n  static defaultProps = {\n    size: 'm',\n    state: 'normal',\n    resize: 'none',\n    minRows: 2,\n    defaultValue: '',\n  };\n  static enhance = [autoFocusEnhance()];\n  static style = style;\n\n  node = null;\n\n  uncontrolledProps() {\n    return {\n      value: [\n        (e) => e.target.value,\n        () => {\n          this.calculateRows();\n        },\n      ],\n    };\n  }\n\n  setRef = (node) => {\n    if (!node) return;\n    this.node = node;\n  };\n\n  addGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.addEventListener('resize', this.calculateRows);\n  };\n\n  removeGlobalHandlers = () => {\n    if (!canUseDOM()) return;\n    window.removeEventListener('resize', this.calculateRows);\n  };\n\n  calculateRows = rafTrottle((disabledScrolling = false) => {\n    const { node } = this;\n    const { rows, minRows, maxRows } = this.asProps;\n    if (!node || !canUseDOM() || rows || !(minRows || maxRows)) return;\n\n    const previousRows = node.rows;\n    const clonnedNode = node.cloneNode(true);\n    const computedStyle = window.getComputedStyle(node);\n\n    for (let i = 0; i < computedStyle.length; i++) {\n      const key = computedStyle.item(i);\n\n      clonnedNode.style.setProperty(\n        key,\n        computedStyle.getPropertyValue(key),\n        computedStyle.getPropertyPriority(key),\n      );\n    }\n\n    clonnedNode.style.setProperty('visibility', 'hidden', 'important');\n\n    document.body.appendChild(clonnedNode);\n\n    const lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue('line-height'));\n\n    clonnedNode.rows = minRows;\n    clonnedNode.style.setProperty('height', 'fit-content');\n\n    const computed = Math.floor(clonnedNode.scrollHeight / lh);\n\n    document.body.removeChild(clonnedNode);\n\n    if (computed === previousRows) {\n      node.rows = computed;\n      return;\n    }\n    if (computed <= minRows) {\n      node.rows = minRows;\n    }\n    if (computed >= maxRows) {\n      node.rows = maxRows;\n    }\n    if (\n      (minRows !== undefined || maxRows !== undefined) &&\n      (minRows === undefined || computed >= minRows) &&\n      (maxRows === undefined || computed <= maxRows)\n    ) {\n      node.rows = computed;\n    }\n\n    if (disabledScrolling) return;\n    const { selectionEnd, value } = node;\n    if (selectionEnd < value.length) return;\n\n    node.scrollTop = node.scrollHeight;\n  });\n\n  componentDidMount() {\n    this.calculateRows(true);\n    this.addGlobalHandlers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { minRows, maxRows, value } = this.asProps;\n    if (\n      prevProps.minRows !== minRows ||\n      prevProps.maxRows !== maxRows ||\n      prevProps.value !== value\n    ) {\n      this.calculateRows();\n    }\n  }\n\n  componentWillUnmount() {\n    this.removeGlobalHandlers();\n  }\n\n  render() {\n    const STextarea = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STextarea render={Box} tag='textarea' ref={this.setRef} />);\n  }\n}\n\nexport default createComponent(Textarea);\n"],"mappings":"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"}

package/textarea/lib/esm/Textarea.mjs

@@ -1,119 +1,155 @@
-import P from "@babel/runtime/helpers/esm/objectSpread2";
-import k from "@babel/runtime/helpers/esm/classCallCheck";
-import C from "@babel/runtime/helpers/esm/createClass";
-import g from "@babel/runtime/helpers/esm/assertThisInitialized";
-import D from "@babel/runtime/helpers/esm/inherits";
-import E from "@babel/runtime/helpers/esm/createSuper";
-import o from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as H } from 'intergalactic/utils/lib/core/index';
-import U, { sstyled as G, assignProps as M, Component as $ } from 'intergalactic/core';
-import I from "react";
-import { Box as N } from 'intergalactic/flex-box';
-import V from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
-import h from 'intergalactic/utils/lib/canUseDOM';
-import L from 'intergalactic/utils/lib/cssToIntDefault';
-import W from 'intergalactic/utils/lib/rafTrottle';
-var j = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box } from 'intergalactic/flex-box';
+import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
+import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
+import cssToIntDefault from 'intergalactic/utils/lib/cssToIntDefault';
+import rafTrottle from 'intergalactic/utils/lib/rafTrottle';
+/*!__reshadow-styles__:"./style/textarea.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (H.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STextarea_cz8vu_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_cz8vu);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_cz8vu_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_cz8vu_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_cz8vu_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_cz8vu_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_cz8vu_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_cz8vu_gg_._size_m_cz8vu_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_cz8vu_gg_._size_l_cz8vu_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_cz8vu_gg_._state_normal_cz8vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_cz8vu_gg_._state_valid_cz8vu_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_cz8vu_gg_._state_valid_cz8vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_cz8vu_gg_._state_invalid_cz8vu_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_cz8vu_gg_._state_invalid_cz8vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}",
-    "cz8vu_gg_"
-  ), {
-    __STextarea: "___STextarea_cz8vu_gg_",
-    _size_m: "_size_m_cz8vu_gg_",
-    _size_l: "_size_l_cz8vu_gg_",
-    "--resize": "--resize_cz8vu",
-    _state_normal: "_state_normal_cz8vu_gg_",
-    _state_valid: "_state_valid_cz8vu_gg_",
-    _state_invalid: "_state_invalid_cz8vu_gg_"
+    ".___STextarea_5mrqt_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_5mrqt);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_5mrqt_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_5mrqt_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_5mrqt_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_5mrqt_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_5mrqt_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_5mrqt_gg_._size_m_5mrqt_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_5mrqt_gg_._size_l_5mrqt_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_5mrqt_gg_._state_normal_5mrqt_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_5mrqt_gg_._state_valid_5mrqt_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_5mrqt_gg_._state_valid_5mrqt_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_5mrqt_gg_._state_invalid_5mrqt_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_5mrqt_gg_._state_invalid_5mrqt_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}",
+    /*__inner_css_end__*/
+    "5mrqt_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__STextarea": "___STextarea_5mrqt_gg_",
+    "_size_m": "_size_m_5mrqt_gg_",
+    "_size_l": "_size_l_5mrqt_gg_",
+    "--resize": "--resize_5mrqt",
+    "_state_normal": "_state_normal_5mrqt_gg_",
+    "_state_valid": "_state_valid_5mrqt_gg_",
+    "_state_invalid": "_state_invalid_5mrqt_gg_"
   })
-), d = /* @__PURE__ */ function(z) {
-  D(u, z);
-  var b = E(u);
-  function u() {
-    var e;
-    k(this, u);
-    for (var t = arguments.length, r = new Array(t), i = 0; i < t; i++)
-      r[i] = arguments[i];
-    return e = b.call.apply(b, [this].concat(r)), o(g(e), "node", null), o(g(e), "setRef", function(n) {
-      n && (e.node = n);
-    }), o(g(e), "addGlobalHandlers", function() {
-      h() && window.addEventListener("resize", e.calculateRows);
-    }), o(g(e), "removeGlobalHandlers", function() {
-      h() && window.removeEventListener("resize", e.calculateRows);
-    }), o(g(e), "calculateRows", W(function() {
-      var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, p = g(e), a = p.node, f = e.asProps, y = f.rows, l = f.minRows, _ = f.maxRows;
-      if (!(!a || !h() || y || !(l || _))) {
-        for (var w = a.rows, c = a.cloneNode(!0), v = window.getComputedStyle(a), m = 0; m < v.length; m++) {
-          var x = v.item(m);
-          c.style.setProperty(x, v.getPropertyValue(x), v.getPropertyPriority(x));
-        }
-        c.style.setProperty("visibility", "hidden", "important"), document.body.appendChild(c);
-        var T = L(getComputedStyle(c).getPropertyValue("line-height"));
-        c.rows = l, c.style.setProperty("height", "fit-content");
-        var s = Math.floor(c.scrollHeight / T);
-        if (document.body.removeChild(c), s === w) {
-          a.rows = s;
-          return;
-        }
-        if (s <= l && (a.rows = l), s >= _ && (a.rows = _), (l !== void 0 || _ !== void 0) && (l === void 0 || s >= l) && (_ === void 0 || s <= _) && (a.rows = s), !n) {
-          var S = a.selectionEnd, R = a.value;
-          S < R.length || (a.scrollTop = a.scrollHeight);
-        }
+);
+var Textarea = /* @__PURE__ */ function(_Component) {
+  _inherits(Textarea2, _Component);
+  var _super = _createSuper(Textarea2);
+  function Textarea2() {
+    var _this;
+    _classCallCheck(this, Textarea2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "node", null);
+    _defineProperty(_assertThisInitialized(_this), "setRef", function(node) {
+      if (!node) return;
+      _this.node = node;
+    });
+    _defineProperty(_assertThisInitialized(_this), "addGlobalHandlers", function() {
+      if (!canUseDOM()) return;
+      window.addEventListener("resize", _this.calculateRows);
+    });
+    _defineProperty(_assertThisInitialized(_this), "removeGlobalHandlers", function() {
+      if (!canUseDOM()) return;
+      window.removeEventListener("resize", _this.calculateRows);
+    });
+    _defineProperty(_assertThisInitialized(_this), "calculateRows", rafTrottle(function() {
+      var disabledScrolling = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+      var _assertThisInitialize = _assertThisInitialized(_this), node = _assertThisInitialize.node;
+      var _this$asProps = _this.asProps, rows = _this$asProps.rows, minRows = _this$asProps.minRows, maxRows = _this$asProps.maxRows;
+      if (!node || !canUseDOM() || rows || !(minRows || maxRows)) return;
+      var previousRows = node.rows;
+      var clonnedNode = node.cloneNode(true);
+      var computedStyle = window.getComputedStyle(node);
+      for (var i = 0; i < computedStyle.length; i++) {
+        var key = computedStyle.item(i);
+        clonnedNode.style.setProperty(key, computedStyle.getPropertyValue(key), computedStyle.getPropertyPriority(key));
+      }
+      clonnedNode.style.setProperty("visibility", "hidden", "important");
+      document.body.appendChild(clonnedNode);
+      var lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue("line-height"));
+      clonnedNode.rows = minRows;
+      clonnedNode.style.setProperty("height", "fit-content");
+      var computed = Math.floor(clonnedNode.scrollHeight / lh);
+      document.body.removeChild(clonnedNode);
+      if (computed === previousRows) {
+        node.rows = computed;
+        return;
+      }
+      if (computed <= minRows) {
+        node.rows = minRows;
       }
-    })), e;
+      if (computed >= maxRows) {
+        node.rows = maxRows;
+      }
+      if ((minRows !== void 0 || maxRows !== void 0) && (minRows === void 0 || computed >= minRows) && (maxRows === void 0 || computed <= maxRows)) {
+        node.rows = computed;
+      }
+      if (disabledScrolling) return;
+      var selectionEnd = node.selectionEnd, value = node.value;
+      if (selectionEnd < value.length) return;
+      node.scrollTop = node.scrollHeight;
+    }));
+    return _this;
   }
-  return C(u, [{
+  _createClass(Textarea2, [{
     key: "uncontrolledProps",
-    value: function() {
-      var t = this;
+    value: function uncontrolledProps() {
+      var _this2 = this;
       return {
-        value: [function(r) {
-          return r.target.value;
+        value: [function(e) {
+          return e.target.value;
         }, function() {
-          t.calculateRows();
+          _this2.calculateRows();
         }]
       };
     }
   }, {
     key: "componentDidMount",
-    value: function() {
-      this.calculateRows(!0), this.addGlobalHandlers();
+    value: function componentDidMount() {
+      this.calculateRows(true);
+      this.addGlobalHandlers();
     }
   }, {
     key: "componentDidUpdate",
-    value: function(t) {
-      var r = this.asProps, i = r.minRows, n = r.maxRows, p = r.value;
-      (t.minRows !== i || t.maxRows !== n || t.value !== p) && this.calculateRows();
+    value: function componentDidUpdate(prevProps) {
+      var _this$asProps2 = this.asProps, minRows = _this$asProps2.minRows, maxRows = _this$asProps2.maxRows, value = _this$asProps2.value;
+      if (prevProps.minRows !== minRows || prevProps.maxRows !== maxRows || prevProps.value !== value) {
+        this.calculateRows();
+      }
     }
   }, {
     key: "componentWillUnmount",
-    value: function() {
+    value: function componentWillUnmount() {
       this.removeGlobalHandlers();
     }
   }, {
     key: "render",
-    value: function() {
-      var t = this.asProps, r, i = N, n = this.asProps.styles;
-      return r = G(n), /* @__PURE__ */ I.createElement(i, r.cn("STextarea", P({}, M({
-        tag: "textarea",
-        ref: this.setRef
-      }, t))));
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var STextarea = Box;
+      var styles = this.asProps.styles;
+      return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STextarea, _ref2.cn("STextarea", _objectSpread({}, assignProps({
+        "tag": "textarea",
+        "ref": this.setRef
+      }, _ref))));
     }
-  }]), u;
-}($);
-o(d, "displayName", "Textarea");
-o(d, "defaultProps", {
+  }]);
+  return Textarea2;
+}(Component);
+_defineProperty(Textarea, "displayName", "Textarea");
+_defineProperty(Textarea, "defaultProps", {
   size: "m",
   state: "normal",
   resize: "none",
   minRows: 2,
   defaultValue: ""
 });
-o(d, "enhance", [V()]);
-o(d, "style", j);
-const oe = U(d);
+_defineProperty(Textarea, "enhance", [autoFocusEnhance()]);
+_defineProperty(Textarea, "style", style);
+const Textarea$1 = createComponent(Textarea);
 export {
-  oe as default
+  Textarea$1 as default
 };

package/textarea/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./Textarea.mjs";
+import { default as default2 } from "./Textarea.mjs";
 export {
-  o as default
+  default2 as default
 };

package/textarea/lib/esm/style/textarea.shadow.css

@@ -0,0 +1,66 @@
+STextarea {
+  height: auto;
+  color: var(--intergalactic-text-primary, #191b23);
+  border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  border-radius: var(--intergalactic-control-rounded, 6px);
+  outline: none;
+  width: 100%;
+  box-sizing: border-box;
+  font-family: inherit;
+  resize: var(--resize);
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+
+  &:read-only {
+    background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
+  }
+
+  &:disabled {
+    opacity: var(--intergalactic-disabled-opacity, 0.3);
+  }
+
+  &::placeholder {
+    color: var(--intergalactic-text-placeholder, #8a8e9b);
+  }
+}
+
+STextarea[size='m'] {
+  padding: var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+}
+
+STextarea[size='l'] {
+  padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+}
+
+STextarea[state='normal'] {
+  &:focus {
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+    border-color: var(--intergalactic-border-info-active, #006dca);
+  }
+}
+
+STextarea[state='valid'] {
+  border-color: var(--intergalactic-border-success-active, #007c65);
+
+  &:focus {
+    box-shadow: var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5));
+  }
+}
+
+STextarea[state='invalid'] {
+  border-color: var(--intergalactic-border-critical-active, #d1002f);
+
+  &:focus {
+    box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
+  }
+
+  background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));
+  background-size: 6px 6px;
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
+  border-top-left-radius: var(--intergalactic-control-rounded, 6px);
+  background-repeat: repeat-y;
+}

package/textarea/package.json

@@ -1 +1 @@
-{"name":"intergalactic/textarea","description":"Semrush Textarea Component","version":"5.40.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.2","@semcore/flex-box":"5.41.2","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/textarea"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/textarea","description":"Semrush Textarea Component","version":"5.40.3","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.4","@semcore/flex-box":"5.41.3","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/textarea"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/time-picker/lib/cjs/TimePicker.js

@@ -29,19 +29,21 @@ var _PickerFormat = _interopRequireDefault(require("./PickerFormat"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
-/*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_6rpw6_gg_{position:relative;width:auto;outline:0}.___STimePicker_6rpw6_gg_.__keyboardFocused_6rpw6_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_6rpw6_gg_.__disabled_6rpw6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_6rpw6_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_6rpw6_gg_.__placeholder_6rpw6_gg_{text-overflow:initial}.___SPickerInput_6rpw6_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_6rpw6_gg_._size_l_6rpw6_gg_,.___SPickerInput_6rpw6_gg_._size_m_6rpw6_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_6rpw6_gg_._size_l_6rpw6_gg_{width:21px}.___SPickerFormat_6rpw6_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_6rpw6_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_6rpw6_gg_.__active_6rpw6_gg_,.___SPickerFormat_6rpw6_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_6rpw6_gg_:focus,.___SPickerFormat_6rpw6_gg_:focus-visible{outline:0}.___SPickerFormat_6rpw6_gg_._size_m_6rpw6_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_6rpw6_gg_._size_m_6rpw6_gg_ .___SPickerFormatText_6rpw6_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_6rpw6_gg_._size_l_6rpw6_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_6rpw6_gg_._size_l_6rpw6_gg_ .___SPickerFormatText_6rpw6_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_6rpw6_gg_.__disabled_6rpw6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_6rpw6_gg_.__keyboardFocused_6rpw6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_6rpw6_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_6rpw6_gg_.__disabled_6rpw6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "6rpw6_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_6rpw6_gg_",
-  "_keyboardFocused": "__keyboardFocused_6rpw6_gg_",
-  "_disabled": "__disabled_6rpw6_gg_",
-  "__SPickerInput": "___SPickerInput_6rpw6_gg_",
-  "_size_m": "_size_m_6rpw6_gg_",
-  "_size_l": "_size_l_6rpw6_gg_",
-  "__SPickerFormat": "___SPickerFormat_6rpw6_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_6rpw6_gg_",
-  "_placeholder": "__placeholder_6rpw6_gg_",
-  "_active": "__active_6rpw6_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_6rpw6_gg_"
+/*!__reshadow-styles__:"./style/time-picker.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STimePicker_axv7r_gg_{position:relative;width:auto;outline:0}.___STimePicker_axv7r_gg_.__keyboardFocused_axv7r_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_axv7r_gg_.__disabled_axv7r_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_axv7r_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_axv7r_gg_.__placeholder_axv7r_gg_{text-overflow:initial}.___SPickerInput_axv7r_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_axv7r_gg_._size_l_axv7r_gg_,.___SPickerInput_axv7r_gg_._size_m_axv7r_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_axv7r_gg_._size_l_axv7r_gg_{width:21px}.___SPickerFormat_axv7r_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_axv7r_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_axv7r_gg_.__active_axv7r_gg_,.___SPickerFormat_axv7r_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_axv7r_gg_:focus,.___SPickerFormat_axv7r_gg_:focus-visible{outline:0}.___SPickerFormat_axv7r_gg_._size_m_axv7r_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_axv7r_gg_._size_m_axv7r_gg_ .___SPickerFormatText_axv7r_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_axv7r_gg_._size_l_axv7r_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_axv7r_gg_._size_l_axv7r_gg_ .___SPickerFormatText_axv7r_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_axv7r_gg_.__disabled_axv7r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_axv7r_gg_.__keyboardFocused_axv7r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_axv7r_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_axv7r_gg_.__disabled_axv7r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"axv7r_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__STimePicker": "___STimePicker_axv7r_gg_",
+  "_keyboardFocused": "__keyboardFocused_axv7r_gg_",
+  "_disabled": "__disabled_axv7r_gg_",
+  "__SPickerInput": "___SPickerInput_axv7r_gg_",
+  "_size_m": "_size_m_axv7r_gg_",
+  "_size_l": "_size_l_axv7r_gg_",
+  "__SPickerFormat": "___SPickerFormat_axv7r_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_axv7r_gg_",
+  "_placeholder": "__placeholder_axv7r_gg_",
+  "_active": "__active_axv7r_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_axv7r_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',