intergalactic 15.43.0-prerelease-f89bb179 → 15.43.0-prerelease-f399822f

package/input-tags/lib/es6/InputTags.js

@@ -17,18 +17,18 @@ import ScrollArea from 'intergalactic/scroll-area';
 import Tag from 'intergalactic/tag';
 import fire from 'intergalactic/utils/lib/fire';
 /*__reshadow-styles__:"./style/input-tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputTags_a71dg_gg_{box-sizing:border-box;cursor:text;align-items:flex-start;overflow:visible;overflow:initial}.___SInputTags_a71dg_gg_ .___SContainer_a71dg_gg_:focus .___SOutline_a71dg_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInputTags_a71dg_gg_ .___SContainer_a71dg_gg_:focus:has(.___SOutline_a71dg_gg_)::after{box-shadow:none}.___SContainer_a71dg_gg_{padding:1px 0;box-sizing:border-box;border-bottom:1px solid transparent;border-top:1px solid transparent}.___SInputTags_a71dg_gg_>div>div{display:flex;align-items:center;flex-flow:row wrap}.___SInputTags_a71dg_gg_>div[data-ui-name=\"ScrollArea.Bar\"]._orientation_vertical_a71dg_gg_{right:1px!important}.___SInputTags_a71dg_gg_._size_m_a71dg_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:auto;padding:0 calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SInputTags_a71dg_gg_._size_l_a71dg_gg_{min-height:var(--intergalactic-form-control-l, 40px);height:auto;padding:0 calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px))}.___STag_a71dg_gg_._size_m_a71dg_gg_{margin:var(--intergalactic-spacing-05x, 2px)}.___STag_a71dg_gg_._size_l_a71dg_gg_{margin:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-05x, 2px)}.___STag_a71dg_gg_.__editable_a71dg_gg_{cursor:pointer}.___SInputTags_a71dg_gg_._size_m_a71dg_gg_ .___SValue_a71dg_gg_{height:calc(var(--intergalactic-form-control-m, 28px) - var(--intergalactic-spacing-1x, 4px))}.___SInputTags_a71dg_gg_._size_l_a71dg_gg_ .___SValue_a71dg_gg_{height:calc(var(--intergalactic-form-control-l, 40px) - var(--intergalactic-spacing-1x, 4px))}.___SValue_a71dg_gg_{padding:0!important;margin-left:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-05x, 2px)}.___SSpacer_a71dg_gg_{position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;text-transform:inherit}.___SListAriaWrapper_a71dg_gg_{display:contents}" /*__inner_css_end__*/, "a71dg_gg_") /*__reshadow_css_end__*/, {
-  "__SInputTags": "___SInputTags_a71dg_gg_",
-  "__SContainer": "___SContainer_a71dg_gg_",
-  "__SOutline": "___SOutline_a71dg_gg_",
-  "_orientation_vertical": "_orientation_vertical_a71dg_gg_",
-  "_size_m": "_size_m_a71dg_gg_",
-  "_size_l": "_size_l_a71dg_gg_",
-  "__STag": "___STag_a71dg_gg_",
-  "_editable": "__editable_a71dg_gg_",
-  "__SValue": "___SValue_a71dg_gg_",
-  "__SSpacer": "___SSpacer_a71dg_gg_",
-  "__SListAriaWrapper": "___SListAriaWrapper_a71dg_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputTags_dntjx_gg_{box-sizing:border-box;cursor:text;align-items:flex-start;overflow:visible;overflow:initial}.___SInputTags_dntjx_gg_ .___SContainer_dntjx_gg_:focus .___SOutline_dntjx_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInputTags_dntjx_gg_ .___SContainer_dntjx_gg_:focus:has(.___SOutline_dntjx_gg_)::after{box-shadow:none}.___SContainer_dntjx_gg_{padding:1px 0;box-sizing:border-box;border-bottom:1px solid transparent;border-top:1px solid transparent}.___SInputTags_dntjx_gg_>div>div{display:flex;align-items:center;flex-flow:row wrap}.___SInputTags_dntjx_gg_>div[data-ui-name=\"ScrollArea.Bar\"]._orientation_vertical_dntjx_gg_{right:1px!important}.___SInputTags_dntjx_gg_._size_m_dntjx_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:auto;padding:0 calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SInputTags_dntjx_gg_._size_l_dntjx_gg_{min-height:var(--intergalactic-form-control-l, 40px);height:auto;padding:var(--intergalactic-spacing-05x, 2px) calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px))}.___STag_dntjx_gg_{margin:var(--intergalactic-spacing-05x, 2px)}.___STag_dntjx_gg_.__editable_dntjx_gg_{cursor:pointer}.___SInputTags_dntjx_gg_._size_m_dntjx_gg_ .___SValue_dntjx_gg_{height:calc(var(--intergalactic-form-control-m, 28px) - var(--intergalactic-spacing-1x, 4px))}.___SInputTags_dntjx_gg_._size_l_dntjx_gg_ .___SValue_dntjx_gg_{height:calc(var(--intergalactic-form-control-l, 40px) - var(--intergalactic-spacing-1x, 4px))}.___SValue_dntjx_gg_{padding:0!important;margin-left:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-05x, 2px)}.___SSpacer_dntjx_gg_{position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;text-transform:inherit}.___SListAriaWrapper_dntjx_gg_{display:contents}" /*__inner_css_end__*/, "dntjx_gg_") /*__reshadow_css_end__*/, {
+  "__SInputTags": "___SInputTags_dntjx_gg_",
+  "__SContainer": "___SContainer_dntjx_gg_",
+  "__SOutline": "___SOutline_dntjx_gg_",
+  "_orientation_vertical": "_orientation_vertical_dntjx_gg_",
+  "_size_m": "_size_m_dntjx_gg_",
+  "_size_l": "_size_l_dntjx_gg_",
+  "__STag": "___STag_dntjx_gg_",
+  "_editable": "__editable_dntjx_gg_",
+  "__SValue": "___SValue_dntjx_gg_",
+  "__SSpacer": "___SSpacer_dntjx_gg_",
+  "__SListAriaWrapper": "___SListAriaWrapper_dntjx_gg_"
 });
 /** @deprecated */
 var InputTags = /*#__PURE__*/function (_Component) {
@@ -41,9 +41,11 @@ var InputTags = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "_input", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "setFocusInput", function (event) {
-      var inputRef = _this._input.current;
+    _defineProperty(_assertThisInitialized(_this), "inputRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "scrollContainerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "tagsRefs", []);
+    _defineProperty(_assertThisInitialized(_this), "moveFocusToInput", function (event) {
+      var inputRef = _this.inputRef.current;
       if (inputRef && event.target !== inputRef) {
         var caretPosition = inputRef.value.length;
         event.preventDefault();
@@ -59,15 +61,15 @@ var InputTags = /*#__PURE__*/function (_Component) {
       var lastSymbol = value.slice(-1);
       var trimmedValue = value.trim();
       if ((delimiters !== null && delimiters !== void 0 && delimiters.includes(key) || lastSymbol === ' ' && key === ' ') && trimmedValue) {
-        var _this$_input$current;
+        var _this$inputRef$curren;
         event.preventDefault();
         fire(_assertThisInitialized(_this), 'onAdd', trimmedValue, event);
         fire(_assertThisInitialized(_this), 'onAppend', [trimmedValue], event);
-        if (typeof ((_this$_input$current = _this._input.current) === null || _this$_input$current === void 0 ? void 0 : _this$_input$current.scrollIntoView) === 'function') {
+        if (typeof ((_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.scrollIntoView) === 'function') {
           setTimeout(function () {
-            var _this$_input$current2;
-            if (typeof ((_this$_input$current2 = _this._input.current) === null || _this$_input$current2 === void 0 ? void 0 : _this$_input$current2.scrollIntoView) === 'function') {
-              _this._input.current.scrollIntoView({
+            var _this$inputRef$curren2;
+            if (typeof ((_this$inputRef$curren2 = _this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.scrollIntoView) === 'function') {
+              _this.inputRef.current.scrollIntoView({
                 block: 'nearest',
                 inline: 'nearest',
                 behavior: 'smooth'
@@ -82,7 +84,7 @@ var InputTags = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handlePaste", function (event) {
-      var _this$_input$current3;
+      var _this$inputRef$curren3;
       var value = event.clipboardData.getData('text/plain');
       var _this$asProps = _this.asProps,
         delimiters = _this$asProps.delimiters,
@@ -110,11 +112,11 @@ var InputTags = /*#__PURE__*/function (_Component) {
         }
         onAppend === null || onAppend === void 0 ? void 0 : onAppend(tagsToBeAdded, event);
       }
-      if (typeof ((_this$_input$current3 = _this._input.current) === null || _this$_input$current3 === void 0 ? void 0 : _this$_input$current3.scrollIntoView) === 'function') {
+      if (typeof ((_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.scrollIntoView) === 'function') {
         setTimeout(function () {
-          var _this$_input$current4;
-          if (typeof ((_this$_input$current4 = _this._input.current) === null || _this$_input$current4 === void 0 ? void 0 : _this$_input$current4.scrollIntoView) === 'function') {
-            _this._input.current.scrollIntoView({
+          var _this$inputRef$curren4;
+          if (typeof ((_this$inputRef$curren4 = _this.inputRef.current) === null || _this$inputRef$curren4 === void 0 ? void 0 : _this$inputRef$curren4.scrollIntoView) === 'function') {
+            _this.inputRef.current.scrollIntoView({
               block: 'nearest',
               inline: 'nearest',
               behavior: 'smooth'
@@ -129,24 +131,36 @@ var InputTags = /*#__PURE__*/function (_Component) {
         fire(_assertThisInitialized(_this), 'onRemove', event);
       };
     });
+    _defineProperty(_assertThisInitialized(_this), "handleContainerFocus", function (event) {
+      var target = event.target;
+      var container = _this.scrollContainerRef.current;
+      if (!container || target !== container) return;
+      var hasTags = _this.tagsRefs.some(Boolean);
+      if (hasTags) return;
+      _this.moveFocusToInput(event);
+    });
     return _this;
   }
   _createClass(InputTags, [{
     key: "getValueProps",
     value: function getValueProps() {
       return {
-        ref: this._input,
+        ref: this.inputRef,
         onKeyDown: this.handleKeyDown,
         onPaste: this.handlePaste
       };
     }
   }, {
     key: "getTagProps",
-    value: function getTagProps(_ref7) {
+    value: function getTagProps(_ref7, index) {
+      var _this2 = this;
       var editable = _ref7.editable;
       return {
         size: this.asProps.size,
-        onClick: this.bindHandlerTagClick(editable)
+        onClick: this.bindHandlerTagClick(editable),
+        ref: function ref(node) {
+          _this2.tagsRefs[index] = node;
+        }
       };
     }
   }, {
@@ -161,7 +175,9 @@ var InputTags = /*#__PURE__*/function (_Component) {
       var SListAriaWrapper = 'div';
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SInputTags, _ref4.cn("SInputTags", _objectSpread({}, _assignProps({
         "tag": ScrollArea,
-        "onMouseDown": this.setFocusInput
+        "onMouseDown": this.moveFocusToInput,
+        "onFocus": this.handleContainerFocus,
+        "container": this.scrollContainerRef
       }, _ref))), /*#__PURE__*/React.createElement(SListAriaWrapper, _ref4.cn("SListAriaWrapper", {
         "role": 'list'
       }), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))));
@@ -180,23 +196,23 @@ var Value = /*#__PURE__*/function (_Component2) {
   _inherits(Value, _Component2);
   var _super2 = _createSuper(Value);
   function Value() {
-    var _this2;
+    var _this3;
     _classCallCheck(this, Value);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this2), "_spacer", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this2), "state", {
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this3), "_spacer", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this3), "state", {
       width: '10px'
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleChange", function (value) {
-      _this2.updateInputStyles(value);
+    _defineProperty(_assertThisInitialized(_this3), "handleChange", function (value) {
+      _this3.updateInputStyles(value);
     });
-    _defineProperty(_assertThisInitialized(_this2), "updateInputStyles", function (value) {
-      var spacerNode = _this2._spacer.current;
+    _defineProperty(_assertThisInitialized(_this3), "updateInputStyles", function (value) {
+      var spacerNode = _this3._spacer.current;
       if (!spacerNode) return;
-      var placeholder = _this2.props.placeholder;
+      var placeholder = _this3.props.placeholder;
       /* for display cursor */
       var magicOffset = 2;
       if (placeholder && (value === undefined || value === '')) {
@@ -209,11 +225,11 @@ var Value = /*#__PURE__*/function (_Component2) {
       } else {
         spacerNode['innerText'] = value;
       }
-      _this2.setState({
+      _this3.setState({
         width: "".concat(Math.max(spacerNode['offsetWidth'], spacerNode['scrollWidth']) + magicOffset, "px")
       });
     });
-    return _this2;
+    return _this3;
   }
   _createClass(Value, [{
     key: "componentDidMount",
@@ -240,8 +256,7 @@ var Value = /*#__PURE__*/function (_Component2) {
       return _ref5 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SValue, _ref5.cn("SValue", _objectSpread({}, _assignProps2({
         "style": {
           width: this.state.width
-        },
-        "role": 'listitem'
+        }
       }, _ref2)))), /*#__PURE__*/React.createElement(SSpacer, _ref5.cn("SSpacer", {
         "ref": this._spacer,
         "role": 'none'

package/input-tags/lib/es6/InputTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputTags.js","names":["React","createComponent","Component","sstyled","Root","Input","ScrollArea","Tag","fire","style","_sstyled","insert","InputTags","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","event","inputRef","_input","current","target","caretPosition","value","preventDefault","focus","setSelectionRange","key","currentTarget","delimiters","asProps","lastSymbol","slice","trimmedValue","trim","includes","_this$_input$current","scrollIntoView","setTimeout","_this$_input$current2","block","inline","behavior","_this$_input$current3","clipboardData","getData","_this$asProps","onAdd","onAppend","reg","RegExp","filter","s","test","String","map","replace","join","tagsToBeAdded","split","Boolean","_iterator","_createForOfIteratorHelper","_step","n","done","tag","err","e","f","_this$_input$current4","editable","_createClass","getValueProps","ref","onKeyDown","handleKeyDown","onPaste","handlePaste","getTagProps","_ref7","size","onClick","bindHandlerTagClick","render","_ref","_ref4","SInputTags","_this$asProps2","Children","styles","SListAriaWrapper","createElement","cn","_objectSpread","_assignProps","setFocusInput","defaultValue","Value","_Component2","_super2","_this2","_len2","_key2","width","updateInputStyles","spacerNode","_spacer","placeholder","props","magicOffset","undefined","setState","Math","max","componentDidMount","componentDidUpdate","prevProps","_this$asProps3","_ref2","_ref5","SValue","SSpacer","Fragment","_assignProps2","state","InputTag","_ref3","arguments[0]","_ref6","STag","_props$onClick","_assignProps3","Text","Close","Addon","Circle"],"sources":["../../src/InputTags.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  PropGetterFn,\n  UnknownProperties,\n  Intergalactic,\n} from '@semcore/core';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport ScrollArea, { ScrollAreaProps } from '@semcore/scroll-area';\nimport Tag, { TagProps } from '@semcore/tag';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/input-tag.shadow.css';\n\n/** @deprecated */\nexport interface IInputTagsValueProps extends InputTagsValueProps, UnknownProperties {}\nexport type InputTagsValueProps = InputValueProps & {};\n\nexport type InputTagsSize = 'l' | 'm';\n\n/** @deprecated */\nexport interface IInputTagsProps extends InputTagsProps, UnknownProperties {}\nexport type InputTagsProps = Omit<InputProps, 'size'> &\n  ScrollAreaProps & {\n    /**\n     * Component size\n     * @default m\n     */\n    size?: InputTagsSize;\n    /**\n     * Event is called when tag needs to be added\n     * @deprecated use `onAppend` instead\n     */\n    onAdd?: (value: string, event: React.KeyboardEvent | React.ClipboardEvent) => void;\n    /** Event is called when tags need to be added */\n    onAppend?: (values: string[], event: React.KeyboardEvent | React.ClipboardEvent) => void;\n    /** Event is called when tags need to be removed  */\n    onRemove?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n    /** List delimiter of tags. Don't forget to add 'Enter' and 'Tab' to hande corresponding hotkeys.\n     * @default [',', ';', '|', 'Enter', 'Tab']\n     * */\n    delimiters?: string[];\n  };\n\n/** @deprecated */\nexport interface IInputTagsTagProps extends InputTagsTagProps, UnknownProperties {}\nexport type InputTagsTagProps = TagProps & {\n  /** Property enabling the ability to remove a tag on click */\n  editable?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputTagsContext extends InputTagsContext, UnknownProperties {}\nexport type InputTagsContext = InputTagsProps & {\n  getValueProps: PropGetterFn;\n  getTagProps: PropGetterFn;\n};\n\nclass InputTags extends Component<IInputTagsProps> {\n  static displayName = 'InputTags';\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n    delimiters: [',', ';', '|', 'Enter', 'Tab'],\n    defaultValue: '',\n  };\n\n  _input = React.createRef<HTMLInputElement>();\n\n  setFocusInput = (event: React.FocusEvent) => {\n    const inputRef = this._input.current;\n    if (inputRef && event.target !== inputRef) {\n      const caretPosition = inputRef.value.length;\n      event.preventDefault();\n      inputRef.focus();\n      inputRef.setSelectionRange(caretPosition, caretPosition);\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { key, currentTarget } = event;\n    const { delimiters } = this.asProps;\n    const { value } = currentTarget;\n    const lastSymbol = value.slice(-1);\n    const trimmedValue = value.trim();\n\n    if ((delimiters?.includes(key) || (lastSymbol === ' ' && key === ' ')) && trimmedValue) {\n      event.preventDefault();\n      fire(this, 'onAdd', trimmedValue, event);\n      fire(this, 'onAppend', [trimmedValue], event);\n      if (typeof this._input.current?.scrollIntoView === 'function') {\n        setTimeout(() => {\n          if (typeof this._input.current?.scrollIntoView === 'function') {\n            this._input.current.scrollIntoView({\n              block: 'nearest',\n              inline: 'nearest',\n              behavior: 'smooth',\n            });\n          }\n        }, 0);\n      }\n    }\n\n    if (key === 'Backspace' && !value) {\n      event.preventDefault();\n      fire(this, 'onRemove', event);\n    }\n  };\n\n  handlePaste = (event: React.ClipboardEvent) => {\n    const value = event.clipboardData.getData('text/plain');\n    const { delimiters, onAdd, onAppend } = this.asProps;\n    const reg = new RegExp(\n      delimiters!\n        .filter((s) => !/\\w+/.test(String(s)))\n        .map((s) => s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'))\n        .join('|'),\n    );\n    const tagsToBeAdded = value.split(reg).filter(Boolean);\n    if (tagsToBeAdded.length > 0) {\n      event.preventDefault();\n      for (const tag of tagsToBeAdded) {\n        onAdd?.(tag, event);\n      }\n      onAppend?.(tagsToBeAdded, event);\n    }\n    if (typeof this._input.current?.scrollIntoView === 'function') {\n      setTimeout(() => {\n        if (typeof this._input.current?.scrollIntoView === 'function') {\n          this._input.current.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n            behavior: 'smooth',\n          });\n        }\n      }, 0);\n    }\n  };\n\n  bindHandlerTagClick = (editable: boolean) => (event: React.MouseEvent) => {\n    if (!editable) return;\n    fire(this, 'onRemove', event);\n  };\n\n  getValueProps() {\n    return {\n      ref: this._input,\n      onKeyDown: this.handleKeyDown,\n      onPaste: this.handlePaste,\n    };\n  }\n\n  getTagProps({ editable }: { editable: boolean }) {\n    return {\n      size: this.asProps.size,\n      onClick: this.bindHandlerTagClick(editable),\n    };\n  }\n\n  render() {\n    const SInputTags = Root;\n    const { Children, styles } = this.asProps;\n    const SListAriaWrapper = 'div';\n\n    return sstyled(styles)(\n      <SInputTags render={Input} tag={ScrollArea} onMouseDown={this.setFocusInput}>\n        <SListAriaWrapper role='list'>\n          <Children />\n        </SListAriaWrapper>\n      </SInputTags>,\n    );\n  }\n}\n\nclass Value extends Component<IInputTagsValueProps> {\n  private _spacer = React.createRef<HTMLDivElement>();\n\n  state = {\n    width: '10px',\n  };\n\n  componentDidMount() {\n    this.updateInputStyles(this.asProps.value!);\n  }\n\n  componentDidUpdate(prevProps: any) {\n    const { value, placeholder } = this.asProps;\n    if (value !== prevProps.value || placeholder !== prevProps.placeholder) {\n      this.updateInputStyles(value!);\n    }\n  }\n\n  handleChange = (value: string) => {\n    this.updateInputStyles(value);\n  };\n\n  updateInputStyles = (value: string) => {\n    const { current: spacerNode } = this._spacer;\n    if (!spacerNode) return;\n    const { placeholder } = this.props;\n    /* for display cursor */\n    let magicOffset = 2;\n    if (placeholder && (value === undefined || value === '')) {\n      // @ts-ignore\n      spacerNode['innerText'] = placeholder;\n      /* for [placeholder] {\n          text-overflow: ellipsis;\n      }*/\n      magicOffset += 8;\n    } else {\n      spacerNode['innerText'] = value;\n    }\n    this.setState({\n      width: `${Math.max(spacerNode['offsetWidth'], spacerNode['scrollWidth']) + magicOffset}px`,\n    });\n  };\n\n  render() {\n    const SValue = Root;\n    const SSpacer = 'div';\n\n    return sstyled(this.asProps.styles)(\n      <>\n        <SValue render={Input.Value} style={{ width: this.state.width }} role='listitem' />\n        <SSpacer ref={this._spacer} role='none' />\n      </>,\n    );\n  }\n}\n\nfunction InputTag(props: any) {\n  const STag = Root;\n\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      props.onClick?.(event);\n\n      return false;\n    }\n  };\n\n  return sstyled(props.styles)(\n    <STag data-value={props.value} render={Tag} role='listitem' onKeyDown={onKeyDown} />,\n  );\n}\n\nexport default createComponent(InputTags, {\n  Value,\n  Tag: [\n    InputTag,\n    {\n      Text: Tag.Text,\n      Close: Tag.Close,\n      Addon: Tag.Addon,\n      Circle: Tag.Circle,\n    },\n  ],\n}) as any as Intergalactic.Component<'div', InputTagsProps, InputTagsContext> & {\n  Value: typeof Input.Value;\n  Tag: Intergalactic.Component<'div', InputTagsTagProps> & {\n    Text: typeof Tag.Text;\n    Close: typeof Tag.Close;\n    Addon: typeof Tag.Addon;\n    Circle: typeof Tag.Circle;\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"InputTags.js","names":["React","createComponent","Component","sstyled","Root","Input","ScrollArea","Tag","fire","style","_sstyled","insert","InputTags","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","event","inputRef","current","target","caretPosition","value","preventDefault","focus","setSelectionRange","key","currentTarget","delimiters","asProps","lastSymbol","slice","trimmedValue","trim","includes","_this$inputRef$curren","scrollIntoView","setTimeout","_this$inputRef$curren2","block","inline","behavior","_this$inputRef$curren3","clipboardData","getData","_this$asProps","onAdd","onAppend","reg","RegExp","filter","s","test","String","map","replace","join","tagsToBeAdded","split","Boolean","_iterator","_createForOfIteratorHelper","_step","n","done","tag","err","e","f","_this$inputRef$curren4","editable","container","scrollContainerRef","hasTags","tagsRefs","some","moveFocusToInput","_createClass","getValueProps","ref","onKeyDown","handleKeyDown","onPaste","handlePaste","getTagProps","_ref7","index","_this2","size","onClick","bindHandlerTagClick","node","render","_ref","_ref4","SInputTags","_this$asProps2","Children","styles","SListAriaWrapper","createElement","cn","_objectSpread","_assignProps","handleContainerFocus","defaultValue","Value","_Component2","_super2","_this3","_len2","_key2","width","updateInputStyles","spacerNode","_spacer","placeholder","props","magicOffset","undefined","setState","Math","max","componentDidMount","componentDidUpdate","prevProps","_this$asProps3","_ref2","_ref5","SValue","SSpacer","Fragment","_assignProps2","state","InputTag","_ref3","arguments[0]","_ref6","STag","_props$onClick","_assignProps3","Text","Close","Addon","Circle"],"sources":["../../src/InputTags.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  PropGetterFn,\n  UnknownProperties,\n  Intergalactic,\n} from '@semcore/core';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport ScrollArea, { ScrollAreaProps } from '@semcore/scroll-area';\nimport Tag, { TagProps } from '@semcore/tag';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/input-tag.shadow.css';\n\n/** @deprecated */\nexport interface IInputTagsValueProps extends InputTagsValueProps, UnknownProperties {}\nexport type InputTagsValueProps = InputValueProps & {};\n\nexport type InputTagsSize = 'l' | 'm';\n\n/** @deprecated */\nexport interface IInputTagsProps extends InputTagsProps, UnknownProperties {}\nexport type InputTagsProps = Omit<InputProps, 'size'> &\n  ScrollAreaProps & {\n    /**\n     * Component size\n     * @default m\n     */\n    size?: InputTagsSize;\n    /**\n     * Event is called when tag needs to be added\n     * @deprecated use `onAppend` instead\n     */\n    onAdd?: (value: string, event: React.KeyboardEvent | React.ClipboardEvent) => void;\n    /** Event is called when tags need to be added */\n    onAppend?: (values: string[], event: React.KeyboardEvent | React.ClipboardEvent) => void;\n    /** Event is called when tags need to be removed  */\n    onRemove?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n    /** List delimiter of tags. Don't forget to add 'Enter' and 'Tab' to hande corresponding hotkeys.\n     * @default [',', ';', '|', 'Enter', 'Tab']\n     * */\n    delimiters?: string[];\n  };\n\n/** @deprecated */\nexport interface IInputTagsTagProps extends InputTagsTagProps, UnknownProperties {}\nexport type InputTagsTagProps = TagProps & {\n  /** Property enabling the ability to remove a tag on click */\n  editable?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputTagsContext extends InputTagsContext, UnknownProperties {}\nexport type InputTagsContext = InputTagsProps & {\n  getValueProps: PropGetterFn;\n  getTagProps: PropGetterFn;\n};\n\nclass InputTags extends Component<IInputTagsProps> {\n  static displayName = 'InputTags';\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n    delimiters: [',', ';', '|', 'Enter', 'Tab'],\n    defaultValue: '',\n  };\n\n  inputRef = React.createRef<HTMLInputElement>();\n  scrollContainerRef = React.createRef<HTMLElement>();\n  tagsRefs: (HTMLElement | null)[] = [];\n\n  moveFocusToInput = (event: React.FocusEvent) => {\n    const inputRef = this.inputRef.current;\n    if (inputRef && event.target !== inputRef) {\n      const caretPosition = inputRef.value.length;\n      event.preventDefault();\n      inputRef.focus();\n      inputRef.setSelectionRange(caretPosition, caretPosition);\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { key, currentTarget } = event;\n    const { delimiters } = this.asProps;\n    const { value } = currentTarget;\n    const lastSymbol = value.slice(-1);\n    const trimmedValue = value.trim();\n\n    if ((delimiters?.includes(key) || (lastSymbol === ' ' && key === ' ')) && trimmedValue) {\n      event.preventDefault();\n      fire(this, 'onAdd', trimmedValue, event);\n      fire(this, 'onAppend', [trimmedValue], event);\n      if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n        setTimeout(() => {\n          if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n            this.inputRef.current.scrollIntoView({\n              block: 'nearest',\n              inline: 'nearest',\n              behavior: 'smooth',\n            });\n          }\n        }, 0);\n      }\n    }\n\n    if (key === 'Backspace' && !value) {\n      event.preventDefault();\n      fire(this, 'onRemove', event);\n    }\n  };\n\n  handlePaste = (event: React.ClipboardEvent) => {\n    const value = event.clipboardData.getData('text/plain');\n    const { delimiters, onAdd, onAppend } = this.asProps;\n    const reg = new RegExp(\n      delimiters!\n        .filter((s) => !/\\w+/.test(String(s)))\n        .map((s) => s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'))\n        .join('|'),\n    );\n    const tagsToBeAdded = value.split(reg).filter(Boolean);\n    if (tagsToBeAdded.length > 0) {\n      event.preventDefault();\n      for (const tag of tagsToBeAdded) {\n        onAdd?.(tag, event);\n      }\n      onAppend?.(tagsToBeAdded, event);\n    }\n    if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n      setTimeout(() => {\n        if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n          this.inputRef.current.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n            behavior: 'smooth',\n          });\n        }\n      }, 0);\n    }\n  };\n\n  bindHandlerTagClick = (editable: boolean) => (event: React.MouseEvent) => {\n    if (!editable) return;\n    fire(this, 'onRemove', event);\n  };\n\n  handleContainerFocus = (event: React.FocusEvent) => {\n    const { target } = event;\n    const { current: container } = this.scrollContainerRef;\n    if (!container || target !== container) return;\n    const hasTags = this.tagsRefs.some(Boolean);\n    if (hasTags) return;\n    this.moveFocusToInput(event);\n  };\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onKeyDown: this.handleKeyDown,\n      onPaste: this.handlePaste,\n    };\n  }\n\n  getTagProps({ editable }: { editable: boolean }, index: number) {\n    return {\n      size: this.asProps.size,\n      onClick: this.bindHandlerTagClick(editable),\n      ref: (node: HTMLElement | null) => {\n        this.tagsRefs[index] = node;\n      },\n    };\n  }\n\n  render() {\n    const SInputTags = Root;\n    const { Children, styles } = this.asProps;\n    const SListAriaWrapper = 'div';\n\n    return sstyled(styles)(\n      <SInputTags\n        render={Input}\n        tag={ScrollArea}\n        onMouseDown={this.moveFocusToInput}\n        onFocus={this.handleContainerFocus}\n        container={this.scrollContainerRef}\n      >\n        <SListAriaWrapper role='list'>\n          <Children />\n        </SListAriaWrapper>\n      </SInputTags>,\n    );\n  }\n}\n\nclass Value extends Component<IInputTagsValueProps> {\n  private _spacer = React.createRef<HTMLDivElement>();\n\n  state = {\n    width: '10px',\n  };\n\n  componentDidMount() {\n    this.updateInputStyles(this.asProps.value!);\n  }\n\n  componentDidUpdate(prevProps: any) {\n    const { value, placeholder } = this.asProps;\n    if (value !== prevProps.value || placeholder !== prevProps.placeholder) {\n      this.updateInputStyles(value!);\n    }\n  }\n\n  handleChange = (value: string) => {\n    this.updateInputStyles(value);\n  };\n\n  updateInputStyles = (value: string) => {\n    const { current: spacerNode } = this._spacer;\n    if (!spacerNode) return;\n    const { placeholder } = this.props;\n    /* for display cursor */\n    let magicOffset = 2;\n    if (placeholder && (value === undefined || value === '')) {\n      // @ts-ignore\n      spacerNode['innerText'] = placeholder;\n      /* for [placeholder] {\n          text-overflow: ellipsis;\n      }*/\n      magicOffset += 8;\n    } else {\n      spacerNode['innerText'] = value;\n    }\n    this.setState({\n      width: `${Math.max(spacerNode['offsetWidth'], spacerNode['scrollWidth']) + magicOffset}px`,\n    });\n  };\n\n  render() {\n    const SValue = Root;\n    const SSpacer = 'div';\n\n    return sstyled(this.asProps.styles)(\n      <>\n        <SValue render={Input.Value} style={{ width: this.state.width }} />\n        <SSpacer ref={this._spacer} role='none' />\n      </>,\n    );\n  }\n}\n\nfunction InputTag(props: any) {\n  const STag = Root;\n\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      props.onClick?.(event);\n\n      return false;\n    }\n  };\n\n  return sstyled(props.styles)(\n    <STag data-value={props.value} render={Tag} role='listitem' onKeyDown={onKeyDown} />,\n  );\n}\n\nexport default createComponent(InputTags, {\n  Value,\n  Tag: [\n    InputTag,\n    {\n      Text: Tag.Text,\n      Close: Tag.Close,\n      Addon: Tag.Addon,\n      Circle: Tag.Circle,\n    },\n  ],\n}) as any as Intergalactic.Component<'div', InputTagsProps, InputTagsContext> & {\n  Value: typeof Input.Value;\n  Tag: Intergalactic.Component<'div', InputTagsTagProps> & {\n    Text: typeof Tag.Text;\n    Close: typeof Tag.Close;\n    Addon: typeof Tag.Addon;\n    Circle: typeof Tag.Circle;\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IACpBC,SAAS,EACTC,OAAO,EACPC,IAAI,QAIC,eAAe;AACtB,OAAOC,KAAK,MAAuC,gBAAgB;AACnE,OAAOC,UAAU,MAA2B,sBAAsB;AAClE,OAAOC,GAAG,MAAoB,cAAc;AAC5C,OAAOC,IAAI,MAAM,yBAAyB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI3C;AAAA,IA4CMC,SAAS,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,SAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,SAAA;EAAA,SAAAA,UAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,SAAA;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;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,4BAUFjB,KAAK,CAAC8B,SAAS,EAAoB;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,sCACzBjB,KAAK,CAAC8B,SAAS,EAAe;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,eAChB,EAAE;IAAAW,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,uBAElB,UAACc,KAAuB,EAAK;MAC9C,IAAMC,QAAQ,GAAGf,KAAA,CAAKe,QAAQ,CAACC,OAAO;MACtC,IAAID,QAAQ,IAAID,KAAK,CAACG,MAAM,KAAKF,QAAQ,EAAE;QACzC,IAAMG,aAAa,GAAGH,QAAQ,CAACI,KAAK,CAACf,MAAM;QAC3CU,KAAK,CAACM,cAAc,EAAE;QACtBL,QAAQ,CAACM,KAAK,EAAE;QAChBN,QAAQ,CAACO,iBAAiB,CAACJ,aAAa,EAAEA,aAAa,CAAC;MAC1D;IACF,CAAC;IAAAP,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,oBAEe,UAACc,KAA4C,EAAK;MAChE,IAAQS,GAAG,GAAoBT,KAAK,CAA5BS,GAAG;QAAEC,aAAa,GAAKV,KAAK,CAAvBU,aAAa;MAC1B,IAAQC,UAAU,GAAKzB,KAAA,CAAK0B,OAAO,CAA3BD,UAAU;MAClB,IAAQN,KAAK,GAAKK,aAAa,CAAvBL,KAAK;MACb,IAAMQ,UAAU,GAAGR,KAAK,CAACS,KAAK,CAAC,CAAC,CAAC,CAAC;MAClC,IAAMC,YAAY,GAAGV,KAAK,CAACW,IAAI,EAAE;MAEjC,IAAI,CAACL,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEM,QAAQ,CAACR,GAAG,CAAC,IAAKI,UAAU,KAAK,GAAG,IAAIJ,GAAG,KAAK,GAAI,KAAKM,YAAY,EAAE;QAAA,IAAAG,qBAAA;QACtFlB,KAAK,CAACM,cAAc,EAAE;QACtB7B,IAAI,CAAAqB,sBAAA,CAAAZ,KAAA,GAAO,OAAO,EAAE6B,YAAY,EAAEf,KAAK,CAAC;QACxCvB,IAAI,CAAAqB,sBAAA,CAAAZ,KAAA,GAAO,UAAU,EAAE,CAAC6B,YAAY,CAAC,EAAEf,KAAK,CAAC;QAC7C,IAAI,SAAAkB,qBAAA,GAAOhC,KAAA,CAAKe,QAAQ,CAACC,OAAO,cAAAgB,qBAAA,uBAArBA,qBAAA,CAAuBC,cAAc,MAAK,UAAU,EAAE;UAC/DC,UAAU,CAAC,YAAM;YAAA,IAAAC,sBAAA;YACf,IAAI,SAAAA,sBAAA,GAAOnC,KAAA,CAAKe,QAAQ,CAACC,OAAO,cAAAmB,sBAAA,uBAArBA,sBAAA,CAAuBF,cAAc,MAAK,UAAU,EAAE;cAC/DjC,KAAA,CAAKe,QAAQ,CAACC,OAAO,CAACiB,cAAc,CAAC;gBACnCG,KAAK,EAAE,SAAS;gBAChBC,MAAM,EAAE,SAAS;gBACjBC,QAAQ,EAAE;cACZ,CAAC,CAAC;YACJ;UACF,CAAC,EAAE,CAAC,CAAC;QACP;MACF;MAEA,IAAIf,GAAG,KAAK,WAAW,IAAI,CAACJ,KAAK,EAAE;QACjCL,KAAK,CAACM,cAAc,EAAE;QACtB7B,IAAI,CAAAqB,sBAAA,CAAAZ,KAAA,GAAO,UAAU,EAAEc,KAAK,CAAC;MAC/B;IACF,CAAC;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,kBAEa,UAACc,KAA2B,EAAK;MAAA,IAAAyB,sBAAA;MAC7C,IAAMpB,KAAK,GAAGL,KAAK,CAAC0B,aAAa,CAACC,OAAO,CAAC,YAAY,CAAC;MACvD,IAAAC,aAAA,GAAwC1C,KAAA,CAAK0B,OAAO;QAA5CD,UAAU,GAAAiB,aAAA,CAAVjB,UAAU;QAAEkB,KAAK,GAAAD,aAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;MACnC,IAAMC,GAAG,GAAG,IAAIC,MAAM,CACpBrB,UAAU,CACPsB,MAAM,CAAC,UAACC,CAAC;QAAA,OAAK,CAAC,KAAK,CAACC,IAAI,CAACC,MAAM,CAACF,CAAC,CAAC,CAAC;MAAA,EAAC,CACrCG,GAAG,CAAC,UAACH,CAAC;QAAA,OAAKA,CAAC,CAACI,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC;MAAA,EAAC,CACpDC,IAAI,CAAC,GAAG,CAAC,CACb;MACD,IAAMC,aAAa,GAAGnC,KAAK,CAACoC,KAAK,CAACV,GAAG,CAAC,CAACE,MAAM,CAACS,OAAO,CAAC;MACtD,IAAIF,aAAa,CAAClD,MAAM,GAAG,CAAC,EAAE;QAC5BU,KAAK,CAACM,cAAc,EAAE;QAAC,IAAAqC,SAAA,GAAAC,0BAAA,CACLJ,aAAa;UAAAK,KAAA;QAAA;UAA/B,KAAAF,SAAA,CAAAT,CAAA,MAAAW,KAAA,GAAAF,SAAA,CAAAG,CAAA,IAAAC,IAAA,GAAiC;YAAA,IAAtBC,GAAG,GAAAH,KAAA,CAAAxC,KAAA;YACZwB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAGmB,GAAG,EAAEhD,KAAK,CAAC;UACrB;QAAC,SAAAiD,GAAA;UAAAN,SAAA,CAAAO,CAAA,CAAAD,GAAA;QAAA;UAAAN,SAAA,CAAAQ,CAAA;QAAA;QACDrB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGU,aAAa,EAAExC,KAAK,CAAC;MAClC;MACA,IAAI,SAAAyB,sBAAA,GAAOvC,KAAA,CAAKe,QAAQ,CAACC,OAAO,cAAAuB,sBAAA,uBAArBA,sBAAA,CAAuBN,cAAc,MAAK,UAAU,EAAE;QAC/DC,UAAU,CAAC,YAAM;UAAA,IAAAgC,sBAAA;UACf,IAAI,SAAAA,sBAAA,GAAOlE,KAAA,CAAKe,QAAQ,CAACC,OAAO,cAAAkD,sBAAA,uBAArBA,sBAAA,CAAuBjC,cAAc,MAAK,UAAU,EAAE;YAC/DjC,KAAA,CAAKe,QAAQ,CAACC,OAAO,CAACiB,cAAc,CAAC;cACnCG,KAAK,EAAE,SAAS;cAChBC,MAAM,EAAE,SAAS;cACjBC,QAAQ,EAAE;YACZ,CAAC,CAAC;UACJ;QACF,CAAC,EAAE,CAAC,CAAC;MACP;IACF,CAAC;IAAA3B,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,0BAEqB,UAACmE,QAAiB;MAAA,OAAK,UAACrD,KAAuB,EAAK;QACxE,IAAI,CAACqD,QAAQ,EAAE;QACf5E,IAAI,CAAAqB,sBAAA,CAAAZ,KAAA,GAAO,UAAU,EAAEc,KAAK,CAAC;MAC/B,CAAC;IAAA;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,2BAEsB,UAACc,KAAuB,EAAK;MAClD,IAAQG,MAAM,GAAKH,KAAK,CAAhBG,MAAM;MACd,IAAiBmD,SAAS,GAAKpE,KAAA,CAAKqE,kBAAkB,CAA9CrD,OAAO;MACf,IAAI,CAACoD,SAAS,IAAInD,MAAM,KAAKmD,SAAS,EAAE;MACxC,IAAME,OAAO,GAAGtE,KAAA,CAAKuE,QAAQ,CAACC,IAAI,CAAChB,OAAO,CAAC;MAC3C,IAAIc,OAAO,EAAE;MACbtE,KAAA,CAAKyE,gBAAgB,CAAC3D,KAAK,CAAC;IAC9B,CAAC;IAAA,OAAAd,KAAA;EAAA;EAAA0E,YAAA,CAAA/E,SAAA;IAAA4B,GAAA;IAAAJ,KAAA,EAED,SAAAwD,cAAA,EAAgB;MACd,OAAO;QACLC,GAAG,EAAE,IAAI,CAAC7D,QAAQ;QAClB8D,SAAS,EAAE,IAAI,CAACC,aAAa;QAC7BC,OAAO,EAAE,IAAI,CAACC;MAChB,CAAC;IACH;EAAC;IAAAzD,GAAA;IAAAJ,KAAA,EAED,SAAA8D,YAAAC,KAAA,EAAiDC,KAAa,EAAE;MAAA,IAAAC,MAAA;MAAA,IAAlDjB,QAAQ,GAAAe,KAAA,CAARf,QAAQ;MACpB,OAAO;QACLkB,IAAI,EAAE,IAAI,CAAC3D,OAAO,CAAC2D,IAAI;QACvBC,OAAO,EAAE,IAAI,CAACC,mBAAmB,CAACpB,QAAQ,CAAC;QAC3CS,GAAG,EAAE,SAAAA,IAACY,IAAwB,EAAK;UACjCJ,MAAI,CAACb,QAAQ,CAACY,KAAK,CAAC,GAAGK,IAAI;QAC7B;MACF,CAAC;IACH;EAAC;IAAAjE,GAAA;IAAAJ,KAAA,EAED,SAAAsE,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAhE,OAAA;QAAAiE,KAAA;MACP,IAAMC,UAAU,GAMJxG,KAAK;MALjB,IAAAyG,cAAA,GAA6B,IAAI,CAACnE,OAAO;QAAjCoE,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;MACxB,IAAMC,gBAAgB,GAAG,KAAK;MAE9B,OAAAL,KAAA,GAAOzG,OAAO,CAAC6G,MAAM,CAAC,eACpBhH,KAAA,CAAAkH,aAAA,CAACL,UAAU,EAAAD,KAAA,CAAAO,EAAA,eAAAC,aAAA,KAAAC,YAAA;QAAA,OAEJ/G,UAAU;QAAA,eACF,IAAI,CAACoF,gBAAgB;QAAA,WACzB,IAAI,CAAC4B,oBAAoB;QAAA,aACvB,IAAI,CAAChC;MAAkB,GAAAqB,IAAA,kBAElC3G,KAAA,CAAAkH,aAAA,CAACD,gBAAgB,EAAAL,KAAA,CAAAO,EAAA;QAAA,QAAM;MAAM,iBAC3BnH,KAAA,CAAAkH,aAAA,CAACH,QAAQ,EAAAH,KAAA,CAAAO,EAAA,iBAAG,CACK,CACR;IAEjB;EAAC;EAAA,OAAAvG,SAAA;AAAA,EAtIqBV,SAAS;AAAA0B,eAAA,CAA3BhB,SAAS,iBACQ,WAAW;AAAAgB,eAAA,CAD5BhB,SAAS,WAEEH,KAAK;AAAAmB,eAAA,CAFhBhB,SAAS,kBAIS;EACpB0F,IAAI,EAAE,GAAG;EACT5D,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC;EAC3C6E,YAAY,EAAE;AAChB,CAAC;AAAA,IAiIGC,KAAK,0BAAAC,WAAA;EAAA3G,SAAA,CAAA0G,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA1G,YAAA,CAAAwG,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAG,MAAA;IAAAzG,eAAA,OAAAsG,KAAA;IAAA,SAAAI,KAAA,GAAAxG,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAqG,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAAvG,IAAA,CAAAuG,KAAA,IAAAzG,SAAA,CAAAyG,KAAA;IAAA;IAAAF,MAAA,GAAAD,OAAA,CAAAjG,IAAA,CAAAC,KAAA,CAAAgG,OAAA,SAAA/F,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAA8F,MAAA,2BACS3H,KAAK,CAAC8B,SAAS,EAAkB;IAAAF,eAAA,CAAAC,sBAAA,CAAA8F,MAAA,YAE3C;MACNG,KAAK,EAAE;IACT,CAAC;IAAAlG,eAAA,CAAAC,sBAAA,CAAA8F,MAAA,mBAac,UAACvF,KAAa,EAAK;MAChCuF,MAAA,CAAKI,iBAAiB,CAAC3F,KAAK,CAAC;IAC/B,CAAC;IAAAR,eAAA,CAAAC,sBAAA,CAAA8F,MAAA,wBAEmB,UAACvF,KAAa,EAAK;MACrC,IAAiB4F,UAAU,GAAKL,MAAA,CAAKM,OAAO,CAApChG,OAAO;MACf,IAAI,CAAC+F,UAAU,EAAE;MACjB,IAAQE,WAAW,GAAKP,MAAA,CAAKQ,KAAK,CAA1BD,WAAW;MACnB;MACA,IAAIE,WAAW,GAAG,CAAC;MACnB,IAAIF,WAAW,KAAK9F,KAAK,KAAKiG,SAAS,IAAIjG,KAAK,KAAK,EAAE,CAAC,EAAE;QACxD;QACA4F,UAAU,CAAC,WAAW,CAAC,GAAGE,WAAW;QACrC;AACN;AACA;QACME,WAAW,IAAI,CAAC;MAClB,CAAC,MAAM;QACLJ,UAAU,CAAC,WAAW,CAAC,GAAG5F,KAAK;MACjC;MACAuF,MAAA,CAAKW,QAAQ,CAAC;QACZR,KAAK,KAAAnG,MAAA,CAAK4G,IAAI,CAACC,GAAG,CAACR,UAAU,CAAC,aAAa,CAAC,EAAEA,UAAU,CAAC,aAAa,CAAC,CAAC,GAAGI,WAAW;MACxF,CAAC,CAAC;IACJ,CAAC;IAAA,OAAAT,MAAA;EAAA;EAAAhC,YAAA,CAAA6B,KAAA;IAAAhF,GAAA;IAAAJ,KAAA,EAlCD,SAAAqG,kBAAA,EAAoB;MAClB,IAAI,CAACV,iBAAiB,CAAC,IAAI,CAACpF,OAAO,CAACP,KAAK,CAAE;IAC7C;EAAC;IAAAI,GAAA;IAAAJ,KAAA,EAED,SAAAsG,mBAAmBC,SAAc,EAAE;MACjC,IAAAC,cAAA,GAA+B,IAAI,CAACjG,OAAO;QAAnCP,KAAK,GAAAwG,cAAA,CAALxG,KAAK;QAAE8F,WAAW,GAAAU,cAAA,CAAXV,WAAW;MAC1B,IAAI9F,KAAK,KAAKuG,SAAS,CAACvG,KAAK,IAAI8F,WAAW,KAAKS,SAAS,CAACT,WAAW,EAAE;QACtE,IAAI,CAACH,iBAAiB,CAAC3F,KAAK,CAAE;MAChC;IACF;EAAC;IAAAI,GAAA;IAAAJ,KAAA,EA2BD,SAAAsE,OAAA,EAAS;MAAA,IAAAmC,KAAA,QAAAlG,OAAA;QAAAmG,KAAA;MACP,IAAMC,MAAM,GAKQ1I,KAAK,CAACmH,KAAK;MAJ/B,IAAMwB,OAAO,GAAG,KAAK;MAErB,OAAAF,KAAA,GAAO3I,OAAO,CAAC,IAAI,CAACwC,OAAO,CAACqE,MAAM,CAAC,eACjChH,KAAA,CAAAkH,aAAA,CAAAlH,KAAA,CAAAiJ,QAAA,qBACEjJ,KAAA,CAAAkH,aAAA,CAAC6B,MAAM,EAAAD,KAAA,CAAA3B,EAAA,WAAAC,aAAA,KAAA8B,aAAA;QAAA,SAA6B;UAAEpB,KAAK,EAAE,IAAI,CAACqB,KAAK,CAACrB;QAAM;MAAC,GAAAe,KAAA,IAAI,eACnE7I,KAAA,CAAAkH,aAAA,CAAC8B,OAAO,EAAAF,KAAA,CAAA3B,EAAA;QAAA,OAAM,IAAI,CAACc,OAAO;QAAA,QAAO;MAAM,GAAG,CACzC;IAEP;EAAC;EAAA,OAAAT,KAAA;AAAA,EArDiBtH,SAAS;AAwD7B,SAASkJ,QAAQA,CAACjB,KAAU,EAAE;EAAA,IAAAkB,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC5B,IAAMC,IAAI,GAW+BjJ,GAAG;EAT5C,IAAMuF,SAAS,GAAG,SAAZA,SAASA,CAAI/D,KAA0B,EAAK;IAChD,IAAIA,KAAK,CAACS,GAAG,KAAK,OAAO,EAAE;MAAA,IAAAiH,cAAA;MACzB,CAAAA,cAAA,GAAAtB,KAAK,CAAC5B,OAAO,cAAAkD,cAAA,uBAAbA,cAAA,CAAAhI,IAAA,CAAA0G,KAAK,EAAWpG,KAAK,CAAC;MAEtB,OAAO,KAAK;IACd;EACF,CAAC;EAED,OAAAwH,KAAA,GAAOpJ,OAAO,CAACgI,KAAK,CAACnB,MAAM,CAAC,eAC1BhH,KAAA,CAAAkH,aAAA,CAACsC,IAAI,EAAAD,KAAA,CAAApC,EAAA,SAAAC,aAAA,KAAAsC,aAAA;IAAA,cAAavB,KAAK,CAAC/F,KAAK;IAAA,QAAoB,UAAU;IAAA,aAAY0D;EAAS,GAAAuD,KAAA,IAAI;AAExF;AAEA,eAAepJ,eAAe,CAACW,SAAS,EAAE;EACxC4G,KAAK,EAALA,KAAK;EACLjH,GAAG,EAAE,CACH6I,QAAQ,EACR;IACEO,IAAI,EAAEpJ,GAAG,CAACoJ,IAAI;IACdC,KAAK,EAAErJ,GAAG,CAACqJ,KAAK;IAChBC,KAAK,EAAEtJ,GAAG,CAACsJ,KAAK;IAChBC,MAAM,EAAEvJ,GAAG,CAACuJ;EACd,CAAC;AAEL,CAAC,CAAC"}

package/input-tags/lib/es6/style/input-tag.shadow.css

@@ -41,17 +41,13 @@ SInputTags[size='m'] {
 SInputTags[size='l'] {
   min-height: var(--intergalactic-form-control-l, 40px);
   height: auto;
-  padding: 0 calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));
+  padding: var(--intergalactic-spacing-05x, 2px) calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));
 }
 
-STag[size='m'] {
+STag {
   margin: var(--intergalactic-spacing-05x, 2px);
 }
 
-STag[size='l'] {
-  margin: var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-05x, 2px);
-}
-
 STag[editable] {
   cursor: pointer;
 }

package/link/lib/cjs/Link.js

@@ -23,18 +23,18 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _hasLabels = _interopRequireDefault(require("intergalactic/utils/lib/hasLabels"));
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./style/link.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLink_194t2_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_194t2_gg_:active,.___SLink_194t2_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_194t2_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_194t2_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_194t2_gg_.__active_194t2_gg_,.___SLink_194t2_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_194t2_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_194t2_gg_.__active_194t2_gg_ .___SText_194t2_gg_,.___SLink_194t2_gg_:active .___SText_194t2_gg_{border-color:currentColor}@media (hover:hover){.___SLink_194t2_gg_:hover .___SText_194t2_gg_{border-color:currentColor}}.___SLink_194t2_gg_.__enableVisited_194t2_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_194t2_gg_.__enableVisited_194t2_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_194t2_gg_.__keyboardFocused_194t2_gg_::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SLink_194t2_gg_.__disabled_194t2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_194t2_gg_.__noWrapText_194t2_gg_{white-space:nowrap}.___SLink_194t2_gg_.__inline_194t2_gg_{display:inline}.___SAddon_194t2_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_194t2_gg_ .___SAddon_194t2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_194t2_gg_ .___SAddon_194t2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_194t2_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_194t2_gg_.__text-color_194t2_gg_{color:var(--text-color_194t2)}.___SLink_194t2_gg_.__text-color_194t2_gg_.__active_194t2_gg_,.___SLink_194t2_gg_.__text-color_194t2_gg_:active{color:var(--text-color_194t2);filter:brightness(.8)}@media (hover:hover){.___SLink_194t2_gg_.__text-color_194t2_gg_:hover{color:var(--text-color_194t2);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_194t2_gg_,.___SText_194t2_gg_{transition:none}}" /*__inner_css_end__*/, "194t2_gg_") /*__reshadow_css_end__*/, {
-  "__SLink": "___SLink_194t2_gg_",
-  "_keyboardFocused": "__keyboardFocused_194t2_gg_",
-  "_disabled": "__disabled_194t2_gg_",
-  "_noWrapText": "__noWrapText_194t2_gg_",
-  "_inline": "__inline_194t2_gg_",
-  "__SAddon": "___SAddon_194t2_gg_",
-  "__SText": "___SText_194t2_gg_",
-  "_active": "__active_194t2_gg_",
-  "_enableVisited": "__enableVisited_194t2_gg_",
-  "_text-color": "__text-color_194t2_gg_",
-  "--text-color": "--text-color_194t2"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLink_h69ag_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_h69ag_gg_:active,.___SLink_h69ag_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_h69ag_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_h69ag_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_h69ag_gg_.__active_h69ag_gg_,.___SLink_h69ag_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_h69ag_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_h69ag_gg_.__active_h69ag_gg_ .___SText_h69ag_gg_,.___SLink_h69ag_gg_:active .___SText_h69ag_gg_{border-color:currentColor}@media (hover:hover){.___SLink_h69ag_gg_:hover .___SText_h69ag_gg_{border-color:currentColor}}.___SLink_h69ag_gg_.__enableVisited_h69ag_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_h69ag_gg_.__enableVisited_h69ag_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_h69ag_gg_.__keyboardFocused_h69ag_gg_::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SLink_h69ag_gg_.__disabled_h69ag_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_h69ag_gg_.__noWrapText_h69ag_gg_{white-space:nowrap}.___SLink_h69ag_gg_.__inline_h69ag_gg_{display:inline}.___SAddon_h69ag_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_h69ag_gg_ .___SAddon_h69ag_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_h69ag_gg_ .___SAddon_h69ag_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_h69ag_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_h69ag_gg_.__text-color_h69ag_gg_{color:var(--text-color_h69ag)}.___SLink_h69ag_gg_.__text-color_h69ag_gg_.__active_h69ag_gg_,.___SLink_h69ag_gg_.__text-color_h69ag_gg_:active{color:var(--text-color_h69ag);filter:brightness(.8)}@media (hover:hover){.___SLink_h69ag_gg_.__text-color_h69ag_gg_:hover{color:var(--text-color_h69ag);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_h69ag_gg_,.___SText_h69ag_gg_{transition:none}}" /*__inner_css_end__*/, "h69ag_gg_") /*__reshadow_css_end__*/, {
+  "__SLink": "___SLink_h69ag_gg_",
+  "_keyboardFocused": "__keyboardFocused_h69ag_gg_",
+  "_disabled": "__disabled_h69ag_gg_",
+  "_noWrapText": "__noWrapText_h69ag_gg_",
+  "_inline": "__inline_h69ag_gg_",
+  "__SAddon": "___SAddon_h69ag_gg_",
+  "__SText": "___SText_h69ag_gg_",
+  "_active": "__active_h69ag_gg_",
+  "_enableVisited": "__enableVisited_h69ag_gg_",
+  "_text-color": "__text-color_h69ag_gg_",
+  "--text-color": "--text-color_h69ag"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootLink, _Component);

package/link/lib/es6/Link.js

@@ -19,18 +19,18 @@ import logger from 'intergalactic/utils/lib/logger';
 import hasLabels from 'intergalactic/utils/lib/hasLabels';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/link.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_194t2_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_194t2_gg_:active,.___SLink_194t2_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_194t2_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_194t2_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_194t2_gg_.__active_194t2_gg_,.___SLink_194t2_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_194t2_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_194t2_gg_.__active_194t2_gg_ .___SText_194t2_gg_,.___SLink_194t2_gg_:active .___SText_194t2_gg_{border-color:currentColor}@media (hover:hover){.___SLink_194t2_gg_:hover .___SText_194t2_gg_{border-color:currentColor}}.___SLink_194t2_gg_.__enableVisited_194t2_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_194t2_gg_.__enableVisited_194t2_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_194t2_gg_.__keyboardFocused_194t2_gg_::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SLink_194t2_gg_.__disabled_194t2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_194t2_gg_.__noWrapText_194t2_gg_{white-space:nowrap}.___SLink_194t2_gg_.__inline_194t2_gg_{display:inline}.___SAddon_194t2_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_194t2_gg_ .___SAddon_194t2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_194t2_gg_ .___SAddon_194t2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_194t2_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_194t2_gg_.__text-color_194t2_gg_{color:var(--text-color_194t2)}.___SLink_194t2_gg_.__text-color_194t2_gg_.__active_194t2_gg_,.___SLink_194t2_gg_.__text-color_194t2_gg_:active{color:var(--text-color_194t2);filter:brightness(.8)}@media (hover:hover){.___SLink_194t2_gg_.__text-color_194t2_gg_:hover{color:var(--text-color_194t2);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_194t2_gg_,.___SText_194t2_gg_{transition:none}}" /*__inner_css_end__*/, "194t2_gg_") /*__reshadow_css_end__*/, {
-  "__SLink": "___SLink_194t2_gg_",
-  "_keyboardFocused": "__keyboardFocused_194t2_gg_",
-  "_disabled": "__disabled_194t2_gg_",
-  "_noWrapText": "__noWrapText_194t2_gg_",
-  "_inline": "__inline_194t2_gg_",
-  "__SAddon": "___SAddon_194t2_gg_",
-  "__SText": "___SText_194t2_gg_",
-  "_active": "__active_194t2_gg_",
-  "_enableVisited": "__enableVisited_194t2_gg_",
-  "_text-color": "__text-color_194t2_gg_",
-  "--text-color": "--text-color_194t2"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_h69ag_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_h69ag_gg_:active,.___SLink_h69ag_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_h69ag_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_h69ag_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_h69ag_gg_.__active_h69ag_gg_,.___SLink_h69ag_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_h69ag_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_h69ag_gg_.__active_h69ag_gg_ .___SText_h69ag_gg_,.___SLink_h69ag_gg_:active .___SText_h69ag_gg_{border-color:currentColor}@media (hover:hover){.___SLink_h69ag_gg_:hover .___SText_h69ag_gg_{border-color:currentColor}}.___SLink_h69ag_gg_.__enableVisited_h69ag_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_h69ag_gg_.__enableVisited_h69ag_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_h69ag_gg_.__keyboardFocused_h69ag_gg_::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SLink_h69ag_gg_.__disabled_h69ag_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_h69ag_gg_.__noWrapText_h69ag_gg_{white-space:nowrap}.___SLink_h69ag_gg_.__inline_h69ag_gg_{display:inline}.___SAddon_h69ag_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_h69ag_gg_ .___SAddon_h69ag_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_h69ag_gg_ .___SAddon_h69ag_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_h69ag_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_h69ag_gg_.__text-color_h69ag_gg_{color:var(--text-color_h69ag)}.___SLink_h69ag_gg_.__text-color_h69ag_gg_.__active_h69ag_gg_,.___SLink_h69ag_gg_.__text-color_h69ag_gg_:active{color:var(--text-color_h69ag);filter:brightness(.8)}@media (hover:hover){.___SLink_h69ag_gg_.__text-color_h69ag_gg_:hover{color:var(--text-color_h69ag);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_h69ag_gg_,.___SText_h69ag_gg_{transition:none}}" /*__inner_css_end__*/, "h69ag_gg_") /*__reshadow_css_end__*/, {
+  "__SLink": "___SLink_h69ag_gg_",
+  "_keyboardFocused": "__keyboardFocused_h69ag_gg_",
+  "_disabled": "__disabled_h69ag_gg_",
+  "_noWrapText": "__noWrapText_h69ag_gg_",
+  "_inline": "__inline_h69ag_gg_",
+  "__SAddon": "___SAddon_h69ag_gg_",
+  "__SText": "___SText_h69ag_gg_",
+  "_active": "__active_h69ag_gg_",
+  "_enableVisited": "__enableVisited_h69ag_gg_",
+  "_text-color": "__text-color_h69ag_gg_",
+  "--text-color": "--text-color_h69ag"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   _inherits(RootLink, _Component);

package/modal/lib/cjs/Modal.js

@@ -32,13 +32,13 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWindow_axpwz_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_axpwz_gg_:focus{outline:0}.___SWindow_axpwz_gg_.__ghost_axpwz_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_axpwz_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_axpwz_gg_ .___SOverlay_axpwz_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_axpwz_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_axpwz_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_axpwz_gg_.__ghost_axpwz_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_axpwz_gg_.__ghost_axpwz_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_axpwz_gg_.__keyboardFocused_axpwz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_axpwz_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}@media (max-width:767px){.___SWindow_axpwz_gg_{min-width:60%}.___SOverlay_axpwz_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "axpwz_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_axpwz_gg_",
-  "_ghost": "__ghost_axpwz_gg_",
-  "__SClose": "___SClose_axpwz_gg_",
-  "_keyboardFocused": "__keyboardFocused_axpwz_gg_",
-  "__STitle": "___STitle_axpwz_gg_",
-  "__SOverlay": "___SOverlay_axpwz_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWindow_of5e5_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_of5e5_gg_:focus{outline:0}.___SWindow_of5e5_gg_.__ghost_of5e5_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_of5e5_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_of5e5_gg_ .___SOverlay_of5e5_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_of5e5_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_of5e5_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_of5e5_gg_.__ghost_of5e5_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_of5e5_gg_.__ghost_of5e5_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_of5e5_gg_.__keyboardFocused_of5e5_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_of5e5_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}@media (max-width:767px){.___SWindow_of5e5_gg_{min-width:60%}.___SOverlay_of5e5_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "of5e5_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_of5e5_gg_",
+  "_ghost": "__ghost_of5e5_gg_",
+  "__SClose": "___SClose_of5e5_gg_",
+  "_keyboardFocused": "__keyboardFocused_of5e5_gg_",
+  "__STitle": "___STitle_of5e5_gg_",
+  "__SOverlay": "___SOverlay_of5e5_gg_"
 });
 var ModalRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ModalRoot, _Component);
@@ -138,10 +138,12 @@ var ModalRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps4 = this.asProps,
         Children = _this$asProps4.Children,
         disablePortal = _this$asProps4.disablePortal,
-        forcedAdvancedMode = _this$asProps4.forcedAdvancedMode;
+        forcedAdvancedMode = _this$asProps4.forcedAdvancedMode,
+        ignorePortalsStacking = _this$asProps4.ignorePortalsStacking;
       var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);
       return /*#__PURE__*/_react["default"].createElement(_portal["default"], {
-        disablePortal: disablePortal
+        disablePortal: disablePortal,
+        ignorePortalsStacking: ignorePortalsStacking
       }, advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(Modal.Overlay, null, /*#__PURE__*/_react["default"].createElement(Modal.Window, (0, _core.assignProps)({}, _ref))));
     }
   }]);

package/modal/lib/cjs/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_portal","_flexBox","_outsideClick","_l","_fire","_usePreventScroll","_findComponent","_keyboardFocusEnhance","_intergalacticDynamicLocales","_i18nEnhance","_typography","_uniqueID","_useCssVariable","_useFocusLock","_ThemeProvider","style","sstyled","insert","ModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","e","key","stopPropagation","fire","_createClass2","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","advancedMode","isAdvanceMode","Modal","Overlay","displayName","Window","createElement","assignProps","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","Slide","styles","windowRef","React","useRef","useFocusLock","cn","_objectSpread2","PortalProvider","Close","_ref3","_ref7","SOverlay","FadeInOut","overlayRef","usePreventScroll","useContextTheme","_ref4","_ref8","SClose","Box","hasChildren","children","enhance","keyboardFocusEnhance","Title","_ref5","_ref9","STitle","Text","useEffect","createComponent","_default","exports"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Box } from '@semcore/flex-box';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      onKeyDown: this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\n    };\n  }\n\n  getTitleProps() {\n    const { uid } = this.asProps;\n    const setHasTitle = () => this.setState({ hasTitle: true });\n\n    return {\n      id: `igc-${uid}-title`,\n      setHasTitle,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Modal.Overlay>\n            <Root render={Modal.Window} />\n          </Modal.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, true, 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n    >\n      <PortalProvider value={windowRef}>\n        {closable && <Modal.Close />}\n        <Children />\n      </PortalProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, visible);\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} ref={overlayRef}>\n      <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n        <Children />\n      </OutsideClick>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText } = props;\n  return sstyled(props.styles)(\n    <SClose render={Box} tag='button' tabIndex={0} aria-label={getI18nText('close')}>\n      {hasChildren ? <Children /> : <CloseIcon title={getI18nText('close')} />}\n    </SClose>,\n  );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const { setHasTitle, styles } = props;\n  const STitle = Root;\n\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_portal","_flexBox","_outsideClick","_l","_fire","_usePreventScroll","_findComponent","_keyboardFocusEnhance","_intergalacticDynamicLocales","_i18nEnhance","_typography","_uniqueID","_useCssVariable","_useFocusLock","_ThemeProvider","style","sstyled","insert","ModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","e","key","stopPropagation","fire","_createClass2","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","isAdvanceMode","Modal","Overlay","displayName","Window","createElement","assignProps","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","Slide","styles","windowRef","React","useRef","useFocusLock","cn","_objectSpread2","PortalProvider","Close","_ref3","_ref7","SOverlay","FadeInOut","overlayRef","usePreventScroll","useContextTheme","_ref4","_ref8","SClose","Box","hasChildren","children","enhance","keyboardFocusEnhance","Title","_ref5","_ref9","STitle","Text","useEffect","createComponent","_default","exports"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Box } from '@semcore/flex-box';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\n\nclass ModalRoot extends Component {\n  static displayName = 'Modal';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\n  };\n  state = { hasTitle: false };\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  getOverlayProps() {\n    const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      duration,\n      visible,\n      onOutsideClick: this.handleOutsideClick,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getWindowProps() {\n    const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n    const { hasTitle } = this.state;\n    return {\n      visible,\n      closable,\n      onKeyDown: this.handleKeyDown,\n      'aria-label': hasTitle ? undefined : getI18nText('title'),\n      'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n      duration,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    const { getI18nText, ghost } = this.asProps;\n\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText,\n      ghost,\n    };\n  }\n\n  getTitleProps() {\n    const { uid } = this.asProps;\n    const setHasTitle = () => this.setState({ hasTitle: true });\n\n    return {\n      id: `igc-${uid}-title`,\n      setHasTitle,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Modal.Overlay>\n            <Root render={Modal.Window} />\n          </Modal.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Window(props) {\n  const SWindow = Root;\n  const { Children, styles, visible, closable, duration } = props;\n  const windowRef = React.useRef(null);\n\n  useFocusLock(windowRef, true, 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <SWindow\n      render={Slide}\n      initialAnimation={true}\n      slideOrigin='top'\n      visible={visible}\n      role='dialog'\n      aria-modal={true}\n      duration={duration}\n      ref={windowRef}\n    >\n      <PortalProvider value={windowRef}>\n        {closable && <Modal.Close />}\n        <Children />\n      </PortalProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, visible);\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} ref={overlayRef}>\n      <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n        <Children />\n      </OutsideClick>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText } = props;\n  return sstyled(props.styles)(\n    <SClose render={Box} tag='button' tabIndex={0} aria-label={getI18nText('close')}>\n      {hasChildren ? <Children /> : <CloseIcon title={getI18nText('close')} />}\n    </SClose>,\n  );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const { setHasTitle, styles } = props;\n  const STitle = Root;\n\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n  Window,\n  Overlay,\n  Close,\n  Title,\n});\n\nexport default Modal;\n"],"mappings":"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"}

package/modal/lib/es6/Modal.js

@@ -23,13 +23,13 @@ import usePreventScroll from 'intergalactic/utils/lib/use/usePreventScroll';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_axpwz_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_axpwz_gg_:focus{outline:0}.___SWindow_axpwz_gg_.__ghost_axpwz_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_axpwz_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_axpwz_gg_ .___SOverlay_axpwz_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_axpwz_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_axpwz_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_axpwz_gg_.__ghost_axpwz_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_axpwz_gg_.__ghost_axpwz_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_axpwz_gg_.__keyboardFocused_axpwz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_axpwz_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}@media (max-width:767px){.___SWindow_axpwz_gg_{min-width:60%}.___SOverlay_axpwz_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "axpwz_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_axpwz_gg_",
-  "_ghost": "__ghost_axpwz_gg_",
-  "__SClose": "___SClose_axpwz_gg_",
-  "_keyboardFocused": "__keyboardFocused_axpwz_gg_",
-  "__STitle": "___STitle_axpwz_gg_",
-  "__SOverlay": "___SOverlay_axpwz_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_of5e5_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_of5e5_gg_:focus{outline:0}.___SWindow_of5e5_gg_.__ghost_of5e5_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_of5e5_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_of5e5_gg_ .___SOverlay_of5e5_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_of5e5_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_of5e5_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_of5e5_gg_.__ghost_of5e5_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_of5e5_gg_.__ghost_of5e5_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_of5e5_gg_.__keyboardFocused_of5e5_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_of5e5_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}@media (max-width:767px){.___SWindow_of5e5_gg_{min-width:60%}.___SOverlay_of5e5_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "of5e5_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_of5e5_gg_",
+  "_ghost": "__ghost_of5e5_gg_",
+  "__SClose": "___SClose_of5e5_gg_",
+  "_keyboardFocused": "__keyboardFocused_of5e5_gg_",
+  "__STitle": "___STitle_of5e5_gg_",
+  "__SOverlay": "___SOverlay_of5e5_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
@@ -136,10 +136,12 @@ var ModalRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps4 = this.asProps,
         Children = _this$asProps4.Children,
         disablePortal = _this$asProps4.disablePortal,
-        forcedAdvancedMode = _this$asProps4.forcedAdvancedMode;
+        forcedAdvancedMode = _this$asProps4.forcedAdvancedMode,
+        ignorePortalsStacking = _this$asProps4.ignorePortalsStacking;
       var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);
       return /*#__PURE__*/React.createElement(Portal, {
-        disablePortal: disablePortal
+        disablePortal: disablePortal,
+        ignorePortalsStacking: ignorePortalsStacking
       }, advancedMode ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Modal.Overlay, null, /*#__PURE__*/React.createElement(Modal.Window, _assignProps({}, _ref))));
     }
   }]);