@semcore/base-trigger 16.4.6-prerelease.9 → 16.5.0-prerelease.0

package/lib/cjs/LinkTrigger.js

@@ -1,122 +1,112 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+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 _baseComponents = require("@semcore/base-components");
 var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
 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 _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_1mko8_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, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1mko8_gg_.__active_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1mko8_gg_.__active_1mko8_gg_ .___SText_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active .___SText_1mko8_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover .___SText_1mko8_gg_{border-color:currentColor}}.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_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_1mko8_gg_.__color_1mko8_gg_{color:var(--color_1mko8)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_.__color_1mko8_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1mko8_gg_.__disabled_1mko8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1mko8_gg_,.___SLinkAddon_1mko8_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1mko8_gg_:not(:only-child):first-child,.___SLinkAddon_1mko8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1mko8_gg_:not(:only-child):last-child,.___SLinkAddon_1mko8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1mko8_gg_{width:16px;height:16px}.___SLinkTrigger_1mko8_gg_._size_m_1mko8_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1mko8_gg_._size_l_1mko8_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1mko8_gg_,.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_gg_{transition:none}}", /*__inner_css_end__*/"1mko8_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_1oo37_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;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, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1oo37_gg_.__active_1oo37_gg_,.___SLinkTrigger_1oo37_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1oo37_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1oo37_gg_.__active_1oo37_gg_ .___SText_1oo37_gg_,.___SLinkTrigger_1oo37_gg_:active .___SText_1oo37_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1oo37_gg_:hover .___SText_1oo37_gg_{border-color:currentColor}}.___SLinkTrigger_1oo37_gg_ .___SText_1oo37_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_1oo37_gg_.__color_1oo37_gg_{color:var(--color_1oo37)}@media (hover:hover){.___SLinkTrigger_1oo37_gg_.__color_1oo37_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1oo37_gg_.__disabled_1oo37_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_1oo37_gg_,.___SLinkAddon_1oo37_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1oo37_gg_:not(:only-child):first-child,.___SLinkAddon_1oo37_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1oo37_gg_:not(:only-child):last-child,.___SLinkAddon_1oo37_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1oo37_gg_{width:16px;height:16px}.___SLinkTrigger_1oo37_gg_._size_m_1oo37_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1oo37_gg_._size_l_1oo37_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1oo37_gg_,.___SLinkTrigger_1oo37_gg_ .___SText_1oo37_gg_{transition:none}}", /*__inner_css_end__*/"1oo37_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLinkTrigger": "___SLinkTrigger_1mko8_gg_",
-  "_disabled": "__disabled_1mko8_gg_",
-  "__SLinkAddon": "___SLinkAddon_1mko8_gg_",
-  "_size_m": "_size_m_1mko8_gg_",
-  "_size_l": "_size_l_1mko8_gg_",
-  "_active": "__active_1mko8_gg_",
-  "__SText": "___SText_1mko8_gg_",
-  "_color": "__color_1mko8_gg_",
-  "--color": "--color_1mko8",
-  "__SAddon": "___SAddon_1mko8_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_1oo37_gg_",
+  "_disabled": "__disabled_1oo37_gg_",
+  "__SLinkAddon": "___SLinkAddon_1oo37_gg_",
+  "_size_m": "_size_m_1oo37_gg_",
+  "_size_l": "_size_l_1oo37_gg_",
+  "_active": "__active_1oo37_gg_",
+  "__SText": "___SText_1oo37_gg_",
+  "_color": "__color_1oo37_gg_",
+  "--color": "--color_1oo37",
+  "__SAddon": "___SAddon_1oo37_gg_"
 });
