intergalactic 15.84.0 → 15.85.0-prerelease.2

package/tab-panel/lib/cjs/TabPanel.js

@@ -13,6 +13,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
@@ -20,14 +21,14 @@ var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib
 var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabPanel_170p5_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_170p5_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_170p5_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_170p5_gg_ .___SText_170p5_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_170p5_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_170p5_gg_:active,.___STabPanelItem_170p5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_170p5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_170p5_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_170p5_gg_.__disabled_170p5_gg_{cursor:default;pointer-events:none}.___STabPanelItem_170p5_gg_.__disabled_170p5_gg_ .___SAddon_170p5_gg_,.___STabPanelItem_170p5_gg_.__disabled_170p5_gg_ .___SText_170p5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_170p5_gg_.__keyboardFocused_170p5_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_170p5_gg_.__selected_170p5_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_170p5_gg_.__selected_170p5_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_170p5_gg_.__selected_170p5_gg_::after{border-bottom:none}.___SText_170p5_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_170p5_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_170p5_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_170p5_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_170p5_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "170p5_gg_") /*__reshadow_css_end__*/, {
-  "__STabPanelItem": "___STabPanelItem_170p5_gg_",
-  "_keyboardFocused": "__keyboardFocused_170p5_gg_",
-  "__SText": "___SText_170p5_gg_",
-  "__SAddon": "___SAddon_170p5_gg_",
-  "__STabPanel": "___STabPanel_170p5_gg_",
-  "_disabled": "__disabled_170p5_gg_",
-  "_selected": "__selected_170p5_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabPanel_2xztg_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_2xztg_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_2xztg_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_2xztg_gg_ .___SText_2xztg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_2xztg_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_2xztg_gg_:active,.___STabPanelItem_2xztg_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_2xztg_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_2xztg_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_2xztg_gg_.__disabled_2xztg_gg_{cursor:default;pointer-events:none}.___STabPanelItem_2xztg_gg_.__disabled_2xztg_gg_ .___SAddon_2xztg_gg_,.___STabPanelItem_2xztg_gg_.__disabled_2xztg_gg_ .___SText_2xztg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_2xztg_gg_.__keyboardFocused_2xztg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_2xztg_gg_.__selected_2xztg_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_2xztg_gg_.__selected_2xztg_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_2xztg_gg_.__selected_2xztg_gg_::after{border-bottom:none}.___SText_2xztg_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_2xztg_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_2xztg_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_2xztg_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_2xztg_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "2xztg_gg_") /*__reshadow_css_end__*/, {
+  "__STabPanelItem": "___STabPanelItem_2xztg_gg_",
+  "_keyboardFocused": "__keyboardFocused_2xztg_gg_",
+  "__SText": "___SText_2xztg_gg_",
+  "__SAddon": "___SAddon_2xztg_gg_",
+  "__STabPanel": "___STabPanel_2xztg_gg_",
+  "_disabled": "__disabled_2xztg_gg_",
+  "_selected": "__selected_2xztg_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {

package/tab-panel/lib/cjs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_a11yEnhance","_keyboardFocusEnhance","style","sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","key","preventDefault","_createClass2","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","defaultValue","a11yEnhance","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","TabPanel","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","wrapTabPanel","wrapper","exports","_default"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":"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"}
+{"version":3,"file":"TabPanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_a11yEnhance","_keyboardFocusEnhance","style","_index","sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","key","preventDefault","_createClass2","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","defaultValue","a11yEnhance","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","TabPanel","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","wrapTabPanel","wrapper","exports","_default"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,qBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAoF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIpF,IAAMC,kBAAkB,GAAG;EACzBC,gBAAgB,EAAE,SAAAA,iBAACC,eAAe,EAAEC,KAAK,EAAK;IAC5C,IAAID,eAAe,EAAE;MACnBA,eAAe,CAACE,KAAK,EAAE;MACvB,IAAID,KAAK,CAACE,QAAQ,KAAK,MAAM,EAAE;QAC7BH,eAAe,CAACI,KAAK,EAAE;MACzB;IACF;EACF,CAAC;EACDC,aAAa,EAAE,CAAC,MAAM,EAAE,KAAK;AAC/B,CAAC;AAAC,IAEIC,YAAY,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,YAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,kBAeF,UAACa,KAAK;MAAA,OAAK,UAACC,KAAK,EAAK;QAClCd,KAAA,CAAKe,QAAQ,CAACF,KAAK,CAACA,KAAK,EAAEC,KAAK,CAAC;MACnC,CAAC;IAAA;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,oBAEe,UAACa,KAAK;MAAA,OAAK,UAACC,KAAK,EAAK;QACpC,IAAIA,KAAK,CAACE,GAAG,KAAK,OAAO,IAAIF,KAAK,CAACE,GAAG,KAAK,GAAG,EAAE;UAC9CF,KAAK,CAACG,cAAc,EAAE;UACtBjB,KAAA,CAAKe,QAAQ,CAACF,KAAK,CAACA,KAAK,EAAEC,KAAK,CAAC;QACnC;MACF,CAAC;IAAA;IAAA,OAAAd,KAAA;EAAA;EAAA,IAAAkB,aAAA,aAAAvB,YAAA;IAAAqB,GAAA;IAAAH,KAAA,EAfD,SAAAM,kBAAA,EAAoB;MAClB,OAAO;QACLN,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAG,GAAA;IAAAH,KAAA,EAaD,SAAAO,aAAa9B,KAAK,EAAE+B,KAAK,EAAE;MACzB,IAAQR,KAAK,GAAK,IAAI,CAACS,OAAO,CAAtBT,KAAK;MACb,IAAMU,UAAU,GAAGV,KAAK,KAAKvB,KAAK,CAACuB,KAAK;MACxC,OAAO;QACLW,QAAQ,EAAED,UAAU;QACpBE,OAAO,EAAE,IAAI,CAACC,WAAW,CAACpC,KAAK,CAACuB,KAAK,CAAC;QACtCc,SAAS,EAAE,IAAI,CAACC,aAAa,CAACtC,KAAK,CAACuB,KAAK,CAAC;QAC1CgB,QAAQ,EAAEN,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;QAC7B,eAAe,EAAEA;MACnB,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAH,KAAA,EAED,SAAAiB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAT,OAAA;QAAAU,KAAA;MACP,IAAMC,SAAS,GAG2BC,YAAG;MAF7C,IAAQC,MAAM,GAAK,IAAI,CAACb,OAAO,CAAvBa,MAAM;MAEd,OAAAH,KAAA,GAAO,IAAA/C,aAAO,EAACkD,MAAM,CAAC,eAAC1D,MAAA,YAAA2D,aAAA,CAACH,SAAS,EAAAD,KAAA,CAAAK,EAAA,kBAAAC,cAAA,qBAAAhE,KAAA,CAAAiE,WAAA;QAAA,QAAmB;MAAS,GAAAR,IAAA,IAAG;IAClE;EAAC;EAAA,OAAApC,YAAA;AAAA,EA3CwB6C,eAAS;AAAA,IAAA7B,gBAAA,aAA9BhB,YAAY,iBACK,UAAU;AAAA,IAAAgB,gBAAA,aAD3BhB,YAAY,WAEDZ,KAAK;AAAA,IAAA4B,gBAAA,aAFhBhB,YAAY,kBAGM;EACpB8C,YAAY,EAAE,IAAI;EAClBjD,QAAQ,EAAE;AACZ,CAAC;AAAA,IAAAmB,gBAAA,aANGhB,YAAY,aAOC,CAAC,IAAA+C,uBAAW,EAACvD,kBAAkB,CAAC,CAAC;AAuCpD,SAASwD,YAAYA,CAACrD,KAAK,EAAE;EAAA,IAAAsD,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,IAAMC,aAAa,GAIMb,YAAG;EAH5B,IAAQc,QAAQ,GAAoC1D,KAAK,CAAjD0D,QAAQ;IAAEb,MAAM,GAA4B7C,KAAK,CAAvC6C,MAAM;IAAEc,SAAS,GAAiB3D,KAAK,CAA/B2D,SAAS;IAAEC,UAAU,GAAK5D,KAAK,CAApB4D,UAAU;EAE/C,OAAAJ,KAAA,GAAO,IAAA7D,aAAO,EAACkD,MAAM,CAAC,eACpB1D,MAAA,YAAA2D,aAAA,CAACW,aAAa,EAAAD,KAAA,CAAAT,EAAA,sBAAAC,cAAA,qBAAAhE,KAAA,CAAAiE,WAAA;IAAA,QAAmB,QAAQ;IAAA,OAAK,QAAQ;IAAA,QAAM;EAAK,GAAAK,KAAA,KAC9DK,SAAS,gBAAGxE,MAAA,YAAA2D,aAAA,CAACe,QAAQ,CAACC,IAAI,CAACC,KAAK;IAACC,GAAG,EAAEL;EAAU,EAAG,GAAG,IAAI,EAC1D,IAAAM,6BAAiB,EAACP,QAAQ,EAAEG,QAAQ,CAACC,IAAI,CAACI,IAAI,EAAEL,QAAQ,CAACC,IAAI,CAACC,KAAK,CAAC,EACpEH,UAAU,gBAAGzE,MAAA,YAAA2D,aAAA,CAACe,QAAQ,CAACC,IAAI,CAACC,KAAK;IAACC,GAAG,EAAEJ;EAAW,EAAG,GAAG,IAAI,CAC/C;AAEpB;AAEAP,YAAY,CAACc,OAAO,GAAG,CAAC,IAAAC,gCAAoB,GAAE,CAAC;AAE/C,SAASF,IAAIA,CAAClE,KAAK,EAAE;EAAA,IAAAqE,KAAA,GAAAd,YAAA;IAAAe,KAAA;EACnB,IAAMC,KAAK,GAE2B3B,YAAG;EADzC,IAAQC,MAAM,GAAK7C,KAAK,CAAhB6C,MAAM;EACd,OAAAyB,KAAA,GAAO,IAAA3E,aAAO,EAACkD,MAAM,CAAC,eAAC1D,MAAA,YAAA2D,aAAA,CAACyB,KAAK,EAAAD,KAAA,CAAAvB,EAAA,cAAAC,cAAA,qBAAAhE,KAAA,CAAAiE,WAAA;IAAA,OAAkB;EAAM,GAAAoB,KAAA,IAAG;AAC1D;AAEA,SAASN,KAAKA,CAAC/D,KAAK,EAAE;EAAA,IAAAwE,KAAA,GAAAjB,YAAA;IAAAkB,KAAA;EACpB,IAAMC,MAAM,GAE2B9B,YAAG;EAD1C,IAAQC,MAAM,GAAK7C,KAAK,CAAhB6C,MAAM;EACd,OAAA4B,KAAA,GAAO,IAAA9E,aAAO,EAACkD,MAAM,CAAC,eAAC1D,MAAA,YAAA2D,aAAA,CAAC4B,MAAM,EAAAD,KAAA,CAAA1B,EAAA,eAAAC,cAAA,qBAAAhE,KAAA,CAAAiE,WAAA;IAAA,OAAkB;EAAM,GAAAuB,KAAA,IAAG;AAC3D;AAEA,IAAMX,QAAQ,GAAG,IAAAc,gBAAe,EAACtE,YAAY,EAAE;EAC7CyD,IAAI,EAAE,CAACT,YAAY,EAAE;IAAEa,IAAI,EAAJA,IAAI;IAAEH,KAAK,EAALA;EAAM,CAAC;AACtC,CAAC,CAAC;AAEK,IAAMa,YAAY,GAAG,SAAfA,YAAYA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAACC,OAAA,CAAAF,YAAA,GAAAA,YAAA;AAAA,IAAAG,QAAA,GAElClB,QAAQ;AAAAiB,OAAA,cAAAC,QAAA"}

package/tab-panel/lib/es6/TabPanel.js

@@ -5,7 +5,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps4 } from 'intergalactic/core';
 import { assignProps as _assignProps3 } from 'intergalactic/core';
 import { assignProps as _assignProps2 } from 'intergalactic/core';
