@semcore/base-trigger 16.5.0 → 16.5.1

package/lib/cjs/LinkTrigger.js

@@ -5,19 +5,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _button = require("@semcore/button");
 var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
-var _findComponent = require("@semcore/core/lib/utils/findComponent");
-var _l = _interopRequireDefault(require("@semcore/icon/ChevronDown/l"));
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
+var _flexBox = require("@semcore/flex-box");
 var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
 var _spin = _interopRequireDefault(require("@semcore/spin"));
 var _react = _interopRequireDefault(require("react"));
+/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_1xx8h_gg_{display:inline-flex;align-items: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;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1xx8h_gg_.__active_1xx8h_gg_,.___SLinkTrigger_1xx8h_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1xx8h_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1xx8h_gg_.__active_1xx8h_gg_ .___SText_1xx8h_gg_,.___SLinkTrigger_1xx8h_gg_:active .___SText_1xx8h_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1xx8h_gg_:hover .___SText_1xx8h_gg_{border-color:currentColor}}.___SLinkTrigger_1xx8h_gg_ .___SText_1xx8h_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1xx8h_gg_.__color_1xx8h_gg_{color:var(--color_1xx8h)}@media (hover:hover){.___SLinkTrigger_1xx8h_gg_.__color_1xx8h_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1xx8h_gg_.__disabled_1xx8h_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_1xx8h_gg_,.___SLinkAddon_1xx8h_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1xx8h_gg_:not(:only-child):first-child,.___SLinkAddon_1xx8h_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1xx8h_gg_:not(:only-child):last-child,.___SLinkAddon_1xx8h_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1xx8h_gg_{width:16px;height:16px}.___SLinkTrigger_1xx8h_gg_._size_m_1xx8h_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1xx8h_gg_._size_l_1xx8h_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1xx8h_gg_,.___SLinkTrigger_1xx8h_gg_ .___SText_1xx8h_gg_{transition:none}}", /*__inner_css_end__*/"1xx8h_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SLinkTrigger": "___SLinkTrigger_1xx8h_gg_",
+  "_disabled": "__disabled_1xx8h_gg_",
+  "__SLinkAddon": "___SLinkAddon_1xx8h_gg_",
+  "_size_m": "_size_m_1xx8h_gg_",
+  "_size_l": "_size_l_1xx8h_gg_",
+  "_active": "__active_1xx8h_gg_",
+  "__SText": "___SText_1xx8h_gg_",
+  "_color": "__color_1xx8h_gg_",
+  "--color": "--color_1xx8h",
+  "__SAddon": "___SAddon_1xx8h_gg_"
+});
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   function RootLinkTrigger() {
     (0, _classCallCheck2["default"])(this, RootLinkTrigger);
@@ -26,48 +41,72 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootLinkTrigger, _Component);
   return (0, _createClass2["default"])(RootLinkTrigger, [{
     key: "getTextProps",
-    value: function getTextProps(props) {
+    value: function getTextProps() {
       var _this$asProps = this.asProps,
         placeholder = _this$asProps.placeholder,
-        empty = _this$asProps.empty,
-        Children = _this$asProps.Children,
-        size = _this$asProps.size;
-      var content = empty ? placeholder : props.children;
-      var addons = (0, _findComponent.findAllComponents)(Children, [LinkTrigger.Addon.displayName]);
-      var addonWidth = size >= 600 ? 28 : 20;
+        empty = _this$asProps.empty;
       return {
-        'use:children': content,
-        empty: empty,
-        'w': "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
+        placeholder: placeholder,
+        empty: empty
       };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps;
-      var SLinkTrigger = _button.ButtonLink;
+      var _ref = this.asProps,
+        _ref4;
+      var SLinkTrigger = _flexBox.Box;
       var SLinkAddon = LinkTrigger.Addon;
       var _this$asProps2 = this.asProps,
         Children = _this$asProps2.Children,
         loading = _this$asProps2.loading,
+        styles = _this$asProps2.styles,
         empty = _this$asProps2.empty,
-        disabled = _this$asProps2.disabled,
-        size = _this$asProps2.size;
-      return /*#__PURE__*/_react["default"].createElement(SLinkTrigger, (0, _core.assignProps)({
-        "use:disabled": disabled || loading
-      }, _ref), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SLinkAddon, null, loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], {
-        size: size >= 600 ? 's' : 'xs',
-        theme: "currentColor"
-      }) : size >= 600 ? /*#__PURE__*/_react["default"].createElement(_l["default"], null) : /*#__PURE__*/_react["default"].createElement(_m["default"], null)));
+        providedColor = _this$asProps2.color,
+        resolveColor = _this$asProps2.resolveColor;
+      var color = resolveColor(providedColor);
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'button',
+        "type": 'button',
+        "tabIndex": loading ? -1 : 0,
+        "use:color": color
+      }, _ref))), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref4.cn("Spin", {
+        "size": 'xs',
+        "theme": 'currentColor'
+      })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("ChevronDown", {}))));
     }
   }]);
 }(_core.Component);
 (0, _defineProperty2["default"])(RootLinkTrigger, "displayName", 'LinkTrigger');