-class RootLinkTrigger extends _core.Component {
-  constructor(...args) {
-    super(...args);
-    (0, _defineProperty2.default)(this, "triggerRef", /*#__PURE__*/_react.default.createRef());
+var RootLinkTrigger = /*#__PURE__*/function (_Component) {
+  function RootLinkTrigger() {
+    (0, _classCallCheck2["default"])(this, RootLinkTrigger);
+    return (0, _callSuper2["default"])(this, RootLinkTrigger, arguments);
   }
-  getTextProps() {
-    const {
-      placeholder,
-      empty
-    } = this.asProps;
-    return {
-      placeholder,
-      empty,
-      triggerRef: this.triggerRef
-    };
-  }
-  render() {
-    var _ref = this.asProps,
-      _ref4;
-    const SLinkTrigger = _baseComponents.Box;
-    const SLinkAddon = LinkTrigger.Addon;
-    const {
-      Children,
-      loading,
-      styles,
-      empty,
-      color: providedColor,
-      resolveColor
-    } = this.asProps;
-    const color = resolveColor(providedColor);
-    return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", {
-      ...(0, _core.assignProps)({
+  (0, _inherits2["default"])(RootLinkTrigger, _Component);
+  return (0, _createClass2["default"])(RootLinkTrigger, [{
+    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,
+        _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,
+        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,
-        "ref": this.triggerRef,
         "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", {}))));
-  }
-}
-(0, _defineProperty2.default)(RootLinkTrigger, "displayName", 'LinkTrigger');
-(0, _defineProperty2.default)(RootLinkTrigger, "style", style);
-(0, _defineProperty2.default)(RootLinkTrigger, "defaultProps", {
+      }, _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)()]);
+(0, _defineProperty2["default"])(RootLinkTrigger, "enhance", [(0, _resolveColorEnhance["default"])()]);
 function Text(props) {
   var _ref2 = arguments[0],
     _ref5;
-  const SText = _typography.Text;
-  const textRef = _react.default.useRef();
-  const {
-    children,
-    styles,
-    empty,
-    placeholder,
-    triggerRef,
-    ellipsis = false,
-    hintProps
-  } = props;
-  const content = empty ? placeholder : children;
-  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SText, _ref5.cn("SText", {
-    ...(0, _core.assignProps)({
-      "display-placeholder": empty,
-      "ref": textRef,
-      "ellipsis": ellipsis,
-      "hintProps": {
-        ...hintProps,
-        triggerRef
-      }
-    }, _ref2)
-  }), content));
+  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;
-  const SAddon = _baseComponents.Box;
-  return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SAddon, _ref6.cn("SAddon", {
-    ...(0, _core.assignProps)({}, _ref3)
-  }));
+  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))));
 }