@@ -17,14 +17,14 @@ import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
 import a11yEnhance from 'intergalactic/utils/lib/enhances/a11yEnhance';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_170p5_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_170p5_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_170p5_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_170p5_gg_ .___SText_170p5_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_170p5_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_170p5_gg_:active,.___STabPanelItem_170p5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_170p5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_170p5_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_170p5_gg_.__disabled_170p5_gg_{cursor:default;pointer-events:none}.___STabPanelItem_170p5_gg_.__disabled_170p5_gg_ .___SAddon_170p5_gg_,.___STabPanelItem_170p5_gg_.__disabled_170p5_gg_ .___SText_170p5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_170p5_gg_.__keyboardFocused_170p5_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_170p5_gg_.__selected_170p5_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_170p5_gg_.__selected_170p5_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_170p5_gg_.__selected_170p5_gg_::after{border-bottom:none}.___SText_170p5_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_170p5_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_170p5_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_170p5_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_170p5_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "170p5_gg_") /*__reshadow_css_end__*/, {
-  "__STabPanelItem": "___STabPanelItem_170p5_gg_",
-  "_keyboardFocused": "__keyboardFocused_170p5_gg_",
-  "__SText": "___SText_170p5_gg_",
-  "__SAddon": "___SAddon_170p5_gg_",
-  "__STabPanel": "___STabPanel_170p5_gg_",
-  "_disabled": "__disabled_170p5_gg_",
-  "_selected": "__selected_170p5_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_2xztg_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_2xztg_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_2xztg_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_2xztg_gg_ .___SText_2xztg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_2xztg_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_2xztg_gg_:active,.___STabPanelItem_2xztg_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_2xztg_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_2xztg_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_2xztg_gg_.__disabled_2xztg_gg_{cursor:default;pointer-events:none}.___STabPanelItem_2xztg_gg_.__disabled_2xztg_gg_ .___SAddon_2xztg_gg_,.___STabPanelItem_2xztg_gg_.__disabled_2xztg_gg_ .___SText_2xztg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_2xztg_gg_.__keyboardFocused_2xztg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_2xztg_gg_.__selected_2xztg_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_2xztg_gg_.__selected_2xztg_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_2xztg_gg_.__selected_2xztg_gg_::after{border-bottom:none}.___SText_2xztg_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_2xztg_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_2xztg_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_2xztg_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_2xztg_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "2xztg_gg_") /*__reshadow_css_end__*/, {
+  "__STabPanelItem": "___STabPanelItem_2xztg_gg_",
+  "_keyboardFocused": "__keyboardFocused_2xztg_gg_",
+  "__SText": "___SText_2xztg_gg_",
+  "__SAddon": "___SAddon_2xztg_gg_",
+  "__STabPanel": "___STabPanel_2xztg_gg_",
+  "_disabled": "__disabled_2xztg_gg_",
+  "_selected": "__selected_2xztg_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {

package/tag/lib/cjs/Tag.js

@@ -13,6 +13,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
@@ -26,26 +27,26 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _assignProps6 = require("intergalactic/utils/lib/assignProps");
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_1tfsw_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1tfsw)}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_:has(.___SText_1tfsw_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1tfsw_gg_::after,.___STag_1tfsw_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1tfsw_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1tfsw);opacity:.2}.___STag_1tfsw_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1tfsw);opacity:.1}.___STag_1tfsw_gg_:active,.___STag_1tfsw_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1tfsw_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_.__keyboardFocused_1tfsw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_.__keyboardFocused_1tfsw_gg_:has(:focus){box-shadow:none}.___STag_1tfsw_gg_.__disabled_1tfsw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_{cursor:pointer}.___STag_1tfsw_gg_._size_m_1tfsw_gg_{height:20px;min-width:20px}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SCircle_1tfsw_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SCircle_1tfsw_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1tfsw_gg_._size_l_1tfsw_gg_{height:28px;min-width:28px}.___STag_1tfsw_gg_._size_l_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1tfsw_gg_._size_xl_1tfsw_gg_{height:40px;min-width:40px}.___STag_1tfsw_gg_._size_xl_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_:after{display:none}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__interactive_1tfsw_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before{opacity:.3}}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_::before{opacity:.01}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__interactive_1tfsw_gg_:active:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__interactive_1tfsw_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before{opacity:.1}}.___SClose_1tfsw_gg_ path,.___STag_1tfsw_gg_._theme_additional-invert_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_secondary-invert_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_::after{opacity:.5}.___STag_1tfsw_gg_._theme_primary-invert_1tfsw_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1tfsw_gg_._theme_additional-invert_1tfsw_gg_,.___STag_1tfsw_gg_._theme_primary-invert_1tfsw_gg_,.___STag_1tfsw_gg_._theme_secondary-invert_1tfsw_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::after{border-style:dashed}.___SText_1tfsw_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_ .___SText_1tfsw_gg_.__keyboardFocused_1tfsw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1tfsw_gg_:not(:only-child):first-child{padding-right:0}.___SText_1tfsw_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1tfsw_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1tfsw_gg_,.___SCircle_1tfsw_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1tfsw_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1tfsw_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1tfsw_gg_:first-child{margin-left:0}.___SCircle_1tfsw_gg_:last-child{margin-right:0}.___SCircle_1tfsw_gg_._size_m_1tfsw_gg_{width:16px;height:16px}.___SCircle_1tfsw_gg_._size_l_1tfsw_gg_,.___SCircle_1tfsw_gg_._size_xl_1tfsw_gg_{width:20px;height:20px}.___SClose_1tfsw_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_1tfsw_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1tfsw_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_1tfsw_gg_",
-  "_interactive": "__interactive_1tfsw_gg_",
-  "_keyboardFocused": "__keyboardFocused_1tfsw_gg_",
-  "_disabled": "__disabled_1tfsw_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1tfsw_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1tfsw_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1tfsw_gg_",
-  "__SText": "___SText_1tfsw_gg_",
-  "__SAddon": "___SAddon_1tfsw_gg_",
-  "__SCircle": "___SCircle_1tfsw_gg_",
-  "_size_m": "_size_m_1tfsw_gg_",
-  "_size_l": "_size_l_1tfsw_gg_",
-  "_size_xl": "_size_xl_1tfsw_gg_",
-  "--tag-color": "--tag-color_1tfsw",
-  "_theme_primary": "_theme_primary_1tfsw_gg_",
-  "_active": "__active_1tfsw_gg_",
-  "_theme_secondary": "_theme_secondary_1tfsw_gg_",
-  "_theme_additional": "_theme_additional_1tfsw_gg_",
-  "__SClose": "___SClose_1tfsw_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STag_12ms8_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_12ms8)}.___STag_12ms8_gg_.__interactive_12ms8_gg_:has(.___SText_12ms8_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_12ms8_gg_::after,.___STag_12ms8_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_12ms8_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_12ms8);opacity:.2}.___STag_12ms8_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_12ms8);opacity:.1}.___STag_12ms8_gg_:active,.___STag_12ms8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_12ms8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_12ms8_gg_.__interactive_12ms8_gg_.__keyboardFocused_12ms8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_12ms8_gg_.__interactive_12ms8_gg_.__keyboardFocused_12ms8_gg_:has(:focus){box-shadow:none}.___STag_12ms8_gg_.__disabled_12ms8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_12ms8_gg_.__interactive_12ms8_gg_{cursor:pointer}.___STag_12ms8_gg_._size_m_12ms8_gg_{height:20px;min-width:20px}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SCircle_12ms8_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SCircle_12ms8_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_12ms8_gg_._size_l_12ms8_gg_{height:28px;min-width:28px}.___STag_12ms8_gg_._size_l_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_12ms8_gg_._size_xl_12ms8_gg_{height:40px;min-width:40px}.___STag_12ms8_gg_._size_xl_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_12ms8_gg_._theme_primary_12ms8_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_12ms8_gg_._theme_primary_12ms8_gg_:after{display:none}.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__interactive_12ms8_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__interactive_12ms8_gg_:hover:before{opacity:.3}}.___STag_12ms8_gg_._theme_additional_12ms8_gg_::before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_::before{opacity:.01}.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__interactive_12ms8_gg_:active:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__interactive_12ms8_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__interactive_12ms8_gg_:hover:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__interactive_12ms8_gg_:hover:before{opacity:.1}}.___SClose_12ms8_gg_ path,.___STag_12ms8_gg_._theme_additional-invert_12ms8_gg_::after,.___STag_12ms8_gg_._theme_additional_12ms8_gg_::after,.___STag_12ms8_gg_._theme_secondary-invert_12ms8_gg_::after,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_::after{opacity:.5}.___STag_12ms8_gg_._theme_primary-invert_12ms8_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_12ms8_gg_._theme_additional-invert_12ms8_gg_,.___STag_12ms8_gg_._theme_primary-invert_12ms8_gg_,.___STag_12ms8_gg_._theme_secondary-invert_12ms8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_12ms8_gg_._theme_additional_12ms8_gg_::after{border-style:dashed}.___SText_12ms8_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___STag_12ms8_gg_.__interactive_12ms8_gg_ .___SText_12ms8_gg_.__keyboardFocused_12ms8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_12ms8_gg_:not(:only-child):first-child{padding-right:0}.___SText_12ms8_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_12ms8_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_12ms8_gg_,.___SCircle_12ms8_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_12ms8_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_12ms8_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_12ms8_gg_:first-child{margin-left:0}.___SCircle_12ms8_gg_:last-child{margin-right:0}.___SCircle_12ms8_gg_._size_m_12ms8_gg_{width:16px;height:16px}.___SCircle_12ms8_gg_._size_l_12ms8_gg_,.___SCircle_12ms8_gg_._size_xl_12ms8_gg_{width:20px;height:20px}.___SClose_12ms8_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_12ms8_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "12ms8_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_12ms8_gg_",
+  "_interactive": "__interactive_12ms8_gg_",
+  "_keyboardFocused": "__keyboardFocused_12ms8_gg_",
+  "_disabled": "__disabled_12ms8_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_12ms8_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_12ms8_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_12ms8_gg_",
+  "__SText": "___SText_12ms8_gg_",
+  "__SAddon": "___SAddon_12ms8_gg_",
+  "__SCircle": "___SCircle_12ms8_gg_",
+  "_size_m": "_size_m_12ms8_gg_",
+  "_size_l": "_size_l_12ms8_gg_",
+  "_size_xl": "_size_xl_12ms8_gg_",
+  "--tag-color": "--tag-color_12ms8",
+  "_theme_primary": "_theme_primary_12ms8_gg_",
+  "_active": "__active_12ms8_gg_",
+  "_theme_secondary": "_theme_secondary_12ms8_gg_",
+  "_theme_additional": "_theme_additional_12ms8_gg_",
+  "__SClose": "___SClose_12ms8_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {

