@semcore/base-trigger 16.4.5 → 16.4.6-prerelease.12

package/lib/es6/BaseTrigger.js

@@ -1,97 +1,89 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';
 import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
 import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
-import logger from '@semcore/core/lib/utils/logger';
 import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
-import { Box, InvalidStateBox } from '@semcore/flex-box';
-import NeighborLocation from '@semcore/neighbor-location';
+import { Text as TextKit } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_1t5fd_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1t5fd_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1t5fd_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1t5fd_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1t5fd_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1t5fd_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1t5fd_gg_.__active_1t5fd_gg_,.___SBaseTrigger_1t5fd_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1t5fd_gg_.__disabled_1t5fd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1t5fd_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1t5fd_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1t5fd_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1t5fd_gg_{width:12px;height:12px}.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_ .___SAddon_1t5fd_gg_:only-child,.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_ .___SAddon_1t5fd_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._neighborLocation_right_1t5fd_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1t5fd_gg_._neighborLocation_both_1t5fd_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1t5fd_gg_._neighborLocation_left_1t5fd_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1t5fd_gg_._neighborLocation_left_1t5fd_gg_.__disabled_1t5fd_gg_{border-left:none;margin-left:0}.___SText_1t5fd_gg_.__display-placeholder_1t5fd_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1t5fd_gg_._state_valid_1t5fd_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1t5fd_gg_._state_invalid_1t5fd_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1t5fd_gg_._state_invalid_1t5fd_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_1t5fd_gg_._size_m_1t5fd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1t5fd_gg_._size_l_1t5fd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"1t5fd_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_zjohw_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_zjohw_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_zjohw_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_zjohw_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_zjohw_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_zjohw_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_zjohw_gg_.__active_zjohw_gg_,.___SBaseTrigger_zjohw_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_zjohw_gg_.__disabled_zjohw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_zjohw_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_zjohw_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_zjohw_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_zjohw_gg_{width:12px;height:12px}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:only-child,.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._neighborLocation_right_zjohw_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_zjohw_gg_._neighborLocation_both_zjohw_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_zjohw_gg_._neighborLocation_left_zjohw_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_zjohw_gg_._neighborLocation_left_zjohw_gg_.__disabled_zjohw_gg_{border-left:none;margin-left:0}.___SText_zjohw_gg_.__display-placeholder_zjohw_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_zjohw_gg_._state_valid_zjohw_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_zjohw_gg_._state_invalid_zjohw_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_zjohw_gg_._state_invalid_zjohw_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_zjohw_gg_._size_m_zjohw_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_zjohw_gg_._size_l_zjohw_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"zjohw_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBaseTrigger": "___SBaseTrigger_1t5fd_gg_",
-  "_disabled": "__disabled_1t5fd_gg_",
-  "__SInner": "___SInner_1t5fd_gg_",
-  "__SText": "___SText_1t5fd_gg_",
-  "__SAddon": "___SAddon_1t5fd_gg_",
-  "__SBaseAddon": "___SBaseAddon_1t5fd_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1t5fd_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1t5fd_gg_",
-  "_display-placeholder": "__display-placeholder_1t5fd_gg_",
-  "_state_valid": "_state_valid_1t5fd_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1t5fd_gg_",
-  "_size_m": "_size_m_1t5fd_gg_",
-  "_size_l": "_size_l_1t5fd_gg_",
-  "_active": "__active_1t5fd_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1t5fd_gg_",
-  "_state_invalid": "_state_invalid_1t5fd_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_zjohw_gg_",
+  "_disabled": "__disabled_zjohw_gg_",
+  "__SInner": "___SInner_zjohw_gg_",
+  "__SText": "___SText_zjohw_gg_",
+  "__SAddon": "___SAddon_zjohw_gg_",
+  "__SBaseAddon": "___SBaseAddon_zjohw_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_zjohw_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_zjohw_gg_",
+  "_display-placeholder": "__display-placeholder_zjohw_gg_",
+  "_state_valid": "_state_valid_zjohw_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_zjohw_gg_",
+  "_size_m": "_size_m_zjohw_gg_",
+  "_size_l": "_size_l_zjohw_gg_",
+  "_active": "__active_zjohw_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_zjohw_gg_",
+  "_state_invalid": "_state_invalid_zjohw_gg_"
 });