-const LinkTrigger = (0, _core.createComponent)(RootLinkTrigger, {
-  Text,
-  Addon
+var LinkTrigger = (0, _core.createComponent)(RootLinkTrigger, {
+  Text: Text,
+  Addon: Addon
 });
-var _default = exports.default = LinkTrigger;
+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","_baseComponents","_addonTextChildren","_interopRequireDefault","_resolveColorEnhance","_m","_spin","_typography","_react","style","sstyled","insert","RootLinkTrigger","Component","constructor","args","_defineProperty2","default","React","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","_ref4","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","color","providedColor","resolveColor","createElement","cn","assignProps","addonTextChildren","Text","size","resolveColorEnhance","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","ellipsis","hintProps","content","Fragment","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { 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 ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Text as TextKit } from '@semcore/typography';\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  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 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        ref={this.triggerRef}\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 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        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  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":[]}
+{"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 { 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 = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\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 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', 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/index.js

@@ -1,31 +1,31 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ButtonTrigger", {
   enumerable: true,
-  get: function () {
-    return _ButtonTrigger.default;
+  get: function get() {
+    return _ButtonTrigger["default"];
   }
 });
 Object.defineProperty(exports, "FilterTrigger", {
   enumerable: true,
-  get: function () {
-    return _FilterTrigger.default;
+  get: function get() {
+    return _FilterTrigger["default"];
   }
 });
 Object.defineProperty(exports, "LinkTrigger", {
   enumerable: true,
-  get: function () {
-    return _LinkTrigger.default;
+  get: function get() {
+    return _LinkTrigger["default"];
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
-    return _BaseTrigger.default;
+  get: function get() {
+    return _BaseTrigger["default"];
   }
 });
 var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));

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

@@ -19,11 +19,11 @@ SBaseTrigger {
   font-family: inherit;
   cursor: pointer;
 
-  background: var(--intergalactic-bg-primary-neutral, #ffffff);
+  background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
 
   font-weight: var(--intergalactic-regular, 400);
-  border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
-  color: var(--intergalactic-text-primary, #191b23);
+  border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
   &::-moz-focus-inner {
     border: none;
@@ -36,22 +36,22 @@ SBaseTrigger {
   }
 
   &:focus-visible {
-    border: 1px solid var(--intergalactic-border-info-active, #006dca);
+    border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
   }
 
   &:hover {
-    background-color: var(--intergalactic-bg-primary-neutral-hover, #f4f5f9);
+    background-color: var(--intergalactic-bg-primary-neutral-hover, oklch(0.98 0.001 180));
   }
 
   &:active,
   &[active] {
-    border-color: var(--intergalactic-border-info-active, #006dca);
-    background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+    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));
   }
 }
 
 SBaseTrigger[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
   cursor: default;
   /* Disable link interactions */
   pointer-events: none;
@@ -160,18 +160,18 @@ SBaseTrigger[neighborLocation='left'] {
 }
 
 SText[display-placeholder] {
-  color: var(--intergalactic-text-placeholder, #8a8e9b);
+  color: var(--intergalactic-text-placeholder, oklch(0.098 0.023 157.4 / 0.457));
 }
 
 SBaseTrigger[state='valid'] {
-  border-color: var(--intergalactic-border-success-active, #007c65);
+  border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
 }
 
 SBaseTrigger[state='invalid'] {
-  border-color: var(--intergalactic-border-critical-active, #d1002f);
+  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, #ff4953);
+    outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
   }
 }
 

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

@@ -4,5 +4,5 @@ SButtonAddon {
 }
 
 SButtonTriggerSpin {
-  fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
+  fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
 }

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

@@ -1,15 +1,15 @@
 SFilterTrigger[selected] {
-  border-color: var(--intergalactic-border-info-active, #006dca);
-  background-color: var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));
-  color: var(--intergalactic-text-primary, #191b23);
+  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));
 
   &:hover {
-    background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
+    background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
   }
 
   &:active,
   &[active] {
-    background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
+    background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
   }
 }
 
@@ -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

@@ -16,7 +16,7 @@ SLinkTrigger {
   vertical-align: middle;
   font-family: inherit;
   cursor: pointer;
-  color: var(--intergalactic-text-link, #006dca);
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
   background: none;
   transition: color 0.15s ease-in-out;
   border: 0;
@@ -24,7 +24,7 @@ SLinkTrigger {
   &[active],
   &:hover,
   &:active {
-    color: var(--intergalactic-text-link-hover-active, #044792);
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
 
     & SText {
       border-color: currentColor;
@@ -50,7 +50,7 @@ SLinkTrigger[color] {
 }
 
 SLinkTrigger[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
   cursor: default;
   pointer-events: none;
 }

package/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,20 +19,20 @@ var _sv = _interopRequireDefault(require("./sv.json"));
 var _tr = _interopRequireDefault(require("./tr.json"));
 var _vi = _interopRequireDefault(require("./vi.json"));
 var _zh = _interopRequireDefault(require("./zh.json"));
-const localizedMessages = exports.localizedMessages = {
-  de: _de.default,
-  en: _en.default,
-  es: _es.default,
-  fr: _fr.default,
-  it: _it.default,
-  ja: _ja.default,
-  ko: _ko.default,
-  nl: _nl.default,
-  pt: _pt.default,
-  tr: _tr.default,
-  vi: _vi.default,
-  zh: _zh.default,
-  pl: _pl.default,
-  sv: _sv.default
+var localizedMessages = exports.localizedMessages = {
+  de: _de["default"],
+  en: _en["default"],
+  es: _es["default"],
+  fr: _fr["default"],
+  it: _it["default"],
+  ja: _ja["default"],
+  ko: _ko["default"],
+  nl: _nl["default"],
+  pt: _pt["default"],
+  tr: _tr["default"],
+  vi: _vi["default"],
+  zh: _zh["default"],
+  pl: _pl["default"],
+  sv: _sv["default"]
 };
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}