package/tag/lib/cjs/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","createElement","cn","_objectSpread2","assignProps","undefined","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","enhance","Close","_ref3","_ref8","SClose","React","useEffect","_props$onMount","_props$onUnmount","onKeyDown","useCallback","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n  primary: {\n    muted: 'gray-500',\n    info: 'blue-500',\n    success: 'green-500',\n    warning: 'orange-500',\n    danger: 'red-500',\n  },\n  secondary: {\n    muted: 'gray-50',\n  },\n};\n\nclass RootTag extends Component {\n  static displayName = 'Tag';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    resolveColorEnhance(),\n    keyboardFocusEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  state = {\n    focusable: 'container',\n  };\n\n  constructor(props) {\n    super(props);\n\n    logger.warn(\n      props.use,\n      `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n        legacyThemeRecommendedMigration[props.use]?.[props.theme]\n      }'\"`,\n      props['data-ui-name'] || Tag.displayName,\n    );\n  }\n\n  getCircleProps() {\n    const { size } = this.asProps;\n    return { size };\n  }\n\n  getTextProps() {\n    const { interactive } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n    const { focusable } = this.state;\n\n    return {\n      tabIndex: focusable === 'text' && interactive ? 0 : -1,\n      id: `${id}-text`,\n    };\n  }\n  handleCloseMount = () => {\n    this.setState({ focusable: 'text' });\n  };\n  handleCloseUnmount = () => {\n    this.setState({ focusable: 'container' });\n  };\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n    return {\n      getI18nText,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      'aria-hidden': 'true',\n      onMount: this.handleCloseMount,\n      onUnmount: this.handleCloseUnmount,\n    };\n  }\n\n  handleKeyDown = (event) => {\n    switch (event.key) {\n      case ' ':\n      case 'Enter':\n        if (this.asProps.onClick) {\n          event.preventDefault();\n          this.asProps.onClick(event);\n        }\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      id: outerId,\n      uid,\n    } = this.asProps;\n    const { focusable } = this.state;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={!disabled && interactive}\n        role={interactive ? 'button' : undefined}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n        use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n      >\n        {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n        {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n      </STag>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    props.onMount?.();\n    return () => props.onUnmount?.();\n  }, []);\n\n  const onKeyDown = React.useCallback(\n    (event) => {\n      if (props.onKeyDown) {\n        return props.onKeyDown(event);\n      }\n\n      if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onClick(event);\n      }\n    },\n    [props.onKeyDown, props.onClick],\n  );\n\n  return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n  const SCircle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n  Text,\n  Addon,\n  Close,\n  Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
+{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_assignProps6","style","_index","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","createElement","cn","_objectSpread2","assignProps","undefined","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","enhance","Close","_ref3","_ref8","SClose","React","useEffect","_props$onMount","_props$onUnmount","onKeyDown","useCallback","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n  primary: {\n    muted: 'gray-500',\n    info: 'blue-500',\n    success: 'green-500',\n    warning: 'orange-500',\n    danger: 'red-500',\n  },\n  secondary: {\n    muted: 'gray-50',\n  },\n};\n\nclass RootTag extends Component {\n  static displayName = 'Tag';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    resolveColorEnhance(),\n    keyboardFocusEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  state = {\n    focusable: 'container',\n  };\n\n  constructor(props) {\n    super(props);\n\n    logger.warn(\n      props.use,\n      `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n        legacyThemeRecommendedMigration[props.use]?.[props.theme]\n      }'\"`,\n      props['data-ui-name'] || Tag.displayName,\n    );\n  }\n\n  getCircleProps() {\n    const { size } = this.asProps;\n    return { size };\n  }\n\n  getTextProps() {\n    const { interactive } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n    const { focusable } = this.state;\n\n    return {\n      tabIndex: focusable === 'text' && interactive ? 0 : -1,\n      id: `${id}-text`,\n    };\n  }\n  handleCloseMount = () => {\n    this.setState({ focusable: 'text' });\n  };\n  handleCloseUnmount = () => {\n    this.setState({ focusable: 'container' });\n  };\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n    return {\n      getI18nText,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      'aria-hidden': 'true',\n      onMount: this.handleCloseMount,\n      onUnmount: this.handleCloseUnmount,\n    };\n  }\n\n  handleKeyDown = (event) => {\n    switch (event.key) {\n      case ' ':\n      case 'Enter':\n        if (this.asProps.onClick) {\n          event.preventDefault();\n          this.asProps.onClick(event);\n        }\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      id: outerId,\n      uid,\n    } = this.asProps;\n    const { focusable } = this.state;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={!disabled && interactive}\n        role={interactive ? 'button' : undefined}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n        use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n      >\n        {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n        {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n      </STag>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    props.onMount?.();\n    return () => props.onUnmount?.();\n  }, []);\n\n  const onKeyDown = React.useCallback(\n    (event) => {\n      if (props.onKeyDown) {\n        return props.onKeyDown(event);\n      }\n\n      if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onClick(event);\n      }\n    },\n    [props.onKeyDown, props.onClick],\n  );\n\n  return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n  const SCircle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n  Text,\n  Addon,\n  Close,\n  Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}