-var RootBaseTrigger = /*#__PURE__*/function (_Component) {
-  function RootBaseTrigger() {
-    _classCallCheck(this, RootBaseTrigger);
-    return _callSuper(this, RootBaseTrigger, arguments);
+class RootBaseTrigger extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "triggerRef", /*#__PURE__*/React.createRef());
   }
-  _inherits(RootBaseTrigger, _Component);
-  return _createClass(RootBaseTrigger, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      var _this$asProps = this.asProps,
-        placeholder = _this$asProps.placeholder,
-        empty = _this$asProps.empty;
-      return {
-        placeholder: placeholder,
-        empty: empty
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _this = this;
-      var SBaseTrigger = Box;
-      var SInner = 'span';
-      var SInvalidPattern = InvalidStateBox;
-      var _this$asProps2 = this.asProps,
-        Children = _this$asProps2.Children,
-        styles = _this$asProps2.styles,
-        theme = _this$asProps2.theme,
-        neighborLocation = _this$asProps2.neighborLocation,
-        empty = _this$asProps2.empty,
-        state = _this$asProps2.state,
-        size = _this$asProps2.size;
-      logger.warn(theme !== undefined, 'The \'theme\' property is deprecated, use \'state\'', this.asProps['data-ui-name'] || BaseTrigger.displayName);
+  getTextProps() {
+    const {
+      placeholder,
+      empty
+    } = this.asProps;
+    return {
+      placeholder,
+      empty,
+      triggerRef: this.triggerRef
+    };
+  }
+  render() {
+    var _ref = this.asProps;
+    const SBaseTrigger = Box;
+    const SInner = 'span';
+    const SInvalidPattern = InvalidStateBox;
+    const {
+      Children,
+      styles,
+      theme,
+      neighborLocation,
+      empty,
+      state,
+      size
+    } = this.asProps;
 
-      // TODO: add aria
-      return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
-        neighborLocation: neighborLocation
-      }, function (neighborLocation) {
-        var _ref4;
-        return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, _assignProps({
+    // TODO: add aria
+    return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
+      neighborLocation: neighborLocation
+    }, neighborLocation => {
+      var _ref4;
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", {
+        ..._assignProps({
           "tag": 'button',
           "type": 'button',
           "tabIndex": 0,
           "neighborLocation": neighborLocation,
-          "state": theme
-        }, _ref))), state === 'invalid' && /*#__PURE__*/React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
-          "size": size
-        })), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {
-          "data-ui-name": "".concat(_this.asProps['data-ui-name'], ".InnerTriggerWrapper")
-        }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
-      });
-    }
-  }]);
-}(Component);
+          "state": theme,
+          "ref": this.triggerRef
+        }, _ref)
+      }), state === 'invalid' && /*#__PURE__*/React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
+        "size": size
+      })), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {
+        "data-ui-name": `${this.asProps['data-ui-name']}.InnerTriggerWrapper`
+      }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
+    });
+  }
+}
 _defineProperty(RootBaseTrigger, "displayName", 'BaseTrigger');
 _defineProperty(RootBaseTrigger, "enhance", [cssVariableEnhance({
   variable: '--intergalactic-duration-control',
@@ -110,26 +102,45 @@ _defineProperty(RootBaseTrigger, "defaultProps", {
 function Text(props) {
   var _ref2 = arguments[0],
     _ref5;
-  var SText = Box;
-  var children = props.children,
-    styles = props.styles,
-    empty = props.empty,
-    placeholder = props.placeholder;
-  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
-    "display-placeholder": empty,
-    "aria-hidden": empty
-  }, _ref2))), empty ? placeholder : children);
+  const SText = TextKit;
+  const textRef = React.useRef();
+  const {
+    children,
+    styles,
+    empty,
+    placeholder,
+    triggerRef,
+    ellipsis = false,
+    hintProps
+  } = props;
+  const content = empty ? placeholder : children;
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", {
+    ..._assignProps2({
+      "display-placeholder": empty,
+      "aria-hidden": empty,
+      "ref": textRef,
+      "ellipsis": ellipsis,
+      "hintProps": {
+        ...hintProps,
+        triggerRef
+      }
+    }, _ref2)
+  }), content));
 }
 function Addon(props) {
   var _ref3 = arguments[0],
     _ref6;
-  var SAddon = Box;
-  var styles = props.styles;
-  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({}, _ref3))));
+  const SAddon = Box;
+  const {
+    styles
+  } = props;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", {
+    ..._assignProps3({}, _ref3)
+  }));
 }