+(0, _defineProperty2["default"])(RootLinkTrigger, "style", style);
+(0, _defineProperty2["default"])(RootLinkTrigger, "defaultProps", {
+  size: 'm'
+});
+(0, _defineProperty2["default"])(RootLinkTrigger, "enhance", [(0, _resolveColorEnhance["default"])()]);
+function Text(props) {
+  var _ref2 = arguments[0],
+    _ref5;
+  var SText = _flexBox.Box;
+  var children = props.children,
+    styles = props.styles,
+    empty = props.empty,
+    placeholder = props.placeholder;
+  return _ref5 = (0, _core.sstyled)(styles),
+  /*#__PURE__*/
+  /* "use:" prefix was used for backward compatibility (by lsroman) */
+  _react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "display-placeholder": empty
+  }, _ref2))), empty ? placeholder : children);
+}
+function Addon(props) {
+  var _ref3 = arguments[0],
+    _ref6;
+  var SAddon = _flexBox.Box;
+  return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
+}
 var LinkTrigger = (0, _core.createComponent)(RootLinkTrigger, {
-  Text: _button.ButtonLink.Text,
-  Addon: _button.ButtonLink.Addon
-}, {
-  parent: _button.ButtonLink
+  Text: Text,
+  Addon: Addon
 });
 var _default = exports["default"] = LinkTrigger;
 //# sourceMappingURL=LinkTrigger.js.map

package/lib/cjs/LinkTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkTrigger.js","names":["_core","require","_button","_addonTextChildren","_interopRequireDefault","_findComponent","_l","_m","_spin","_react","RootLinkTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","props","_this$asProps","asProps","placeholder","empty","Children","size","content","children","addons","findAllComponents","LinkTrigger","Addon","displayName","addonWidth","concat","length","render","_ref","SLinkTrigger","ButtonLink","SLinkAddon","_this$asProps2","loading","disabled","createElement","assignProps","addonTextChildren","Text","theme","Component","_defineProperty2","createComponent","parent","_default","exports"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { findAllComponents } from '@semcore/core/lib/utils/findComponent';\nimport ChevronDownL from '@semcore/icon/ChevronDown/l';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nclass RootLinkTrigger extends Component {\n  static displayName = 'LinkTrigger';\n\n  getTextProps(props) {\n    const { placeholder, empty, Children, size } = this.asProps;\n    const content = empty ? placeholder : props.children;\n    const addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);\n    const addonWidth = size >= 600 ? 28 : 20;\n\n    return {\n      'use:children': content,\n      empty,\n      'w': `calc(100% - ${addonWidth * (addons.length + 1)}px)`,\n    };\n  }\n\n  render() {\n    const SLinkTrigger = Root;\n    const SLinkAddon = LinkTrigger.Addon;\n    const { Children, loading, empty, disabled, size } = this.asProps;\n\n    return (\n      <SLinkTrigger\n        render={ButtonLink}\n        use:disabled={disabled || loading}\n      >\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n        <SLinkAddon>\n          {loading\n            ? <Spin size={size >= 600 ? 's' : 'xs'} theme='currentColor' />\n            : size >= 600 ? <ChevronDownL /> : <ChevronDownM />}\n        </SLinkAddon>\n      </SLinkTrigger>\n    );\n  }\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n  Text: ButtonLink.Text,\n  Addon: ButtonLink.Addon,\n}, {\n  parent: ButtonLink,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinkTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_resolveColorEnhance","_flexBox","_m","_spin","_react","style","sstyled","insert","RootLinkTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread2","assignProps","addonTextChildren","Text","Component","_defineProperty2","size","resolveColorEnhance","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n  static displayName = 'LinkTrigger';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n\n  static enhance = [resolveColorEnhance()];\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SLinkTrigger = Root;\n    const SLinkAddon = LinkTrigger.Addon;\n    const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n    const color = resolveColor(providedColor);\n\n    return sstyled(styles)(\n      <SLinkTrigger\n        render={Box}\n        tag='button'\n        type='button'\n        tabIndex={loading ? -1 : 0}\n        use:color={color}\n      >\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n        <SLinkAddon>\n          {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n        </SLinkAddon>\n      </SLinkTrigger>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n  Text,\n  Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';\nimport type { ButtonLinkProps, ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { CounterProps } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n  };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /**\n   * Display the dropdowns chevron icon\n   * @default true\n   */\n  chevron?: boolean;\n};\n\nexport type LinkTriggerProps = ButtonLinkProps & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Placeholder text */\n  placeholder?: React.ReactNode;\n  /** Responsible for placeholder displaying */\n  empty?: boolean;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n  /** Count for render */\n  count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Text;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof ButtonLink.Text;\n  Addon: typeof ButtonLink.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { DotProps } from '@semcore/dot';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { NeighborItemProps } from '@semcore/neighbor-location';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n    /** Trigger theme\n     * @deprecated\n     * @use IBaseTriggerProps.state\n     * */\n    theme?: 'normal' | 'valid' | 'invalid' | false;\n  };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /**\n   * Display the dropdowns chevron icon\n   * @default true\n   */\n  chevron?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n  /** Count for render */\n  count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/style/base-trigger.shadow.css