package/tag/lib/es6/Tag.js

@@ -5,7 +5,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps5 } from 'intergalactic/core';
 import { assignProps as _assignProps4 } from 'intergalactic/core';
 import { assignProps as _assignProps3 } from 'intergalactic/core';
@@ -23,26 +23,26 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_1tfsw_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1tfsw)}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_:has(.___SText_1tfsw_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1tfsw_gg_::after,.___STag_1tfsw_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1tfsw_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1tfsw);opacity:.2}.___STag_1tfsw_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1tfsw);opacity:.1}.___STag_1tfsw_gg_:active,.___STag_1tfsw_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1tfsw_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_.__keyboardFocused_1tfsw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_.__keyboardFocused_1tfsw_gg_:has(:focus){box-shadow:none}.___STag_1tfsw_gg_.__disabled_1tfsw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_{cursor:pointer}.___STag_1tfsw_gg_._size_m_1tfsw_gg_{height:20px;min-width:20px}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SCircle_1tfsw_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SCircle_1tfsw_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1tfsw_gg_._size_l_1tfsw_gg_{height:28px;min-width:28px}.___STag_1tfsw_gg_._size_l_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1tfsw_gg_._size_xl_1tfsw_gg_{height:40px;min-width:40px}.___STag_1tfsw_gg_._size_xl_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_:after{display:none}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__interactive_1tfsw_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before{opacity:.3}}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_::before{opacity:.01}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__interactive_1tfsw_gg_:active:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__interactive_1tfsw_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before{opacity:.1}}.___SClose_1tfsw_gg_ path,.___STag_1tfsw_gg_._theme_additional-invert_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_secondary-invert_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_::after{opacity:.5}.___STag_1tfsw_gg_._theme_primary-invert_1tfsw_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1tfsw_gg_._theme_additional-invert_1tfsw_gg_,.___STag_1tfsw_gg_._theme_primary-invert_1tfsw_gg_,.___STag_1tfsw_gg_._theme_secondary-invert_1tfsw_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::after{border-style:dashed}.___SText_1tfsw_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_ .___SText_1tfsw_gg_.__keyboardFocused_1tfsw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1tfsw_gg_:not(:only-child):first-child{padding-right:0}.___SText_1tfsw_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1tfsw_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1tfsw_gg_,.___SCircle_1tfsw_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1tfsw_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1tfsw_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1tfsw_gg_:first-child{margin-left:0}.___SCircle_1tfsw_gg_:last-child{margin-right:0}.___SCircle_1tfsw_gg_._size_m_1tfsw_gg_{width:16px;height:16px}.___SCircle_1tfsw_gg_._size_l_1tfsw_gg_,.___SCircle_1tfsw_gg_._size_xl_1tfsw_gg_{width:20px;height:20px}.___SClose_1tfsw_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_1tfsw_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1tfsw_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_1tfsw_gg_",
-  "_interactive": "__interactive_1tfsw_gg_",
-  "_keyboardFocused": "__keyboardFocused_1tfsw_gg_",
-  "_disabled": "__disabled_1tfsw_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1tfsw_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1tfsw_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1tfsw_gg_",
-  "__SText": "___SText_1tfsw_gg_",
-  "__SAddon": "___SAddon_1tfsw_gg_",
-  "__SCircle": "___SCircle_1tfsw_gg_",
-  "_size_m": "_size_m_1tfsw_gg_",
-  "_size_l": "_size_l_1tfsw_gg_",
-  "_size_xl": "_size_xl_1tfsw_gg_",
-  "--tag-color": "--tag-color_1tfsw",
-  "_theme_primary": "_theme_primary_1tfsw_gg_",
-  "_active": "__active_1tfsw_gg_",
-  "_theme_secondary": "_theme_secondary_1tfsw_gg_",
-  "_theme_additional": "_theme_additional_1tfsw_gg_",
-  "__SClose": "___SClose_1tfsw_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_12ms8_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_12ms8)}.___STag_12ms8_gg_.__interactive_12ms8_gg_:has(.___SText_12ms8_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_12ms8_gg_::after,.___STag_12ms8_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_12ms8_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_12ms8);opacity:.2}.___STag_12ms8_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_12ms8);opacity:.1}.___STag_12ms8_gg_:active,.___STag_12ms8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_12ms8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_12ms8_gg_.__interactive_12ms8_gg_.__keyboardFocused_12ms8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_12ms8_gg_.__interactive_12ms8_gg_.__keyboardFocused_12ms8_gg_:has(:focus){box-shadow:none}.___STag_12ms8_gg_.__disabled_12ms8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_12ms8_gg_.__interactive_12ms8_gg_{cursor:pointer}.___STag_12ms8_gg_._size_m_12ms8_gg_{height:20px;min-width:20px}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SCircle_12ms8_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SCircle_12ms8_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_12ms8_gg_._size_l_12ms8_gg_{height:28px;min-width:28px}.___STag_12ms8_gg_._size_l_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_12ms8_gg_._size_xl_12ms8_gg_{height:40px;min-width:40px}.___STag_12ms8_gg_._size_xl_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_12ms8_gg_._theme_primary_12ms8_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_12ms8_gg_._theme_primary_12ms8_gg_:after{display:none}.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__interactive_12ms8_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__interactive_12ms8_gg_:hover:before{opacity:.3}}.___STag_12ms8_gg_._theme_additional_12ms8_gg_::before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_::before{opacity:.01}.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__interactive_12ms8_gg_:active:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__interactive_12ms8_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__interactive_12ms8_gg_:hover:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__interactive_12ms8_gg_:hover:before{opacity:.1}}.___SClose_12ms8_gg_ path,.___STag_12ms8_gg_._theme_additional-invert_12ms8_gg_::after,.___STag_12ms8_gg_._theme_additional_12ms8_gg_::after,.___STag_12ms8_gg_._theme_secondary-invert_12ms8_gg_::after,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_::after{opacity:.5}.___STag_12ms8_gg_._theme_primary-invert_12ms8_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_12ms8_gg_._theme_additional-invert_12ms8_gg_,.___STag_12ms8_gg_._theme_primary-invert_12ms8_gg_,.___STag_12ms8_gg_._theme_secondary-invert_12ms8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_12ms8_gg_._theme_additional_12ms8_gg_::after{border-style:dashed}.___SText_12ms8_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___STag_12ms8_gg_.__interactive_12ms8_gg_ .___SText_12ms8_gg_.__keyboardFocused_12ms8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_12ms8_gg_:not(:only-child):first-child{padding-right:0}.___SText_12ms8_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_12ms8_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_12ms8_gg_,.___SCircle_12ms8_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_12ms8_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_12ms8_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_12ms8_gg_:first-child{margin-left:0}.___SCircle_12ms8_gg_:last-child{margin-right:0}.___SCircle_12ms8_gg_._size_m_12ms8_gg_{width:16px;height:16px}.___SCircle_12ms8_gg_._size_l_12ms8_gg_,.___SCircle_12ms8_gg_._size_xl_12ms8_gg_{width:20px;height:20px}.___SClose_12ms8_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_12ms8_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "12ms8_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_12ms8_gg_",
+  "_interactive": "__interactive_12ms8_gg_",
+  "_keyboardFocused": "__keyboardFocused_12ms8_gg_",
+  "_disabled": "__disabled_12ms8_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_12ms8_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_12ms8_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_12ms8_gg_",
+  "__SText": "___SText_12ms8_gg_",
+  "__SAddon": "___SAddon_12ms8_gg_",
+  "__SCircle": "___SCircle_12ms8_gg_",
+  "_size_m": "_size_m_12ms8_gg_",
+  "_size_l": "_size_l_12ms8_gg_",
+  "_size_xl": "_size_xl_12ms8_gg_",
+  "--tag-color": "--tag-color_12ms8",
+  "_theme_primary": "_theme_primary_12ms8_gg_",
+  "_active": "__active_12ms8_gg_",
+  "_theme_secondary": "_theme_secondary_12ms8_gg_",
+  "_theme_additional": "_theme_additional_12ms8_gg_",
+  "__SClose": "___SClose_12ms8_gg_"
 });
 import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 var legacyThemeRecommendedMigration = {

package/textarea/lib/cjs/Textarea.js

@@ -13,6 +13,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
@@ -21,14 +22,14 @@ var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseD
 var _cssToIntDefault = _interopRequireDefault(require("intergalactic/utils/lib/cssToIntDefault"));
 var _rafTrottle = _interopRequireDefault(require("intergalactic/utils/lib/rafTrottle"));
 /*__reshadow-styles__:"./style/textarea.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STextarea_1f1f8_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_1f1f8);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_1f1f8_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1f1f8_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1f1f8_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_1f1f8_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1f1f8_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1f1f8_gg_._size_m_1f1f8_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_1f1f8_gg_._size_l_1f1f8_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_1f1f8_gg_._state_normal_1f1f8_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_1f1f8_gg_._state_valid_1f1f8_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_1f1f8_gg_._state_valid_1f1f8_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_1f1f8_gg_._state_invalid_1f1f8_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_1f1f8_gg_._state_invalid_1f1f8_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1f1f8_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_1f1f8_gg_",
-  "_size_m": "_size_m_1f1f8_gg_",
-  "_size_l": "_size_l_1f1f8_gg_",
-  "--resize": "--resize_1f1f8",
-  "_state_normal": "_state_normal_1f1f8_gg_",
-  "_state_valid": "_state_valid_1f1f8_gg_",
-  "_state_invalid": "_state_invalid_1f1f8_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STextarea_h1q5f_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_h1q5f);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_h1q5f_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_h1q5f_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_h1q5f_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_h1q5f_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_h1q5f_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_h1q5f_gg_._size_m_h1q5f_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_h1q5f_gg_._size_l_h1q5f_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_h1q5f_gg_._state_normal_h1q5f_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_h1q5f_gg_._state_valid_h1q5f_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_h1q5f_gg_._state_valid_h1q5f_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_h1q5f_gg_._state_invalid_h1q5f_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_h1q5f_gg_._state_invalid_h1q5f_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "h1q5f_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_h1q5f_gg_",
+  "_size_m": "_size_m_h1q5f_gg_",
+  "_size_l": "_size_l_h1q5f_gg_",
+  "--resize": "--resize_h1q5f",
+  "_state_normal": "_state_normal_h1q5f_gg_",
+  "_state_valid": "_state_valid_h1q5f_gg_",
+  "_state_invalid": "_state_invalid_h1q5f_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Textarea, _Component);

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","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

@@ -5,7 +5,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import { Box } from 'intergalactic/flex-box';
@@ -15,14 +15,14 @@ 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_1f1f8_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_1f1f8);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_1f1f8_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1f1f8_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1f1f8_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_1f1f8_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1f1f8_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1f1f8_gg_._size_m_1f1f8_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_1f1f8_gg_._size_l_1f1f8_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_1f1f8_gg_._state_normal_1f1f8_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_1f1f8_gg_._state_valid_1f1f8_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_1f1f8_gg_._state_valid_1f1f8_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_1f1f8_gg_._state_invalid_1f1f8_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_1f1f8_gg_._state_invalid_1f1f8_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1f1f8_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_1f1f8_gg_",
-  "_size_m": "_size_m_1f1f8_gg_",
-  "_size_l": "_size_l_1f1f8_gg_",
-  "--resize": "--resize_1f1f8",
-  "_state_normal": "_state_normal_1f1f8_gg_",
-  "_state_valid": "_state_valid_1f1f8_gg_",
-  "_state_invalid": "_state_invalid_1f1f8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_h1q5f_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_h1q5f);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_h1q5f_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_h1q5f_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_h1q5f_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_h1q5f_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_h1q5f_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_h1q5f_gg_._size_m_h1q5f_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_h1q5f_gg_._size_l_h1q5f_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_h1q5f_gg_._state_normal_h1q5f_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_h1q5f_gg_._state_valid_h1q5f_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_h1q5f_gg_._state_valid_h1q5f_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_h1q5f_gg_._state_invalid_h1q5f_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_h1q5f_gg_._state_invalid_h1q5f_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "h1q5f_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_h1q5f_gg_",
+  "_size_m": "_size_m_h1q5f_gg_",
+  "_size_l": "_size_l_h1q5f_gg_",
+  "--resize": "--resize_h1q5f",
+  "_state_normal": "_state_normal_h1q5f_gg_",
+  "_state_valid": "_state_valid_h1q5f_gg_",
+  "_state_invalid": "_state_invalid_h1q5f_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   _inherits(Textarea, _Component);