-var BaseTrigger = createComponent(RootBaseTrigger, {
-  Text: Text,
-  Addon: Addon
+const BaseTrigger = createComponent(RootBaseTrigger, {
+  Text,
+  Addon
 });
 export default BaseTrigger;
 //# sourceMappingURL=BaseTrigger.js.map

package/lib/es6/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","logger","cssVariableEnhance","Box","InvalidStateBox","NeighborLocation","React","style","_sstyled","insert","RootBaseTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_this","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","concat","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      'The \\'theme\\' property is deprecated, use \\'state\\'',\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger\n              render={Box}\n              tag='button'\n              type='button'\n              tabIndex={0}\n              neighborLocation={neighborLocation}\n              state={theme}\n            >\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;;;;;;AAAA,SAASA,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,MAAM,MAAM,gCAAgC;AACnD,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,SAASC,GAAG,EAAEC,eAAe,QAAQ,mBAAmB;AACxD,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,eAAe,0BAAAC,UAAA;EAAA,SAAAD,gBAAA;IAAAE,eAAA,OAAAF,eAAA;IAAA,OAAAG,UAAA,OAAAH,eAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,eAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,eAAA;IAAAO,GAAA;IAAAC,KAAA,EAqBnB,SAAAC,YAAYA,CAAA,EAAG;MACb,IAAAC,aAAA,GAA+B,IAAI,CAACC,OAAO;QAAnCC,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;MAC1B,OAAO;QACLD,WAAW,EAAXA,WAAW;QACXC,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAJ,OAAA;QAAAK,KAAA;MACP,IAAMC,YAAY,GAiBAxB,GAAG;MAhBrB,IAAMyB,MAAM,GAAG,MAAM;MACrB,IAAMC,eAAe,GAAGzB,eAAe;MACvC,IAAA0B,cAAA,GAA0E,IAAI,CAACT,OAAO;QAA9EU,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;QAAEC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAAEX,KAAK,GAAAO,cAAA,CAALP,KAAK;QAAEY,KAAK,GAAAL,cAAA,CAALK,KAAK;QAAEC,IAAI,GAAAN,cAAA,CAAJM,IAAI;MAErEnC,MAAM,CAACoC,IAAI,CACTJ,KAAK,KAAKK,SAAS,EACnB,qDAAqD,EACrD,IAAI,CAACjB,OAAO,CAAC,cAAc,CAAC,IAAIkB,WAAW,CAACC,WAC9C,CAAC;;MAED;MACA,oBACElC,KAAA,CAAAmC,aAAA,CAACpC,gBAAgB,CAACqC,MAAM;QAACR,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAS,KAAA;QAAA,OAAAA,KAAA,GAChB7C,OAAO,CAACkC,MAAM,CAAC,eACb1B,KAAA,CAAAmC,aAAA,CAACd,YAAY,EAAAgB,KAAA,CAAAC,EAAA,iBAAAC,aAAA,KAAAC,YAAA;UAAA,OAEP,QAAQ;UAAA,QACP,QAAQ;UAAA,YACH,CAAC;UAAA,oBACOZ,gBAAgB;UAAA,SAC3BD;QAAK,GAAAR,IAAA,KAEXU,KAAK,KAAK,SAAS,iBAAI7B,KAAA,CAAAmC,aAAA,CAACZ,eAAe,EAAAc,KAAA,CAAAC,EAAA;UAAA,QAAOR;QAAI,EAAG,CAAC,eACvD9B,KAAA,CAAAmC,aAAA,CAACb,MAAM,EAAAe,KAAA,CAAAC,EAAA;UAAA,mBAAAG,MAAA,CAAkBrB,KAAI,CAACL,OAAO,CAAC,cAAc,CAAC;QAAA,IAClDtB,iBAAiB,CAACgC,QAAQ,EAAEQ,WAAW,CAACS,IAAI,EAAET,WAAW,CAACU,KAAK,EAAE1B,KAAK,CACjE,CACI,CAAC;MAAA,CAEI,CAAC;IAE9B;EAAC;AAAA,EA9D2B3B,SAAS;AAAAsD,eAAA,CAAjCxC,eAAe,iBACE,aAAa;AAAAwC,eAAA,CAD9BxC,eAAe,aAEF,CACfR,kBAAkB,CAAC;EACjBiD,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFxD,mBAAmB,CAAC;EAClByD,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAR,eAAA,CAbGxC,eAAe,WAeJH,KAAK;AAAA2C,eAAA,CAfhBxC,eAAe,kBAgBG;EACpB0B,IAAI,EAAE,GAAG;EACTb,KAAK,EAAE;AACT,CAAC;AA8CH,SAASyB,IAAIA,CAACW,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAIM5D,GAAG;EAHpB,IAAQ6D,QAAQ,GAAiCL,KAAK,CAA9CK,QAAQ;IAAEhC,MAAM,GAAyB2B,KAAK,CAApC3B,MAAM;IAAET,KAAK,GAAkBoC,KAAK,CAA5BpC,KAAK;IAAED,WAAW,GAAKqC,KAAK,CAArBrC,WAAW;EAE5C,OAAAwC,KAAA,GAAOhE,OAAO,CAACkC,MAAM,CAAC,eACpB1B,KAAA,CAAAmC,aAAA,CAACsB,KAAK,EAAAD,KAAA,CAAAlB,EAAA,UAAAC,aAAA,KAAAoB,aAAA;IAAA,uBAAmC1C,KAAK;IAAA,eAAeA;EAAK,GAAAqC,KAAA,KAC/DrC,KAAK,GAAGD,WAAW,GAAG0C,QAClB,CAAC;AAEZ;AAEA,SAASf,KAAKA,CAACU,KAAK,EAAE;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACpB,IAAMC,MAAM,GAE2BjE,GAAG;EAD1C,IAAQ6B,MAAM,GAAK2B,KAAK,CAAhB3B,MAAM;EACd,OAAAmC,KAAA,GAAOrE,OAAO,CAACkC,MAAM,CAAC,eAAC1B,KAAA,CAAAmC,aAAA,CAAC2B,MAAM,EAAAD,KAAA,CAAAvB,EAAA,WAAAC,aAAA,KAAAwB,aAAA,KAAAH,KAAA,GAAe,CAAC;AAChD;AAEA,IAAM3B,WAAW,GAAG5C,eAAe,CAACe,eAAe,EAAE;EACnDsC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeV,WAAW","ignoreList":[]}
+{"version":3,"file":"BaseTrigger.js","names":["NeighborLocation","Box","InvalidStateBox","createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","Text","TextKit","React","style","_sstyled","insert","RootBaseTrigger","constructor","args","_defineProperty","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","SInner","SInvalidPattern","Children","styles","theme","neighborLocation","state","size","createElement","Detect","_ref4","cn","_assignProps","BaseTrigger","Addon","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","textRef","useRef","children","ellipsis","hintProps","content","Fragment","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Text as TextKit } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  triggerRef = React.createRef();\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n      triggerRef: this.triggerRef,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger\n              render={Box}\n              tag='button'\n              type='button'\n              tabIndex={0}\n              neighborLocation={neighborLocation}\n              state={theme}\n              ref={this.triggerRef}\n            >\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const textRef = React.useRef();\n  const { children, styles, empty, placeholder, triggerRef, ellipsis = false, hintProps } = props;\n  const content = empty ? placeholder : children;\n\n  return sstyled(styles)(\n    <>\n      <SText\n        render={TextKit}\n        display-placeholder={empty}\n        aria-hidden={empty}\n        ref={textRef}\n        ellipsis={ellipsis}\n        hintProps={{\n          ...hintProps,\n          triggerRef,\n        }}\n      >\n        {content}\n      </SText>\n    </>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;AAAA,SAASA,gBAAgB,EAAEC,GAAG,EAAEC,eAAe,QAAQ,0BAA0B;AACjF,SAASC,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,SAASC,IAAI,IAAIC,OAAO,QAAQ,qBAAqB;AACrD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,MAAMC,eAAe,SAASZ,SAAS,CAAC;EAAAa,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kCAqBzBP,KAAK,CAACQ,SAAS,CAAC,CAAC;EAAA;EAE9BC,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC,WAAW;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,OAAO;IAC3C,OAAO;MACLF,WAAW;MACXC,KAAK;MACLE,UAAU,EAAE,IAAI,CAACA;IACnB,CAAC;EACH;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAH,OAAA;IACP,MAAMI,YAAY,GAWA3B,GAAG;IAVrB,MAAM4B,MAAM,GAAG,MAAM;IACrB,MAAMC,eAAe,GAAG5B,eAAe;IACvC,MAAM;MAAE6B,QAAQ;MAAEC,MAAM;MAAEC,KAAK;MAAEC,gBAAgB;MAAEX,KAAK;MAAEY,KAAK;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACZ,OAAO;;IAEtF;IACA,oBACEZ,KAAA,CAAAyB,aAAA,CAACrC,gBAAgB,CAACsC,MAAM;MAACJ,gBAAgB,EAAEA;IAAiB,GACxDA,gBAAgB;MAAA,IAAAK,KAAA;MAAA,OAAAA,KAAA,GAChBjC,OAAO,CAAC0B,MAAM,CAAC,eACbpB,KAAA,CAAAyB,aAAA,CAACT,YAAY,EAAAW,KAAA,CAAAC,EAAA;QAAA,GAAAC,YAAA;UAAA,OAEP,QAAQ;UAAA,QACP,QAAQ;UAAA,YACH,CAAC;UAAA,oBACOP,gBAAgB;UAAA,SAC3BD,KAAK;UAAA,OACP,IAAI,CAACR;QAAU,GAAAE,IAAA;MAAA,IAEnBQ,KAAK,KAAK,SAAS,iBAAIvB,KAAA,CAAAyB,aAAA,CAACP,eAAe,EAAAS,KAAA,CAAAC,EAAA;QAAA,QAAOJ;MAAI,EAAG,CAAC,eACvDxB,KAAA,CAAAyB,aAAA,CAACR,MAAM,EAAAU,KAAA,CAAAC,EAAA;QAAA,gBAAe,GAAG,IAAI,CAAChB,OAAO,CAAC,cAAc,CAAC;MAAsB,IACxEjB,iBAAiB,CAACwB,QAAQ,EAAEW,WAAW,CAAChC,IAAI,EAAEgC,WAAW,CAACC,KAAK,EAAEpB,KAAK,CACjE,CACI,CAAC;IAAA,CAEI,CAAC;EAE9B;AACF;AAACJ,eAAA,CA7DKH,eAAe,iBACE,aAAa;AAAAG,eAAA,CAD9BH,eAAe,aAEF,CACfP,kBAAkB,CAAC;EACjBmC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFzC,mBAAmB,CAAC;EAClB0C,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAhC,eAAA,CAbGH,eAAe,WAeJH,KAAK;AAAAM,eAAA,CAfhBH,eAAe,kBAgBG;EACpBoB,IAAI,EAAE,GAAG;EACTb,KAAK,EAAE;AACT,CAAC;AA4CH,SAASb,IAAIA,CAAC0C,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,MAAMC,KAAK,GAQG7C,OAAO;EAPrB,MAAM8C,OAAO,GAAG7C,KAAK,CAAC8C,MAAM,CAAC,CAAC;EAC9B,MAAM;IAAEC,QAAQ;IAAE3B,MAAM;IAAET,KAAK;IAAED,WAAW;IAAEG,UAAU;IAAEmC,QAAQ,GAAG,KAAK;IAAEC;EAAU,CAAC,GAAGT,KAAK;EAC/F,MAAMU,OAAO,GAAGvC,KAAK,GAAGD,WAAW,GAAGqC,QAAQ;EAE9C,OAAAJ,KAAA,GAAOjD,OAAO,CAAC0B,MAAM,CAAC,eACpBpB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAmD,QAAA,qBACEnD,KAAA,CAAAyB,aAAA,CAACmB,KAAK,EAAAD,KAAA,CAAAf,EAAA;IAAA,GAAAwB,aAAA;MAAA,uBAEiBzC,KAAK;MAAA,eACbA,KAAK;MAAA,OACbkC,OAAO;MAAA,YACFG,QAAQ;MAAA,aACP;QACT,GAAGC,SAAS;QACZpC;MACF;IAAC,GAAA4B,KAAA;EAAA,IAEAS,OACI,CACP,CAAC;AAEP;AAEA,SAASnB,KAAKA,CAACS,KAAK,EAAE;EAAA,IAAAa,KAAA,GAAAX,YAAA;IAAAY,KAAA;EACpB,MAAMC,MAAM,GAE2BlE,GAAG;EAD1C,MAAM;IAAE+B;EAAO,CAAC,GAAGoB,KAAK;EACxB,OAAAc,KAAA,GAAO5D,OAAO,CAAC0B,MAAM,CAAC,eAACpB,KAAA,CAAAyB,aAAA,CAAC8B,MAAM,EAAAD,KAAA,CAAA1B,EAAA;IAAA,GAAA4B,aAAA,KAAAH,KAAA;EAAA,EAAe,CAAC;AAChD;AAEA,MAAMvB,WAAW,GAAGvC,eAAe,CAACa,eAAe,EAAE;EACnDN,IAAI;EACJiC;AACF,CAAC,CAAC;AAEF,eAAeD,WAAW","ignoreList":[]}

package/lib/es6/ButtonTrigger.js

@@ -1,7 +1,3 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
@@ -14,54 +10,43 @@ import Spin from '@semcore/spin';
 import React from 'react';
 import BaseTrigger from './BaseTrigger';
 /*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1l4qi_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1l4qi_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"1l4qi_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1w7ap_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1w7ap_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"1w7ap_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButtonAddon": "___SButtonAddon_1l4qi_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1l4qi_gg_"
+  "__SButtonAddon": "___SButtonAddon_1w7ap_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1w7ap_gg_"
 });
-var RootButtonTrigger = /*#__PURE__*/function (_Component) {
-  function RootButtonTrigger() {
-    _classCallCheck(this, RootButtonTrigger);
-    return _callSuper(this, RootButtonTrigger, arguments);
+class RootButtonTrigger extends Component {
+  getTextProps() {
+    return {
+      tag: 'span'
+    };
   }
-  _inherits(RootButtonTrigger, _Component);
-  return _createClass(RootButtonTrigger, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      return {
-        tag: 'span'
-      };
-    }
-  }, {
-    key: "getAddonProps",
-    value: function getAddonProps() {
-      return {
-        tag: 'span'
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SButtonAddon = ButtonTrigger.Addon;
-      var SButtonTriggerSpin = Spin;
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        styles = _this$asProps.styles,
-        loading = _this$asProps.loading,
-        chevron = _this$asProps.chevron,
-        empty = _this$asProps.empty;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
-        "tabIndex": loading ? -1 : 0
-      }, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
-        "size": 'xs',
-        "theme": false
-      })) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
-    }
-  }]);
-}(Component);
+  getAddonProps() {
+    return {
+      tag: 'span'
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const SButtonAddon = ButtonTrigger.Addon;
+    const SButtonTriggerSpin = Spin;
+    const {
+      Children,
+      styles,
+      loading,
+      chevron,
+      empty
+    } = this.asProps;
+    return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
+      "tabIndex": loading ? -1 : 0
+    }, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
+      "size": 'xs',
+      "theme": false
+    })) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
+  }
+}
 _defineProperty(RootButtonTrigger, "displayName", 'ButtonTrigger');
 _defineProperty(RootButtonTrigger, "style", style);
 _defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