@@ -36,7 +36,7 @@ SBaseTrigger {
   }
 
   &:focus-visible {
-    border: 1px solid var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
+    border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
   }
 
   &:hover {
@@ -45,7 +45,7 @@ SBaseTrigger {
 
   &:active,
   &[active] {
-    border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
+    border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
     background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   }
 }
@@ -164,11 +164,11 @@ SText[display-placeholder] {
 }
 
 SBaseTrigger[state='valid'] {
-  border-color: var(--intergalactic-border-success-active, oklch(0.7 0.166 170));
+  border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
 }
 
 SBaseTrigger[state='invalid'] {
-  border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
+  border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
 
   &:focus-visible {
     outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));

package/lib/cjs/style/filter-trigger.shadow.css

@@ -1,5 +1,5 @@
 SFilterTrigger[selected] {
-  border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
+  border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
   background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
   color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
@@ -20,3 +20,7 @@ SWrapper {
     outline: none;
   }
 }
+
+SCounter {
+  background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
+}

package/lib/cjs/style/link-trigger.shadow.css

@@ -0,0 +1,96 @@
+SLinkTrigger {
+  display: inline-flex;
+  align-items: center;
+  line-height: normal;
+  position: relative;
+  touch-action: manipulation;
+  white-space: nowrap;
+  user-select: none;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  text-decoration: none;
+  -webkit-tap-highlight-color: transparent;
+  overflow: visible;
+  outline: 0;
+  vertical-align: middle;
+  font-family: inherit;
+  cursor: pointer;
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+  background: none;
+  transition: color 0.15s ease-in-out;
+  border: 0;
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
+
+    & SText {
+      border-color: currentColor;
+    }
+  }
+
+  & SText {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-color: transparent;
+    transition: border-bottom-color 0.15s ease-in-out;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+}
+
+SLinkTrigger[color] {
+  color: var(--color);
+
+  &:hover {
+    filter: brightness(0.8);
+  }
+}
+
+SLinkTrigger[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+  cursor: default;
+  pointer-events: none;
+}
+
+SAddon,
+SLinkAddon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  margin-bottom: var(--intergalactic-spacing-05x, 2px);
+
+  &:not(:only-child):first-child {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
+
+  &:not(:only-child):last-child {
+    margin-left: var(--intergalactic-spacing-1x, 4px);
+  }
+}
+
+SLinkAddon {
+  width: 16px;
+  height: 16px;
+}
+
+SLinkTrigger[size='m'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+}
+
+SLinkTrigger[size='l'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+}
+
+@media (prefers-reduced-motion) {
+  SLinkTrigger {
+    transition: none;
+
+    & SText {
+      transition: none;
+    }
+  }
+}

package/lib/es6/BaseTrigger.js

@@ -8,44 +8,39 @@ 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 { Text as TextKit } from '@semcore/typography';
+import { Box, InvalidStateBox } from '@semcore/flex-box';
+import NeighborLocation from '@semcore/neighbor-location';
 import React from 'react';
 /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_y9ta2_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, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_y9ta2_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_y9ta2_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_y9ta2_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_y9ta2_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_y9ta2_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_y9ta2_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgb(135, 150, 239))}@media (hover:hover){.___SBaseTrigger_y9ta2_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_y9ta2_gg_.__active_y9ta2_gg_,.___SBaseTrigger_y9ta2_gg_:active{border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_y9ta2_gg_.__disabled_y9ta2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_y9ta2_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_y9ta2_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_y9ta2_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_y9ta2_gg_{width:12px;height:12px}.___SBaseTrigger_y9ta2_gg_._size_m_y9ta2_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_y9ta2_gg_._size_m_y9ta2_gg_ .___SAddon_y9ta2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_y9ta2_gg_._size_m_y9ta2_gg_ .___SAddon_y9ta2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_y9ta2_gg_._size_l_y9ta2_gg_ .___SAddon_y9ta2_gg_:only-child,.___SBaseTrigger_y9ta2_gg_._size_m_y9ta2_gg_ .___SAddon_y9ta2_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_y9ta2_gg_._size_l_y9ta2_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_y9ta2_gg_._size_l_y9ta2_gg_ .___SAddon_y9ta2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_y9ta2_gg_._size_l_y9ta2_gg_ .___SAddon_y9ta2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_y9ta2_gg_._neighborLocation_right_y9ta2_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_y9ta2_gg_._neighborLocation_both_y9ta2_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_y9ta2_gg_._neighborLocation_left_y9ta2_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_y9ta2_gg_._neighborLocation_left_y9ta2_gg_.__disabled_y9ta2_gg_{border-left:none;margin-left:0}.___SText_y9ta2_gg_.__display-placeholder_y9ta2_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_y9ta2_gg_._state_valid_y9ta2_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 185, 145))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_y9ta2_gg_._state_valid_y9ta2_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 185, 145))}@media (color-gamut:p3){.___SBaseTrigger_y9ta2_gg_._state_valid_y9ta2_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.21847 0.73243 0.56937))}}}.___SBaseTrigger_y9ta2_gg_._state_invalid_y9ta2_gg_{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_y9ta2_gg_._state_invalid_y9ta2_gg_{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@media (color-gamut:p3){.___SBaseTrigger_y9ta2_gg_._state_invalid_y9ta2_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923))}}}.___SBaseTrigger_y9ta2_gg_._state_invalid_y9ta2_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_y9ta2_gg_._size_m_y9ta2_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_y9ta2_gg_._size_l_y9ta2_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"y9ta2_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_ffk25_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, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_ffk25_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_ffk25_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_ffk25_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_ffk25_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_ffk25_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_ffk25_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419))}@media (hover:hover){.___SBaseTrigger_ffk25_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_ffk25_gg_.__active_ffk25_gg_,.___SBaseTrigger_ffk25_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_ffk25_gg_.__disabled_ffk25_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_ffk25_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_ffk25_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_ffk25_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_ffk25_gg_{width:12px;height:12px}.___SBaseTrigger_ffk25_gg_._size_m_ffk25_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_ffk25_gg_._size_m_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._size_m_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._size_l_ffk25_gg_ .___SAddon_ffk25_gg_:only-child,.___SBaseTrigger_ffk25_gg_._size_m_ffk25_gg_ .___SAddon_ffk25_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_ffk25_gg_._size_l_ffk25_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_ffk25_gg_._size_l_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._size_l_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._neighborLocation_right_ffk25_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_ffk25_gg_._neighborLocation_both_ffk25_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_ffk25_gg_._neighborLocation_left_ffk25_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_ffk25_gg_._neighborLocation_left_ffk25_gg_.__disabled_ffk25_gg_{border-left:none;margin-left:0}.___SText_ffk25_gg_.__display-placeholder_ffk25_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_ffk25_gg_._state_valid_ffk25_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_ffk25_gg_._state_valid_ffk25_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_ffk25_gg_._state_valid_ffk25_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_ffk25_gg_._size_m_ffk25_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_ffk25_gg_._size_l_ffk25_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"ffk25_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBaseTrigger": "___SBaseTrigger_y9ta2_gg_",
-  "_disabled": "__disabled_y9ta2_gg_",
-  "__SInner": "___SInner_y9ta2_gg_",
-  "__SText": "___SText_y9ta2_gg_",
-  "__SAddon": "___SAddon_y9ta2_gg_",
-  "__SBaseAddon": "___SBaseAddon_y9ta2_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_y9ta2_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_y9ta2_gg_",
-  "_display-placeholder": "__display-placeholder_y9ta2_gg_",
-  "_state_valid": "_state_valid_y9ta2_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_y9ta2_gg_",
-  "_size_m": "_size_m_y9ta2_gg_",
-  "_size_l": "_size_l_y9ta2_gg_",
-  "_active": "__active_y9ta2_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_y9ta2_gg_",
-  "_state_invalid": "_state_invalid_y9ta2_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_ffk25_gg_",
+  "_disabled": "__disabled_ffk25_gg_",
+  "__SInner": "___SInner_ffk25_gg_",
+  "__SText": "___SText_ffk25_gg_",
+  "__SAddon": "___SAddon_ffk25_gg_",
+  "__SBaseAddon": "___SBaseAddon_ffk25_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_ffk25_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_ffk25_gg_",
+  "_display-placeholder": "__display-placeholder_ffk25_gg_",
+  "_state_valid": "_state_valid_ffk25_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_ffk25_gg_",
+  "_size_m": "_size_m_ffk25_gg_",
+  "_size_l": "_size_l_ffk25_gg_",
+  "_active": "__active_ffk25_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_ffk25_gg_",
+  "_state_invalid": "_state_invalid_ffk25_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   function RootBaseTrigger() {
-    var _this;
     _classCallCheck(this, RootBaseTrigger);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RootBaseTrigger, [].concat(args));