@@ -76,7 +61,7 @@ _defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
 _defineProperty(RootButtonTrigger, "defaultProps", {
   chevron: true
 });
-var ButtonTrigger = createComponent(RootButtonTrigger, {
+const ButtonTrigger = createComponent(RootButtonTrigger, {
   Text: BaseTrigger.Text,
   Addon: BaseTrigger.Addon
 }, {

package/lib/es6/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","ChevronDown","Spin","React","BaseTrigger","style","_sstyled","insert","RootButtonTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  static defaultProps = {\n    chevron: true,\n  };\n\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, chevron, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tabIndex={loading ? -1 : 0}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        {(chevron || loading) && (\n          <SButtonAddon>\n            {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n          </SButtonAddon>\n        )}\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ButtonTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","ChevronDown","Spin","React","BaseTrigger","style","_sstyled","insert","RootButtonTrigger","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Children","styles","loading","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  static defaultProps = {\n    chevron: true,\n  };\n\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, chevron, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tabIndex={loading ? -1 : 0}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        {(chevron || loading) && (\n          <SButtonAddon>\n            {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n          </SButtonAddon>\n        )}\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;AAAA,SAASA,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,WAAW,MAAM,eAAe;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAGxC,MAAMC,iBAAiB,SAASb,SAAS,CAAC;EAoBxCc,YAAYA,CAAA,EAAG;IACb,OAAO;MACLC,GAAG,EAAE;IACP,CAAC;EACH;EAEAC,aAAaA,CAAA,EAAG;IACd,OAAO;MACLD,GAAG,EAAE;IACP,CAAC;EACH;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;IACxC,MAAMC,kBAAkB,GAAGjB,IAAI;IAC/B,MAAM;MAAEkB,QAAQ;MAAEC,MAAM;MAAEC,OAAO;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACV,OAAO;IAElE,OAAAC,KAAA,GAAOlB,OAAO,CAACwB,MAAM,CAAC,eACpBlB,KAAA,CAAAsB,aAAA,CAAcrB,WAAW,EAAAsB,YAAA;MAAA,YAAYJ,OAAO,GAAG,CAAC,CAAC,GAAG;IAAC,GAAAT,IAAA,GAClDf,iBAAiB,CAACsB,QAAQ,EAAEH,aAAa,CAACU,IAAI,EAAEV,aAAa,CAACC,KAAK,EAAEM,KAAK,CAAC,EAC3E,CAACD,OAAO,IAAID,OAAO,kBAClBnB,KAAA,CAAAsB,aAAA,CAACT,YAAY,EAAAD,KAAA,CAAAa,EAAA,sBACVN,OAAO,gBAAGnB,KAAA,CAAAsB,aAAA,CAACN,kBAAkB,EAAAJ,KAAA,CAAAa,EAAA;MAAA,QAAM,IAAI;MAAA,SAAQ;IAAK,EAAG,CAAC,gBAAGzB,KAAA,CAAAsB,aAAA,CAACxB,WAAW,EAAAc,KAAA,CAAAa,EAAA,mBAAE,CAC9D,CAEZ,CAAC;EAEX;AACF;AAACC,eAAA,CAhDKrB,iBAAiB,iBACA,eAAe;AAAAqB,eAAA,CADhCrB,iBAAiB,WAENH,KAAK;AAAAwB,eAAA,CAFhBrB,iBAAiB,aAGJ,CACfR,kBAAkB,CAAC;EACjB8B,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFpC,mBAAmB,CAAC;EAClBqC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAR,eAAA,CAdGrB,iBAAiB,kBAgBC;EACpBe,OAAO,EAAE;AACX,CAAC;AAgCH,MAAMN,aAAa,GAAGvB,eAAe,CACnCc,iBAAiB,EACjB;EACEmB,IAAI,EAAEvB,WAAW,CAACuB,IAAI;EACtBT,KAAK,EAAEd,WAAW,CAACc;AACrB,CAAC,EACD;EACEoB,MAAM,EAAElC;AACV,CACF,CAAC;AAED,eAAea,aAAa","ignoreList":[]}