-    _defineProperty(_this, "triggerRef", /*#__PURE__*/React.createRef());
-    return _this;
+    return _callSuper(this, RootBaseTrigger, arguments);
   }
   _inherits(RootBaseTrigger, _Component);
   return _createClass(RootBaseTrigger, [{
@@ -56,15 +51,14 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         empty = _this$asProps.empty;
       return {
         placeholder: placeholder,
-        empty: empty,
-        triggerRef: this.triggerRef
+        empty: empty
       };
     }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _this2 = this;
+        _this = this;
       var SBaseTrigger = Box;
       var SInner = 'span';
       var SInvalidPattern = InvalidStateBox;
@@ -76,6 +70,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         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);
 
       // TODO: add aria
       return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
@@ -87,12 +82,11 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
           "type": 'button',
           "tabIndex": 0,
           "neighborLocation": neighborLocation,
-          "state": theme,
-          "ref": _this2.triggerRef
+          "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(_this2.asProps['data-ui-name'], ".InnerTriggerWrapper")
+          "data-ui-name": "".concat(_this.asProps['data-ui-name'], ".InnerTriggerWrapper")
         }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
       });
     }
@@ -116,23 +110,15 @@ _defineProperty(RootBaseTrigger, "defaultProps", {
 function Text(props) {
   var _ref2 = arguments[0],
     _ref5;
-  var SText = TextKit;
-  var textRef = React.useRef();
+  var SText = Box;
   var children = props.children,
     styles = props.styles,
     empty = props.empty,
-    placeholder = props.placeholder,
-    triggerRef = props.triggerRef,
-    _props$ellipsis = props.ellipsis,
-    ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis;
-  var content = empty ? placeholder : children;
-  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
+    placeholder = props.placeholder;
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
     "display-placeholder": empty,
-    "aria-hidden": empty,
-    "ref": textRef,
-    "ellipsis": ellipsis,
-    "hint:triggerRef": triggerRef
-  }, _ref2))), content));
+    "aria-hidden": empty
+  }, _ref2))), empty ? placeholder : children);
 }
 function Addon(props) {
   var _ref3 = arguments[0],

package/lib/es6/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["NeighborLocation","Box","InvalidStateBox","createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","Text","TextKit","React","style","_sstyled","insert","RootBaseTrigger","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","_inherits","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","triggerRef","render","_ref","_this2","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","BaseTrigger","Addon","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","textRef","useRef","children","_props$ellipsis","ellipsis","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 } = 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        hint:triggerRef={triggerRef}\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":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

package/lib/es6/ButtonTrigger.js

@@ -14,11 +14,11 @@ 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_rlrw5_gg_{width:12px;height:12px}.___SButtonTriggerSpin_rlrw5_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}", /*__inner_css_end__*/"rlrw5_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1d85s_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1d85s_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}", /*__inner_css_end__*/"1d85s_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButtonAddon": "___SButtonAddon_rlrw5_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_rlrw5_gg_"
+  "__SButtonAddon": "___SButtonAddon_1d85s_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1d85s_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   function RootButtonTrigger() {
@@ -51,11 +51,10 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
         Children = _this$asProps.Children,
         styles = _this$asProps.styles,
         loading = _this$asProps.loading,
-        disabled = _this$asProps.disabled,
         chevron = _this$asProps.chevron,
         empty = _this$asProps.empty;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
-        "use:disabled": disabled || loading
+        "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

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","disabled","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, disabled, chevron, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} use:disabled={disabled || loading}>\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","_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":[]}