@semcore/base-trigger 2.5.0 → 2.5.3

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.5.3] - 2022-02-25
+
+### Fixed
+
+- Improved keyboard focus styles.
+
+## [2.5.2] - 2022-02-24
+
+### Added
+
+- Added repository field to package.json file.
+
+## [2.5.1] - 2022-02-18
+
+### Fixed
+
+- Fixed LinkTrigger hovered text color.
+
 ## [2.5.0] - 2022-01-18
 
 ### Changed
@@ -103,7 +121,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Исправлена типизация `FilterTrigger.Counter`
 
-## [2.0.2] - 2020-06-03
+## [2.0.2-0] - 2020-06-03
 
 ### Fixed
 

package/lib/cjs/BaseTrigger.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,9 +35,13 @@ var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addo
 
 var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -48,30 +52,30 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBaseTrigger_10p2s_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:1px solid #a6b0b3;background:#fff;color:#333}.___SBaseTrigger_10p2s_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_10p2s_gg_:active,.___SBaseTrigger_10p2s_gg_:focus,.___SBaseTrigger_10p2s_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_10p2s_gg_:active,.___SBaseTrigger_10p2s_gg_:hover,.___SBaseTrigger_10p2s_gg_.__active_10p2s_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_10p2s_gg_.__disabled_10p2s_gg_{opacity:.3;cursor:default;pointer-events:none}.___SBaseTrigger_10p2s_gg_.__keyboardFocused_10p2s_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SInner_10p2s_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_10p2s_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.1;flex-grow:1;text-align:left}.___SAddon_10p2s_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_10p2s_gg_{width:12px;height:12px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SText_10p2s_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SText_10p2s_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SText_10p2s_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SText_10p2s_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_10p2s_gg_._neighborLocation_right_10p2s_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_10p2s_gg_._neighborLocation_both_10p2s_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_10p2s_gg_._neighborLocation_left_10p2s_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_10p2s_gg_.__placeholder_10p2s_gg_{color:#aaa}.___SBaseTrigger_10p2s_gg_._state_normal_10p2s_gg_{border-color:#a6b0b3}.___SBaseTrigger_10p2s_gg_._state_valid_10p2s_gg_{border-color:#4fae33}.___SBaseTrigger_10p2s_gg_._state_invalid_10p2s_gg_{border-color:#ff7f00}"
+".___SBaseTrigger_qaw1b_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:1px solid #a6b0b3;background:#fff;color:#333333}.___SBaseTrigger_qaw1b_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_qaw1b_gg_:active,.___SBaseTrigger_qaw1b_gg_:focus,.___SBaseTrigger_qaw1b_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{border:1px solid #2b94e1;box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SBaseTrigger_qaw1b_gg_:active,.___SBaseTrigger_qaw1b_gg_:hover,.___SBaseTrigger_qaw1b_gg_.__active_qaw1b_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_qaw1b_gg_.__disabled_qaw1b_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{z-index:1}.___SInner_qaw1b_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_qaw1b_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.1;flex-grow:1;text-align:left}.___SAddon_qaw1b_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_qaw1b_gg_{width:12px;height:12px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_qaw1b_gg_._neighborLocation_right_qaw1b_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_qaw1b_gg_._neighborLocation_both_qaw1b_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_qaw1b_gg_._neighborLocation_left_qaw1b_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_qaw1b_gg_.__placeholder_qaw1b_gg_{color:#aaaaaa}.___SBaseTrigger_qaw1b_gg_._state_normal_qaw1b_gg_{border-color:#a6b0b3}.___SBaseTrigger_qaw1b_gg_._state_valid_qaw1b_gg_{border-color:#4fae33}.___SBaseTrigger_qaw1b_gg_._state_invalid_qaw1b_gg_{border-color:#ff7f00}.___SBaseTrigger_qaw1b_gg_._state_invalid_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,127,0,.3)}"
 /*__inner_css_end__*/
-, "upa657_gg_")
+, "pimup5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBaseTrigger": "___SBaseTrigger_10p2s_gg_",
-  "_active": "__active_10p2s_gg_",
-  "_disabled": "__disabled_10p2s_gg_",
-  "_keyboardFocused": "__keyboardFocused_10p2s_gg_",
-  "__SInner": "___SInner_10p2s_gg_",
-  "__SText": "___SText_10p2s_gg_",
-  "__SAddon": "___SAddon_10p2s_gg_",
-  "__SBaseAddon": "___SBaseAddon_10p2s_gg_",
-  "_size_s": "_size_s_10p2s_gg_",
-  "_size_m": "_size_m_10p2s_gg_",
-  "_size_l": "_size_l_10p2s_gg_",
-  "_size_xl": "_size_xl_10p2s_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_10p2s_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_10p2s_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_10p2s_gg_",
-  "_placeholder": "__placeholder_10p2s_gg_",
-  "_state_normal": "_state_normal_10p2s_gg_",
-  "_state_valid": "_state_valid_10p2s_gg_",
-  "_state_invalid": "_state_invalid_10p2s_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_qaw1b_gg_",
+  "_keyboardFocused": "__keyboardFocused_qaw1b_gg_",
+  "_active": "__active_qaw1b_gg_",
+  "_disabled": "__disabled_qaw1b_gg_",
+  "__SInner": "___SInner_qaw1b_gg_",
+  "__SText": "___SText_qaw1b_gg_",
+  "__SAddon": "___SAddon_qaw1b_gg_",
+  "__SBaseAddon": "___SBaseAddon_qaw1b_gg_",
+  "_size_s": "_size_s_qaw1b_gg_",
+  "_size_m": "_size_m_qaw1b_gg_",
+  "_size_l": "_size_l_qaw1b_gg_",
+  "_size_xl": "_size_xl_qaw1b_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_qaw1b_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_qaw1b_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_qaw1b_gg_",
+  "_placeholder": "__placeholder_qaw1b_gg_",
+  "_state_normal": "_state_normal_qaw1b_gg_",
+  "_state_valid": "_state_valid_qaw1b_gg_",
+  "_state_invalid": "_state_invalid_qaw1b_gg_"
 });
 
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
@@ -108,7 +112,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
           styles = _this$asProps2.styles,
           theme = _this$asProps2.theme;
 
-      _logger["default"].warn(theme !== undefined, 'The \'theme\' property is deprecated, use \'state\'', this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
+      _logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
 
 
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, (0, _core.assignProps)({

package/lib/cjs/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/BaseTrigger.js"],"names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","logger","warn","undefined","BaseTrigger","displayName","Text","Addon","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAMA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AAAA,0BACkB,KAAKC,OADvB;AAAA,UACLC,WADK,iBACLA,WADK;AAAA,UACQC,KADR,iBACQA,KADR;AAEb,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAiBNC,YAjBZ;AACA,UAAMC,MAAM,GAAG,KAAf;AAFO,2BAOH,KAAKL,OAPF;AAAA,UAILM,QAJK,kBAILA,QAJK;AAAA,UAKLC,MALK,kBAKLA,MALK;AAAA,UAMLC,KANK,kBAMLA,KANK;;AASPC,yBAAOC,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,qDAFF,EAGE,KAAKX,OAAL,CAAa,cAAb,KAAgCY,WAAW,CAACC,WAH9C,EATO,CAeP;;;AACA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,iBAESC;AAFT,+BAIE,gCAAC,MAAD,0BAAS,mCAAkBF,QAAlB,EAA4BM,WAAW,CAACE,IAAxC,EAA8CF,WAAW,CAACG,KAA1D,CAAT,CAJF,CADF;AAQD;;;EAxC2BC,e;;iCAAxBjB,e,iBACiB,a;iCADjBA,e,WAEWkB,K;iCAFXlB,e,kBAGkB;AACpBmB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBnB,e,aAMa,CAAC,uCAAD,EAAyB,gDAAzB,C;;AAqCnB,SAASe,IAAT,CAAcK,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMhB,YALjB;AADmB,MAEXiB,QAFW,GAE8BF,KAF9B,CAEXE,QAFW;AAAA,MAEDd,MAFC,GAE8BY,KAF9B,CAEDZ,MAFC;AAAA,MAEOL,KAFP,GAE8BiB,KAF9B,CAEOjB,KAFP;AAAA,MAEcD,WAFd,GAE8BkB,KAF9B,CAEclB,WAFd;AAInB,iBAAO,mBAAQM,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCL;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBoB,QADzB,CAFF;AAMD;;AAED,SAASN,KAAT,CAAeI,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiClB,YAD7C;AACA,iBAAO,mBAAQe,KAAK,CAACZ,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMK,WAAW,GAAG,sBAAgBb,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeH,W","sourcesContent":["import React  from 'react';\nimport createComponent, {\n  Component,\n  Root,\n  sstyled,\n} from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n  static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 = 'div';\n    const {\n      Children,\n      styles,\n      theme,\n    } = 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 sstyled(styles)(\n      <SBaseTrigger\n        render={Box}\n        state={theme}\n      >\n        <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n      </SBaseTrigger>,\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 */\n    <SText render={Box} use: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 BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"file":"BaseTrigger.js"}
+{"version":3,"sources":["../../src/BaseTrigger.js"],"names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","logger","warn","undefined","BaseTrigger","displayName","Text","Addon","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAYMC,YAZxB;AACA,UAAMC,MAAM,GAAG,KAAf;AACA,2BAAoC,KAAKL,OAAzC;AAAA,UAAQM,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,kBAA0BA,KAA1B;;AAEAC,yBAAOC,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,iDAFF,EAGE,KAAKX,OAAL,CAAa,cAAb,KAAgCY,WAAW,CAACC,WAH9C,EALO,CAWP;;;AACA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,iBAAkCC;AAAlC,+BACE,gCAAC,MAAD,0BAAS,mCAAkBF,QAAlB,EAA4BM,WAAW,CAACE,IAAxC,EAA8CF,WAAW,CAACG,KAA1D,CAAT,CADF,CADF;AAKD;;;EAjC2BC,e;;iCAAxBjB,e,iBACiB,a;iCADjBA,e,WAEWkB,K;iCAFXlB,e,kBAGkB;AACpBmB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBnB,e,aAMa,CAAC,uCAAD,EAAyB,gDAAzB,C;;AA8BnB,SAASe,IAAT,CAAcK,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMhB,YALjB;AACA,MAAQiB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBd,MAAlB,GAAiDY,KAAjD,CAAkBZ,MAAlB;AAAA,MAA0BL,KAA1B,GAAiDiB,KAAjD,CAA0BjB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDkB,KAAjD,CAAiClB,WAAjC;AAEA,iBAAO,mBAAQM,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCL;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBoB,QADzB,CAFF;AAMD;;AAED,SAASN,KAAT,CAAeI,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiClB,YAD7C;AACA,iBAAO,mBAAQe,KAAK,CAACZ,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMK,WAAW,GAAG,sBAAgBb,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeH,W","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n  static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 = 'div';\n    const { Children, styles, theme } = 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 sstyled(styles)(\n      <SBaseTrigger render={Box} state={theme}>\n        <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n      </SBaseTrigger>,\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 */\n    <SText render={Box} use: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 BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"file":"BaseTrigger.js"}

package/lib/cjs/ButtonTrigger.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -33,6 +33,10 @@ var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
 
 var _spin = _interopRequireDefault(require("@semcore/spin"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -42,12 +46,12 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SButtonAddon_12p8m_gg_{width:12px;height:12px}"
+".___SButtonAddon_1yp15_gg_{width:12px;height:12px}"
 /*__inner_css_end__*/
 , "18emizi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonAddon": "___SButtonAddon_12p8m_gg_"
+  "__SButtonAddon": "___SButtonAddon_1yp15_gg_"
 });
 
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {

package/lib/cjs/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ButtonTrigger.js"],"names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","asProps","Children","styles","loading","BaseTrigger","Text","Component","style","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;AADO,0BAE+B,KAAKC,OAFpC;AAAA,UAECC,QAFD,iBAECA,QAFD;AAAA,UAEWC,MAFX,iBAEWA,MAFX;AAAA,UAEmBC,OAFnB,iBAEmBA,OAFnB;AAIP,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAcE,uBAAd,oCACG,mCAAkBH,QAAlB,EAA4BH,aAAa,CAACO,IAA1C,EAAgDP,aAAa,CAACC,KAA9D,CADH,eAEE,gCAAC,YAAD,gCACGI,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAAwC,gCAAC,aAAD,8BADlD,CAFF,CADF;AAQD;;;EAhB6BG,e;;iCAA1BV,iB,iBACiB,e;iCADjBA,iB,WAEWW,K;AAiBjB,IAAMT,aAAa,GAAG,sBACpBF,iBADoB,EAEpB;AACES,EAAAA,IAAI,EAAED,wBAAYC,IADpB;AAEEN,EAAAA,KAAK,EAAEK,wBAAYL;AAFrB,CAFoB,EAMpB;AACES,EAAAA,MAAM,EAAEJ;AADV,CANoB,CAAtB;eAWeN,a","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const { Children, styles, loading } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n        <SButtonAddon>\n          {loading ? <Spin size=\"xs\" theme=\"#a6b0b3\" /> : <ChevronDown />}\n        </SButtonAddon>\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"],"file":"ButtonTrigger.js"}
+{"version":3,"sources":["../../src/ButtonTrigger.js"],"names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","asProps","Children","styles","loading","BaseTrigger","Text","Component","style","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;AACA,0BAAsC,KAAKC,OAA3C;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,OAA1B,iBAA0BA,OAA1B;AAEA,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAcE,uBAAd,oCACG,mCAAkBH,QAAlB,EAA4BH,aAAa,CAACO,IAA1C,EAAgDP,aAAa,CAACC,KAA9D,CADH,eAEE,gCAAC,YAAD,gCACGI,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAAwC,gCAAC,aAAD,8BADlD,CAFF,CADF;AAQD;;;EAhB6BG,e;;iCAA1BV,iB,iBACiB,e;iCADjBA,iB,WAEWW,K;AAiBjB,IAAMT,aAAa,GAAG,sBACpBF,iBADoB,EAEpB;AACES,EAAAA,IAAI,EAAED,wBAAYC,IADpB;AAEEN,EAAAA,KAAK,EAAEK,wBAAYL;AAFrB,CAFoB,EAMpB;AACES,EAAAA,MAAM,EAAEJ;AADV,CANoB,CAAtB;eAWeN,a","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const { Children, styles, loading } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n        <SButtonAddon>\n          {loading ? <Spin size=\"xs\" theme=\"#a6b0b3\" /> : <ChevronDown />}\n        </SButtonAddon>\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"],"file":"ButtonTrigger.js"}

package/lib/cjs/FilterTrigger.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -43,9 +43,13 @@ var _assignProps3 = require("@semcore/utils/lib/assignProps");
 
 var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -56,27 +60,27 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SButtonTrigger_17o6g_gg_{border:1px solid #a6b0b3;background:#fff;color:#333}.___SButtonTrigger_17o6g_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_17o6g_gg_:active,.___SButtonTrigger_17o6g_gg_:focus,.___SButtonTrigger_17o6g_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_17o6g_gg_:active,.___SButtonTrigger_17o6g_gg_:hover,.___SButtonTrigger_17o6g_gg_.__active_17o6g_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_17o6g_gg_._size_s_17o6g_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_17o6g_gg_._size_m_17o6g_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_17o6g_gg_._size_l_17o6g_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_17o6g_gg_._size_xl_17o6g_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_17o6g_gg_.__placeholder_17o6g_gg_{color:#aaa}.___SButtonTrigger_17o6g_gg_._state_normal_17o6g_gg_{border-color:#a6b0b3}.___SButtonTrigger_17o6g_gg_._state_valid_17o6g_gg_{border-color:#4fae33}.___SButtonTrigger_17o6g_gg_._state_invalid_17o6g_gg_{border-color:#ff7f00}.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_:hover,.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_.__active_17o6g_gg_{background:rgba(43,148,225,.3)}.___SWrapper_17o6g_gg_{display:inline-flex}.___SWrapper_17o6g_gg_:focus{outline:none}.___SWrapper_17o6g_gg_.__keyboardFocused_17o6g_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___SCounter_17o6g_gg_{background-color:#2b94e1}"
+".___SButtonTrigger_1le1w_gg_{border:1px solid #a6b0b3;background:#fff;color:#333333}.___SButtonTrigger_1le1w_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:focus,.___SButtonTrigger_1le1w_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:hover,.___SButtonTrigger_1le1w_gg_.__active_1le1w_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_1le1w_gg_._size_s_1le1w_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_1le1w_gg_._size_m_1le1w_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_1le1w_gg_._size_l_1le1w_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_1le1w_gg_._size_xl_1le1w_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_1le1w_gg_.__placeholder_1le1w_gg_{color:#aaaaaa}.___SButtonTrigger_1le1w_gg_._state_normal_1le1w_gg_{border-color:#a6b0b3}.___SButtonTrigger_1le1w_gg_._state_valid_1le1w_gg_{border-color:#4fae33}.___SButtonTrigger_1le1w_gg_._state_invalid_1le1w_gg_{border-color:#ff7f00}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_:hover,.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_.__active_1le1w_gg_{background:rgba(43,148,225,.3)}.___SWrapper_1le1w_gg_{display:inline-flex}.___SWrapper_1le1w_gg_:focus{outline:none}.___SWrapper_1le1w_gg_.__keyboardFocused_1le1w_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCounter_1le1w_gg_{background-color:#2b94e1}"
 /*__inner_css_end__*/
 , "y8g6v3_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonTrigger": "___SButtonTrigger_17o6g_gg_",
-  "_active": "__active_17o6g_gg_",
-  "_size_s": "_size_s_17o6g_gg_",
-  "_size_m": "_size_m_17o6g_gg_",
-  "_size_l": "_size_l_17o6g_gg_",
-  "_size_xl": "_size_xl_17o6g_gg_",
-  "__SText": "___SText_17o6g_gg_",
-  "_placeholder": "__placeholder_17o6g_gg_",
-  "_state_normal": "_state_normal_17o6g_gg_",
-  "_state_valid": "_state_valid_17o6g_gg_",
-  "_state_invalid": "_state_invalid_17o6g_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_17o6g_gg_",
-  "_selected": "__selected_17o6g_gg_",
-  "__SWrapper": "___SWrapper_17o6g_gg_",
-  "_keyboardFocused": "__keyboardFocused_17o6g_gg_",
-  "__SCounter": "___SCounter_17o6g_gg_"
+  "__SButtonTrigger": "___SButtonTrigger_1le1w_gg_",
+  "_active": "__active_1le1w_gg_",
+  "_size_s": "_size_s_1le1w_gg_",
+  "_size_m": "_size_m_1le1w_gg_",
+  "_size_l": "_size_l_1le1w_gg_",
+  "_size_xl": "_size_xl_1le1w_gg_",
+  "__SText": "___SText_1le1w_gg_",
+  "_placeholder": "__placeholder_1le1w_gg_",
+  "_state_normal": "_state_normal_1le1w_gg_",
+  "_state_valid": "_state_valid_1le1w_gg_",
+  "_state_invalid": "_state_invalid_1le1w_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1le1w_gg_",
+  "_selected": "__selected_1le1w_gg_",
+  "__SWrapper": "___SWrapper_1le1w_gg_",
+  "_keyboardFocused": "__keyboardFocused_1le1w_gg_",
+  "__SCounter": "___SCounter_1le1w_gg_"
 });
 
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {

package/lib/cjs/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/FilterTrigger.js"],"names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","ChevronDown","handleStopPropagation","Close","Component","style","props","SCounter","Dot","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;;;;8GAIoB,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,K;;;;;;WAExB,kBAAS;AAAA;AAAA;;AACP,UAAMC,QAAQ,GAKMC,YALpB;AACA,UAAMC,cAAc,GAAGC,uBAAvB;AAFO,0BAG2E,KAAKC,OAHhF;AAAA,UAGCC,QAHD,iBAGCA,QAHD;AAAA,UAGWC,MAHX,iBAGWA,MAHX;AAAA,UAGmBC,KAHnB,iBAGmBA,KAHnB;AAAA,UAG0BC,OAH1B,iBAG0BA,OAH1B;AAAA,UAGmCC,IAHnC,iBAGmCA,IAHnC;AAAA,UAGyCC,WAHzC,iBAGyCA,WAHzC;AAAA,UAGsDC,MAHtD,iBAGsDA,MAHtD;AAAA,UAG8DC,QAH9D,iBAG8DA,QAH9D;AAKP,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,QAAD,0FACE,gCAAC,4BAAD,iDACE,gCAAC,cAAD;AAAA,aACI,MADJ;AAAA,gBAEQG,IAFR;AAAA,uBAGeC,WAHf;AAAA,iBAISH,KAJT;AAAA,oBAKY,CAACA,KALb;AAAA,kBAMUI,MANV;AAAA,oBAOYC;AAPZ,UASG,mCAAkBP,QAAlB,EAA4BQ,aAAa,CAACC,IAA1C,EAAgD,CAC/CD,aAAa,CAACE,KADiC,EAE/CF,aAAa,CAACG,OAFiC,CAAhD,CATH,EAaGT,KAAK,iBAAI,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEU;AAA1B,QAbZ,CADF,EAgBG,CAACV,KAAD,iBACC,gCAAC,cAAD;AAAA,eACM,QADN;AAAA,gBAEQE,IAFR;AAAA,iBAGSF,KAHT;AAAA;AAAA,mBAKW,wCAAqBC,OAArB,EAA8B,KAAKU,qBAAnC,CALX;AAAA,qBAMa,KAAKA,qBANlB;AAAA,oBAOYN;AAPZ,uBASE,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEO;AAA1B,QATF,CAjBJ,CADF,CADF;AAkCD;;;EA7C6BC,e;;iCAA1BvB,iB,iBACiB,e;iCADjBA,iB,WAEWwB,K;;AA8CjB,SAASL,OAAT,CAAiBM,KAAjB,EAAwB;AAAA;AAAA;;AACtB,MAAMC,QAAQ,GACiCpB,wBAAYY,KAD3D;AACA,iBAAO,mBAAQO,KAAK,CAAChB,MAAd,CAAP,eAA6B,gCAAC,QAAD;AAAA,WAA0CkB;AAA1C,cAA7B;AACD;;AAED,IAAMX,aAAa,GAAG,sBACpBhB,iBADoB,EAEpB;AACEiB,EAAAA,IAAI,EAAEX,wBAAYW,IADpB;AAEEC,EAAAA,KAAK,EAAEZ,wBAAYY,KAFrB;AAGEC,EAAAA,OAAO,EAAPA;AAHF,CAFoB,EAOpB;AACES,EAAAA,MAAM,EAAEtB;AADV,CAPoB,CAAtB;eAYeU,a","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n    return sstyled(styles)(\n      <SWrapper render={Box}>\n        <NeighborLocation>\n          <SFilterTrigger\n            w=\"100%\"\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n          >\n            {addonTextChildren(Children, FilterTrigger.Text, [\n              FilterTrigger.Addon,\n              FilterTrigger.Counter,\n            ])}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag=\"button\"\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n            >\n              <FilterTrigger.Addon tag={Close} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"file":"FilterTrigger.js"}
+{"version":3,"sources":["../../src/FilterTrigger.js"],"names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","ChevronDown","handleStopPropagation","Close","Component","style","props","SCounter","Dot","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;;;;8GAIoB,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,K;;;;;;WAExB,kBAAS;AAAA;AAAA;;AACP,UAAMC,QAAQ,GAKMC,YALpB;AACA,UAAMC,cAAc,GAAGC,uBAAvB;AACA,0BAAkF,KAAKC,OAAvF;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,iBAA0BA,KAA1B;AAAA,UAAiCC,OAAjC,iBAAiCA,OAAjC;AAAA,UAA0CC,IAA1C,iBAA0CA,IAA1C;AAAA,UAAgDC,WAAhD,iBAAgDA,WAAhD;AAAA,UAA6DC,MAA7D,iBAA6DA,MAA7D;AAAA,UAAqEC,QAArE,iBAAqEA,QAArE;AAEA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,QAAD,0FACE,gCAAC,4BAAD,iDACE,gCAAC,cAAD;AAAA,aACI,MADJ;AAAA,gBAEQG,IAFR;AAAA,uBAGeC,WAHf;AAAA,iBAISH,KAJT;AAAA,oBAKY,CAACA,KALb;AAAA,kBAMUI,MANV;AAAA,oBAOYC;AAPZ,UASG,mCAAkBP,QAAlB,EAA4BQ,aAAa,CAACC,IAA1C,EAAgD,CAC/CD,aAAa,CAACE,KADiC,EAE/CF,aAAa,CAACG,OAFiC,CAAhD,CATH,EAaGT,KAAK,iBAAI,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEU;AAA1B,QAbZ,CADF,EAgBG,CAACV,KAAD,iBACC,gCAAC,cAAD;AAAA,eACM,QADN;AAAA,gBAEQE,IAFR;AAAA,iBAGSF,KAHT;AAAA;AAAA,mBAKW,wCAAqBC,OAArB,EAA8B,KAAKU,qBAAnC,CALX;AAAA,qBAMa,KAAKA,qBANlB;AAAA,oBAOYN;AAPZ,uBASE,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEO;AAA1B,QATF,CAjBJ,CADF,CADF;AAkCD;;;EA7C6BC,e;;iCAA1BvB,iB,iBACiB,e;iCADjBA,iB,WAEWwB,K;;AA8CjB,SAASL,OAAT,CAAiBM,KAAjB,EAAwB;AAAA;AAAA;;AACtB,MAAMC,QAAQ,GACiCpB,wBAAYY,KAD3D;AACA,iBAAO,mBAAQO,KAAK,CAAChB,MAAd,CAAP,eAA6B,gCAAC,QAAD;AAAA,WAA0CkB;AAA1C,cAA7B;AACD;;AAED,IAAMX,aAAa,GAAG,sBACpBhB,iBADoB,EAEpB;AACEiB,EAAAA,IAAI,EAAEX,wBAAYW,IADpB;AAEEC,EAAAA,KAAK,EAAEZ,wBAAYY,KAFrB;AAGEC,EAAAA,OAAO,EAAPA;AAHF,CAFoB,EAOpB;AACES,EAAAA,MAAM,EAAEtB;AADV,CAPoB,CAAtB;eAYeU,a","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n    return sstyled(styles)(\n      <SWrapper render={Box}>\n        <NeighborLocation>\n          <SFilterTrigger\n            w=\"100%\"\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n          >\n            {addonTextChildren(Children, FilterTrigger.Text, [\n              FilterTrigger.Addon,\n              FilterTrigger.Counter,\n            ])}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag=\"button\"\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n            >\n              <FilterTrigger.Addon tag={Close} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"file":"FilterTrigger.js"}

package/lib/cjs/LinkTrigger.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -37,9 +37,13 @@ var _color = _interopRequireWildcard(require("@semcore/utils/lib/color"));
 
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -50,24 +54,25 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLinkTrigger_1jygk_gg_{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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1jygk_gg_:active,.___SLinkTrigger_1jygk_gg_:hover,.___SLinkTrigger_1jygk_gg_.__active_1jygk_gg_{color:#0063a5}.___SLinkTrigger_1jygk_gg_:active .___SText_1jygk_gg_,.___SLinkTrigger_1jygk_gg_:hover .___SText_1jygk_gg_,.___SLinkTrigger_1jygk_gg_.__active_1jygk_gg_ .___SText_1jygk_gg_{border-color:currentColor}.___SLinkTrigger_1jygk_gg_ .___SText_1jygk_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1jygk_gg_.__color_1jygk_gg_{color:var(--color_hznr82)}.___SLinkTrigger_1jygk_gg_.__color_1jygk_gg_:hover{color:color-mod(var(--color_hznr82) shade(12%))}.___SLinkTrigger_1jygk_gg_.__disabled_1jygk_gg_{opacity:.3;cursor:default;pointer-events:none}.___SLinkTrigger_1jygk_gg_.__keyboardFocused_1jygk_gg_{box-shadow:0 0 0 3px color-mod(#2b94e1 a(30%));z-index:1}.___SAddon_1jygk_gg_,.___SLinkAddon_1jygk_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1jygk_gg_:not(:only-child):first-child,.___SLinkAddon_1jygk_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1jygk_gg_:not(:only-child):last-child,.___SLinkAddon_1jygk_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1jygk_gg_{width:12px;height:12px}.___SLinkTrigger_1jygk_gg_._size_s_1jygk_gg_{font-size:10px}.___SLinkTrigger_1jygk_gg_._size_m_1jygk_gg_{font-size:12px}.___SLinkTrigger_1jygk_gg_._size_l_1jygk_gg_{font-size:14px}.___SLinkTrigger_1jygk_gg_._size_xl_1jygk_gg_{font-size:16px}"
+".___SLinkTrigger_1l30n_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer}.___SLinkTrigger_1l30n_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_:active,.___SLinkTrigger_1l30n_gg_:hover,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_{color:#0063a5}.___SLinkTrigger_1l30n_gg_:active .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_:hover .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_ .___SText_1l30n_gg_{border-color:currentColor}.___SLinkTrigger_1l30n_gg_ .___SText_1l30n_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_{color:var(--color_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_:hover{color:var(--color-hover_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__disabled_1l30n_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1l30n_gg_.__keyboardFocused_1l30n_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_1l30n_gg_,.___SLinkAddon_1l30n_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1l30n_gg_:not(:only-child):first-child,.___SLinkAddon_1l30n_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1l30n_gg_:not(:only-child):last-child,.___SLinkAddon_1l30n_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1l30n_gg_{width:12px;height:12px}.___SLinkTrigger_1l30n_gg_._size_s_1l30n_gg_{font-size:10px}.___SLinkTrigger_1l30n_gg_._size_m_1l30n_gg_{font-size:12px}.___SLinkTrigger_1l30n_gg_._size_l_1l30n_gg_{font-size:14px}.___SLinkTrigger_1l30n_gg_._size_xl_1l30n_gg_{font-size:16px}"
 /*__inner_css_end__*/
-, "hznr82_gg_")
+, "1fzf3hu_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLinkTrigger": "___SLinkTrigger_1jygk_gg_",
-  "_active": "__active_1jygk_gg_",
-  "__SText": "___SText_1jygk_gg_",
-  "_color": "__color_1jygk_gg_",
-  "--color": "--color_hznr82",
-  "_disabled": "__disabled_1jygk_gg_",
-  "_keyboardFocused": "__keyboardFocused_1jygk_gg_",
-  "__SAddon": "___SAddon_1jygk_gg_",
-  "__SLinkAddon": "___SLinkAddon_1jygk_gg_",
-  "_size_s": "_size_s_1jygk_gg_",
-  "_size_m": "_size_m_1jygk_gg_",
-  "_size_l": "_size_l_1jygk_gg_",
-  "_size_xl": "_size_xl_1jygk_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_1l30n_gg_",
+  "_active": "__active_1l30n_gg_",
+  "__SText": "___SText_1l30n_gg_",
+  "_color": "__color_1l30n_gg_",
+  "--color": "--color_1fzf3hu",
+  "--color-hover": "--color-hover_1fzf3hu",
+  "_disabled": "__disabled_1l30n_gg_",
+  "_keyboardFocused": "__keyboardFocused_1l30n_gg_",
+  "__SAddon": "___SAddon_1l30n_gg_",
+  "__SLinkAddon": "___SLinkAddon_1l30n_gg_",
+  "_size_s": "_size_s_1l30n_gg_",
+  "_size_m": "_size_m_1l30n_gg_",
+  "_size_l": "_size_l_1l30n_gg_",
+  "_size_xl": "_size_xl_1l30n_gg_"
 });
 
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
@@ -103,9 +108,12 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
           Children = _this$asProps2.Children,
           loading = _this$asProps2.loading,
           styles = _this$asProps2.styles,
-          color = _this$asProps2.color;
+          providedColor = _this$asProps2.color;
+      var color = (0, _color["default"])(providedColor);
+      var colorHover = (0, _color.shade)(color, -0.12);
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, (0, _core.assignProps)({
-        "use:color": (0, _color["default"])(color)
+        "use:color": color,
+        "use:color-hover": colorHover
       }, _ref))), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon), /*#__PURE__*/_react["default"].createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref4.cn("Spin", {
         "size": "xs",
         "theme": "currentColor"

package/lib/cjs/LinkTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LinkTrigger.js"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","color","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AAAA,0BACkB,KAAKC,OADvB;AAAA,UACLC,WADK,iBACLA,WADK;AAAA,UACQC,KADR,iBACQA,KADR;AAEb,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAKMC,YALxB;AACA,UAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;AAFO,2BAGsC,KAAKP,OAH3C;AAAA,UAGCQ,QAHD,kBAGCA,QAHD;AAAA,UAGWC,OAHX,kBAGWA,OAHX;AAAA,UAGoBC,MAHpB,kBAGoBA,MAHpB;AAAA,UAG4BC,KAH5B,kBAG4BA,KAH5B;AAKP,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,qBAAsC,uBAAaC,KAAb;AAAtC,kBACG,mCAAkBH,QAAlB,EAA4BF,WAAW,CAACM,IAAxC,EAA8CN,WAAW,CAACC,KAA1D,CADH,eAEE,gCAAC,UAAD,8BACGE,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;AAQD;;;EA7B2BI,e;;iCAAxBd,e,iBACiB,a;iCADjBA,e,WAEWe,K;iCAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBhB,e,aAMa,CAAC,uCAAD,C;;AA0BnB,SAASa,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMb,YALjB;AADmB,MAEXc,QAFW,GAE8BF,KAF9B,CAEXE,QAFW;AAAA,MAEDR,MAFC,GAE8BM,KAF9B,CAEDN,MAFC;AAAA,MAEOR,KAFP,GAE8Bc,KAF9B,CAEOd,KAFP;AAAA,MAEcD,WAFd,GAE8Be,KAF9B,CAEcf,WAFd;AAInB,iBAAO,mBAAQS,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCR;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASX,KAAT,CAAeS,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCf,YAD7C;AACA,iBAAO,mBAAQY,KAAK,CAACN,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,sBAAgBP,eAAhB,EAAiC;AACnDa,EAAAA,IAAI,EAAJA,IADmD;AAEnDL,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\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  static enhance = [keyboardFocusEnhance()];\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, color } = this.asProps;\n\n    return sstyled(styles)(\n      <SLinkTrigger render={Box} use:color={resolveColor(color)}>\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}\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 */\n    <SText render={Box} use: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"],"file":"LinkTrigger.js"}
+{"version":3,"sources":["../../src/LinkTrigger.js"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAQMC,YARxB;AACA,UAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;AACA,2BAA4D,KAAKP,OAAjE;AAAA,UAAQQ,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,OAAlB,kBAAkBA,OAAlB;AAAA,UAA2BC,MAA3B,kBAA2BA,MAA3B;AAAA,UAA0CC,aAA1C,kBAAmCC,KAAnC;AAEA,UAAMA,KAAK,GAAG,uBAAaD,aAAb,CAAd;AACA,UAAME,UAAU,GAAG,kBAAMD,KAAN,EAAa,CAAC,IAAd,CAAnB;AAEA,qBAAO,mBAAQF,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,qBAAsCE,KAAtC;AAAA,2BAA8DC;AAA9D,kBACG,mCAAkBL,QAAlB,EAA4BF,WAAW,CAACQ,IAAxC,EAA8CR,WAAW,CAACC,KAA1D,CADH,eAEE,gCAAC,UAAD,8BACGE,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;AAQD;;;EAhC2BM,e;;iCAAxBhB,e,iBACiB,a;iCADjBA,e,WAEWiB,K;iCAFXjB,e,kBAGkB;AACpBkB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBlB,e,aAMa,CAAC,uCAAD,C;;AA6BnB,SAASe,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMf,YALjB;AACA,MAAQgB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBV,MAAlB,GAAiDQ,KAAjD,CAAkBR,MAAlB;AAAA,MAA0BR,KAA1B,GAAiDgB,KAAjD,CAA0BhB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDiB,KAAjD,CAAiCjB,WAAjC;AAEA,iBAAO,mBAAQS,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCR;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBmB,QADzB,CAFF;AAMD;;AAED,SAASb,KAAT,CAAeW,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCjB,YAD7C;AACA,iBAAO,mBAAQc,KAAK,CAACR,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,sBAAgBP,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDP,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\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  static enhance = [keyboardFocusEnhance()];\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, color: providedColor } = this.asProps;\n\n    const color = resolveColor(providedColor);\n    const colorHover = shade(color, -0.12);\n\n    return sstyled(styles)(\n      <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}\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 */\n    <SText render={Box} use: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"],"file":"LinkTrigger.js"}

package/lib/cjs/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -12,12 +12,6 @@ var _exportNames = {
   FilterTrigger: true,
   LinkTrigger: true
 };
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _BaseTrigger["default"];
-  }
-});
 Object.defineProperty(exports, "ButtonTrigger", {
   enumerable: true,
   get: function get() {
@@ -36,6 +30,12 @@ Object.defineProperty(exports, "LinkTrigger", {
     return _LinkTrigger["default"];
   }
 });
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _BaseTrigger["default"];
+  }
+});
 
 var _BaseTrigger = _interopRequireWildcard(require("./BaseTrigger"));
 
@@ -80,4 +80,8 @@ Object.keys(_LinkTrigger).forEach(function (key) {
     }
   });
 });
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.js.map

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

@@ -39,6 +39,11 @@ SBaseTrigger {
     text-decoration: none;
   }
 
+  &[keyboardFocused] {
+    border: 1px solid var(--light-blue);
+    box-shadow: var(--keyborad-focus);
+  }
+
   &:active,
   &:hover,
   &[active] {
@@ -53,7 +58,6 @@ SBaseTrigger[disabled] {
 }
 
 SBaseTrigger[keyboardFocused] {
-  box-shadow: var(--keyborad-focus);
   z-index: 1;
 }
 
@@ -226,4 +230,9 @@ SBaseTrigger[state='valid'] {
 
 SBaseTrigger[state='invalid'] {
   border-color: var(--orange);
+
+  &[keyboardFocused] {
+    border-color: var(--orange);
+    box-shadow: 0 0 0 3px color-mod(var(--orange) a(30%));
+  }
 }

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

@@ -48,7 +48,7 @@ SLinkTrigger[color] {
   color: var(--color);
 
   &:hover {
-    color: color-mod(var(--color) shade(12%));
+    color: var(--color-hover);
   }
 }
 

package/lib/es6/BaseTrigger.js

@@ -9,9 +9,9 @@ import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -30,30 +30,30 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBaseTrigger_10p2s_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:1px solid #a6b0b3;background:#fff;color:#333}.___SBaseTrigger_10p2s_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_10p2s_gg_:active,.___SBaseTrigger_10p2s_gg_:focus,.___SBaseTrigger_10p2s_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_10p2s_gg_:active,.___SBaseTrigger_10p2s_gg_:hover,.___SBaseTrigger_10p2s_gg_.__active_10p2s_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_10p2s_gg_.__disabled_10p2s_gg_{opacity:.3;cursor:default;pointer-events:none}.___SBaseTrigger_10p2s_gg_.__keyboardFocused_10p2s_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SInner_10p2s_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_10p2s_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.1;flex-grow:1;text-align:left}.___SAddon_10p2s_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_10p2s_gg_{width:12px;height:12px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SText_10p2s_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SText_10p2s_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SText_10p2s_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SText_10p2s_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_10p2s_gg_._neighborLocation_right_10p2s_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_10p2s_gg_._neighborLocation_both_10p2s_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_10p2s_gg_._neighborLocation_left_10p2s_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_10p2s_gg_.__placeholder_10p2s_gg_{color:#aaa}.___SBaseTrigger_10p2s_gg_._state_normal_10p2s_gg_{border-color:#a6b0b3}.___SBaseTrigger_10p2s_gg_._state_valid_10p2s_gg_{border-color:#4fae33}.___SBaseTrigger_10p2s_gg_._state_invalid_10p2s_gg_{border-color:#ff7f00}"
+".___SBaseTrigger_qaw1b_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:1px solid #a6b0b3;background:#fff;color:#333333}.___SBaseTrigger_qaw1b_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_qaw1b_gg_:active,.___SBaseTrigger_qaw1b_gg_:focus,.___SBaseTrigger_qaw1b_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{border:1px solid #2b94e1;box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SBaseTrigger_qaw1b_gg_:active,.___SBaseTrigger_qaw1b_gg_:hover,.___SBaseTrigger_qaw1b_gg_.__active_qaw1b_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_qaw1b_gg_.__disabled_qaw1b_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{z-index:1}.___SInner_qaw1b_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_qaw1b_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.1;flex-grow:1;text-align:left}.___SAddon_qaw1b_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_qaw1b_gg_{width:12px;height:12px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_qaw1b_gg_._neighborLocation_right_qaw1b_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_qaw1b_gg_._neighborLocation_both_qaw1b_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_qaw1b_gg_._neighborLocation_left_qaw1b_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_qaw1b_gg_.__placeholder_qaw1b_gg_{color:#aaaaaa}.___SBaseTrigger_qaw1b_gg_._state_normal_qaw1b_gg_{border-color:#a6b0b3}.___SBaseTrigger_qaw1b_gg_._state_valid_qaw1b_gg_{border-color:#4fae33}.___SBaseTrigger_qaw1b_gg_._state_invalid_qaw1b_gg_{border-color:#ff7f00}.___SBaseTrigger_qaw1b_gg_._state_invalid_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,127,0,.3)}"
 /*__inner_css_end__*/
-, "upa657_gg_")
+, "pimup5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBaseTrigger": "___SBaseTrigger_10p2s_gg_",
-  "_active": "__active_10p2s_gg_",
-  "_disabled": "__disabled_10p2s_gg_",
-  "_keyboardFocused": "__keyboardFocused_10p2s_gg_",
-  "__SInner": "___SInner_10p2s_gg_",
-  "__SText": "___SText_10p2s_gg_",
-  "__SAddon": "___SAddon_10p2s_gg_",
-  "__SBaseAddon": "___SBaseAddon_10p2s_gg_",
-  "_size_s": "_size_s_10p2s_gg_",
-  "_size_m": "_size_m_10p2s_gg_",
-  "_size_l": "_size_l_10p2s_gg_",
-  "_size_xl": "_size_xl_10p2s_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_10p2s_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_10p2s_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_10p2s_gg_",
-  "_placeholder": "__placeholder_10p2s_gg_",
-  "_state_normal": "_state_normal_10p2s_gg_",
-  "_state_valid": "_state_valid_10p2s_gg_",
-  "_state_invalid": "_state_invalid_10p2s_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_qaw1b_gg_",
+  "_keyboardFocused": "__keyboardFocused_qaw1b_gg_",
+  "_active": "__active_qaw1b_gg_",
+  "_disabled": "__disabled_qaw1b_gg_",
+  "__SInner": "___SInner_qaw1b_gg_",
+  "__SText": "___SText_qaw1b_gg_",
+  "__SAddon": "___SAddon_qaw1b_gg_",
+  "__SBaseAddon": "___SBaseAddon_qaw1b_gg_",
+  "_size_s": "_size_s_qaw1b_gg_",
+  "_size_m": "_size_m_qaw1b_gg_",
+  "_size_l": "_size_l_qaw1b_gg_",
+  "_size_xl": "_size_xl_qaw1b_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_qaw1b_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_qaw1b_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_qaw1b_gg_",
+  "_placeholder": "__placeholder_qaw1b_gg_",
+  "_state_normal": "_state_normal_qaw1b_gg_",
+  "_state_valid": "_state_valid_qaw1b_gg_",
+  "_state_invalid": "_state_invalid_qaw1b_gg_"
 });
 
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
@@ -90,7 +90,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
           Children = _this$asProps2.Children,
           styles = _this$asProps2.styles,
           theme = _this$asProps2.theme;
-      logger.warn(theme !== undefined, 'The \'theme\' property is deprecated, use \'state\'', this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
+      logger.warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
 
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, _assignProps({
         "state": theme

package/lib/es6/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/BaseTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","Box","neighborLocationEnhance","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAmB,OAAnB;AACA,OAAOC,eAAP,IACEC,SADF,EAEEC,IAFF,EAGEC,OAHF,QAIO,eAJP;AAKA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAASC,uBAAT,QAAwC,4BAAxC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;AAAA,0BACkB,KAAKC,OADvB;AAAA,UACLC,WADK,iBACLA,WADK;AAAA,UACQC,KADR,iBACQA,KADR;AAEb,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAiBNT,GAjBZ;AACA,UAAMU,MAAM,GAAG,KAAf;AAFO,2BAOH,KAAKJ,OAPF;AAAA,UAILK,QAJK,kBAILA,QAJK;AAAA,UAKLC,MALK,kBAKLA,MALK;AAAA,UAMLC,KANK,kBAMLA,KANK;AASPT,MAAAA,MAAM,CAACU,IAAP,CACED,KAAK,KAAKE,SADZ,EAEE,qDAFF,EAGE,KAAKT,OAAL,CAAa,cAAb,KAAgCU,WAAW,CAACC,WAH9C,EATO,CAeP;;AACA,qBAAOlB,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,iBAESC;AAFT,+BAIE,oBAAC,MAAD,0BAASV,iBAAiB,CAACQ,QAAD,EAAWK,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,CAA1B,CAJF,CADF;AAQD;;;;EAxC2BtB,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACH,oBAAoB,EAArB,EAAyBD,uBAAuB,EAAhD,C;;AAqCnB,SAASiB,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMvB,GALjB;AADmB,MAEXwB,QAFW,GAE8BF,KAF9B,CAEXE,QAFW;AAAA,MAEDZ,MAFC,GAE8BU,KAF9B,CAEDV,MAFC;AAAA,MAEOJ,KAFP,GAE8Bc,KAF9B,CAEOd,KAFP;AAAA,MAEcD,WAFd,GAE8Be,KAF9B,CAEcf,WAFd;AAInB,iBAAOR,OAAO,CAACa,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCJ;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASL,KAAT,CAAeG,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCzB,GAD7C;AACA,iBAAOD,OAAO,CAACuB,KAAK,CAACV,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMI,WAAW,GAAGpB,eAAe,CAACS,eAAD,EAAkB;AACnDa,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeH,WAAf","sourcesContent":["import React  from 'react';\nimport createComponent, {\n  Component,\n  Root,\n  sstyled,\n} from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n  static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 = 'div';\n    const {\n      Children,\n      styles,\n      theme,\n    } = 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 sstyled(styles)(\n      <SBaseTrigger\n        render={Box}\n        state={theme}\n      >\n        <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n      </SBaseTrigger>,\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 */\n    <SText render={Box} use: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 BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"file":"BaseTrigger.js"}
+{"version":3,"sources":["../../src/BaseTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","Box","neighborLocationEnhance","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAASC,uBAAT,QAAwC,4BAAxC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAYMT,GAZxB;AACA,UAAMU,MAAM,GAAG,KAAf;AACA,2BAAoC,KAAKJ,OAAzC;AAAA,UAAQK,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,kBAA0BA,KAA1B;AAEAT,MAAAA,MAAM,CAACU,IAAP,CACED,KAAK,KAAKE,SADZ,EAEE,iDAFF,EAGE,KAAKT,OAAL,CAAa,cAAb,KAAgCU,WAAW,CAACC,WAH9C,EALO,CAWP;;AACA,qBAAOlB,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,iBAAkCC;AAAlC,+BACE,oBAAC,MAAD,0BAASV,iBAAiB,CAACQ,QAAD,EAAWK,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,CAA1B,CADF,CADF;AAKD;;;;EAjC2BtB,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACH,oBAAoB,EAArB,EAAyBD,uBAAuB,EAAhD,C;;AA8BnB,SAASiB,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMvB,GALjB;AACA,MAAQwB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBZ,MAAlB,GAAiDU,KAAjD,CAAkBV,MAAlB;AAAA,MAA0BJ,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;AAEA,iBAAOR,OAAO,CAACa,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCJ;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASL,KAAT,CAAeG,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCzB,GAD7C;AACA,iBAAOD,OAAO,CAACuB,KAAK,CAACV,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMI,WAAW,GAAGpB,eAAe,CAACS,eAAD,EAAkB;AACnDa,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeH,WAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n  };\n  static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 = 'div';\n    const { Children, styles, theme } = 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 sstyled(styles)(\n      <SBaseTrigger render={Box} state={theme}>\n        <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n      </SBaseTrigger>,\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 */\n    <SText render={Box} use: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 BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"file":"BaseTrigger.js"}

package/lib/es6/ButtonTrigger.js

@@ -23,12 +23,12 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SButtonAddon_12p8m_gg_{width:12px;height:12px}"
+".___SButtonAddon_1yp15_gg_{width:12px;height:12px}"
 /*__inner_css_end__*/
 , "18emizi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonAddon": "___SButtonAddon_12p8m_gg_"
+  "__SButtonAddon": "___SButtonAddon_1yp15_gg_"
 });
 
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {

package/lib/es6/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ButtonTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","asProps","Children","styles","loading","Text","style","parent"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;AADO,0BAE+B,KAAKC,OAFpC;AAAA,UAECC,QAFD,iBAECA,QAFD;AAAA,UAEWC,MAFX,iBAEWA,MAFX;AAAA,UAEmBC,OAFnB,iBAEmBA,OAFnB;AAIP,qBAAOZ,OAAO,CAACW,MAAD,CAAd,eACE,oBAAcR,WAAd,0BACGF,iBAAiB,CAACS,QAAD,EAAWH,aAAa,CAACM,IAAzB,EAA+BN,aAAa,CAACC,KAA7C,CADpB,eAEE,oBAAC,YAAD,gCACGI,OAAO,gBAAG,oBAAC,IAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAAwC,oBAAC,WAAD,8BADlD,CAFF,CADF;AAQD;;;;EAhB6Bd,S;;gBAA1BO,iB,iBACiB,e;;gBADjBA,iB,WAEWS,K;;AAiBjB,IAAMP,aAAa,GAAGV,eAAe,CACnCQ,iBADmC,EAEnC;AACEQ,EAAAA,IAAI,EAAEV,WAAW,CAACU,IADpB;AAEEL,EAAAA,KAAK,EAAEL,WAAW,CAACK;AAFrB,CAFmC,EAMnC;AACEO,EAAAA,MAAM,EAAEZ;AADV,CANmC,CAArC;AAWA,eAAeI,aAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const { Children, styles, loading } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n        <SButtonAddon>\n          {loading ? <Spin size=\"xs\" theme=\"#a6b0b3\" /> : <ChevronDown />}\n        </SButtonAddon>\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"],"file":"ButtonTrigger.js"}
+{"version":3,"sources":["../../src/ButtonTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","asProps","Children","styles","loading","Text","style","parent"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;AACA,0BAAsC,KAAKC,OAA3C;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,OAA1B,iBAA0BA,OAA1B;AAEA,qBAAOZ,OAAO,CAACW,MAAD,CAAd,eACE,oBAAcR,WAAd,0BACGF,iBAAiB,CAACS,QAAD,EAAWH,aAAa,CAACM,IAAzB,EAA+BN,aAAa,CAACC,KAA7C,CADpB,eAEE,oBAAC,YAAD,gCACGI,OAAO,gBAAG,oBAAC,IAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAAwC,oBAAC,WAAD,8BADlD,CAFF,CADF;AAQD;;;;EAhB6Bd,S;;gBAA1BO,iB,iBACiB,e;;gBADjBA,iB,WAEWS,K;;AAiBjB,IAAMP,aAAa,GAAGV,eAAe,CACnCQ,iBADmC,EAEnC;AACEQ,EAAAA,IAAI,EAAEV,WAAW,CAACU,IADpB;AAEEL,EAAAA,KAAK,EAAEL,WAAW,CAACK;AAFrB,CAFmC,EAMnC;AACEO,EAAAA,MAAM,EAAEZ;AADV,CANmC,CAArC;AAWA,eAAeI,aAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const { Children, styles, loading } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n        <SButtonAddon>\n          {loading ? <Spin size=\"xs\" theme=\"#a6b0b3\" /> : <ChevronDown />}\n        </SButtonAddon>\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"],"file":"ButtonTrigger.js"}

package/lib/es6/FilterTrigger.js

@@ -9,9 +9,9 @@ import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -33,27 +33,27 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SButtonTrigger_17o6g_gg_{border:1px solid #a6b0b3;background:#fff;color:#333}.___SButtonTrigger_17o6g_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_17o6g_gg_:active,.___SButtonTrigger_17o6g_gg_:focus,.___SButtonTrigger_17o6g_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_17o6g_gg_:active,.___SButtonTrigger_17o6g_gg_:hover,.___SButtonTrigger_17o6g_gg_.__active_17o6g_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_17o6g_gg_._size_s_17o6g_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_17o6g_gg_._size_m_17o6g_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_17o6g_gg_._size_l_17o6g_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_17o6g_gg_._size_xl_17o6g_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_17o6g_gg_.__placeholder_17o6g_gg_{color:#aaa}.___SButtonTrigger_17o6g_gg_._state_normal_17o6g_gg_{border-color:#a6b0b3}.___SButtonTrigger_17o6g_gg_._state_valid_17o6g_gg_{border-color:#4fae33}.___SButtonTrigger_17o6g_gg_._state_invalid_17o6g_gg_{border-color:#ff7f00}.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_:hover,.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_.__active_17o6g_gg_{background:rgba(43,148,225,.3)}.___SWrapper_17o6g_gg_{display:inline-flex}.___SWrapper_17o6g_gg_:focus{outline:none}.___SWrapper_17o6g_gg_.__keyboardFocused_17o6g_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___SCounter_17o6g_gg_{background-color:#2b94e1}"
+".___SButtonTrigger_1le1w_gg_{border:1px solid #a6b0b3;background:#fff;color:#333333}.___SButtonTrigger_1le1w_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:focus,.___SButtonTrigger_1le1w_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:hover,.___SButtonTrigger_1le1w_gg_.__active_1le1w_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_1le1w_gg_._size_s_1le1w_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_1le1w_gg_._size_m_1le1w_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_1le1w_gg_._size_l_1le1w_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_1le1w_gg_._size_xl_1le1w_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_1le1w_gg_.__placeholder_1le1w_gg_{color:#aaaaaa}.___SButtonTrigger_1le1w_gg_._state_normal_1le1w_gg_{border-color:#a6b0b3}.___SButtonTrigger_1le1w_gg_._state_valid_1le1w_gg_{border-color:#4fae33}.___SButtonTrigger_1le1w_gg_._state_invalid_1le1w_gg_{border-color:#ff7f00}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_:hover,.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_.__active_1le1w_gg_{background:rgba(43,148,225,.3)}.___SWrapper_1le1w_gg_{display:inline-flex}.___SWrapper_1le1w_gg_:focus{outline:none}.___SWrapper_1le1w_gg_.__keyboardFocused_1le1w_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCounter_1le1w_gg_{background-color:#2b94e1}"
 /*__inner_css_end__*/
 , "y8g6v3_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonTrigger": "___SButtonTrigger_17o6g_gg_",
-  "_active": "__active_17o6g_gg_",
-  "_size_s": "_size_s_17o6g_gg_",
-  "_size_m": "_size_m_17o6g_gg_",
-  "_size_l": "_size_l_17o6g_gg_",
-  "_size_xl": "_size_xl_17o6g_gg_",
-  "__SText": "___SText_17o6g_gg_",
-  "_placeholder": "__placeholder_17o6g_gg_",
-  "_state_normal": "_state_normal_17o6g_gg_",
-  "_state_valid": "_state_valid_17o6g_gg_",
-  "_state_invalid": "_state_invalid_17o6g_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_17o6g_gg_",
-  "_selected": "__selected_17o6g_gg_",
-  "__SWrapper": "___SWrapper_17o6g_gg_",
-  "_keyboardFocused": "__keyboardFocused_17o6g_gg_",
-  "__SCounter": "___SCounter_17o6g_gg_"
+  "__SButtonTrigger": "___SButtonTrigger_1le1w_gg_",
+  "_active": "__active_1le1w_gg_",
+  "_size_s": "_size_s_1le1w_gg_",
+  "_size_m": "_size_m_1le1w_gg_",
+  "_size_l": "_size_l_1le1w_gg_",
+  "_size_xl": "_size_xl_1le1w_gg_",
+  "__SText": "___SText_1le1w_gg_",
+  "_placeholder": "__placeholder_1le1w_gg_",
+  "_state_normal": "_state_normal_1le1w_gg_",
+  "_state_valid": "_state_valid_1le1w_gg_",
+  "_state_invalid": "_state_invalid_1le1w_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1le1w_gg_",
+  "_selected": "__selected_1le1w_gg_",
+  "__SWrapper": "___SWrapper_1le1w_gg_",
+  "_keyboardFocused": "__keyboardFocused_1le1w_gg_",
+  "__SCounter": "___SCounter_1le1w_gg_"
 });
 
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {

package/lib/es6/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/FilterTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","props","SCounter","parent"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,gBAAP,MAA6B,4BAA7B;AACA,OAAOC,GAAP,MAAgB,cAAhB;AACA,OAAOC,KAAP,MAAkB,uBAAlB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,SAASC,oBAAT,QAAqC,gCAArC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;;;;4EAIoB,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,K;;;;;;;WAExB,kBAAS;AAAA;AAAA;;AACP,UAAMC,QAAQ,GAKMV,GALpB;AACA,UAAMW,cAAc,GAAGZ,WAAvB;AAFO,0BAG2E,KAAKa,OAHhF;AAAA,UAGCC,QAHD,iBAGCA,QAHD;AAAA,UAGWC,MAHX,iBAGWA,MAHX;AAAA,UAGmBC,KAHnB,iBAGmBA,KAHnB;AAAA,UAG0BC,OAH1B,iBAG0BA,OAH1B;AAAA,UAGmCC,IAHnC,iBAGmCA,IAHnC;AAAA,UAGyCC,WAHzC,iBAGyCA,WAHzC;AAAA,UAGsDC,MAHtD,iBAGsDA,MAHtD;AAAA,UAG8DC,QAH9D,iBAG8DA,QAH9D;AAKP,qBAAOtB,OAAO,CAACgB,MAAD,CAAd,eACE,oBAAC,QAAD,gFACE,oBAAC,gBAAD,iDACE,oBAAC,cAAD;AAAA,aACI,MADJ;AAAA,gBAEQG,IAFR;AAAA,uBAGeC,WAHf;AAAA,iBAISH,KAJT;AAAA,oBAKY,CAACA,KALb;AAAA,kBAMUI,MANV;AAAA,oBAOYC;AAPZ,UASGd,iBAAiB,CAACO,QAAD,EAAWQ,aAAa,CAACC,IAAzB,EAA+B,CAC/CD,aAAa,CAACE,KADiC,EAE/CF,aAAa,CAACG,OAFiC,CAA/B,CATpB,EAaGT,KAAK,iBAAI,oBAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEX;AAA1B,QAbZ,CADF,EAgBG,CAACW,KAAD,iBACC,oBAAC,cAAD;AAAA,eACM,QADN;AAAA,gBAEQE,IAFR;AAAA,iBAGSF,KAHT;AAAA;AAAA,mBAKWV,oBAAoB,CAACW,OAAD,EAAU,KAAKS,qBAAf,CAL/B;AAAA,qBAMa,KAAKA,qBANlB;AAAA,oBAOYL;AAPZ,uBASE,oBAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEjB;AAA1B,QATF,CAjBJ,CADF,CADF;AAkCD;;;;EA7C6BP,S;;gBAA1BW,iB,iBACiB,e;;gBADjBA,iB,WAEWmB,K;;AA8CjB,SAASF,OAAT,CAAiBG,KAAjB,EAAwB;AAAA;AAAA;;AACtB,MAAMC,QAAQ,GACiC7B,WAAW,CAACwB,KAD3D;AACA,iBAAOzB,OAAO,CAAC6B,KAAK,CAACb,MAAP,CAAd,eAA6B,oBAAC,QAAD;AAAA,WAA0CZ;AAA1C,cAA7B;AACD;;AAED,IAAMmB,aAAa,GAAG1B,eAAe,CACnCY,iBADmC,EAEnC;AACEe,EAAAA,IAAI,EAAEvB,WAAW,CAACuB,IADpB;AAEEC,EAAAA,KAAK,EAAExB,WAAW,CAACwB,KAFrB;AAGEC,EAAAA,OAAO,EAAPA;AAHF,CAFmC,EAOnC;AACEK,EAAAA,MAAM,EAAE9B;AADV,CAPmC,CAArC;AAYA,eAAesB,aAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n    return sstyled(styles)(\n      <SWrapper render={Box}>\n        <NeighborLocation>\n          <SFilterTrigger\n            w=\"100%\"\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n          >\n            {addonTextChildren(Children, FilterTrigger.Text, [\n              FilterTrigger.Addon,\n              FilterTrigger.Counter,\n            ])}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag=\"button\"\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n            >\n              <FilterTrigger.Addon tag={Close} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"file":"FilterTrigger.js"}
+{"version":3,"sources":["../../src/FilterTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","props","SCounter","parent"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,gBAAP,MAA6B,4BAA7B;AACA,OAAOC,GAAP,MAAgB,cAAhB;AACA,OAAOC,KAAP,MAAkB,uBAAlB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,SAASC,oBAAT,QAAqC,gCAArC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;;;;4EAIoB,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,K;;;;;;;WAExB,kBAAS;AAAA;AAAA;;AACP,UAAMC,QAAQ,GAKMV,GALpB;AACA,UAAMW,cAAc,GAAGZ,WAAvB;AACA,0BAAkF,KAAKa,OAAvF;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,iBAA0BA,KAA1B;AAAA,UAAiCC,OAAjC,iBAAiCA,OAAjC;AAAA,UAA0CC,IAA1C,iBAA0CA,IAA1C;AAAA,UAAgDC,WAAhD,iBAAgDA,WAAhD;AAAA,UAA6DC,MAA7D,iBAA6DA,MAA7D;AAAA,UAAqEC,QAArE,iBAAqEA,QAArE;AAEA,qBAAOtB,OAAO,CAACgB,MAAD,CAAd,eACE,oBAAC,QAAD,gFACE,oBAAC,gBAAD,iDACE,oBAAC,cAAD;AAAA,aACI,MADJ;AAAA,gBAEQG,IAFR;AAAA,uBAGeC,WAHf;AAAA,iBAISH,KAJT;AAAA,oBAKY,CAACA,KALb;AAAA,kBAMUI,MANV;AAAA,oBAOYC;AAPZ,UASGd,iBAAiB,CAACO,QAAD,EAAWQ,aAAa,CAACC,IAAzB,EAA+B,CAC/CD,aAAa,CAACE,KADiC,EAE/CF,aAAa,CAACG,OAFiC,CAA/B,CATpB,EAaGT,KAAK,iBAAI,oBAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEX;AAA1B,QAbZ,CADF,EAgBG,CAACW,KAAD,iBACC,oBAAC,cAAD;AAAA,eACM,QADN;AAAA,gBAEQE,IAFR;AAAA,iBAGSF,KAHT;AAAA;AAAA,mBAKWV,oBAAoB,CAACW,OAAD,EAAU,KAAKS,qBAAf,CAL/B;AAAA,qBAMa,KAAKA,qBANlB;AAAA,oBAOYL;AAPZ,uBASE,oBAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEjB;AAA1B,QATF,CAjBJ,CADF,CADF;AAkCD;;;;EA7C6BP,S;;gBAA1BW,iB,iBACiB,e;;gBADjBA,iB,WAEWmB,K;;AA8CjB,SAASF,OAAT,CAAiBG,KAAjB,EAAwB;AAAA;AAAA;;AACtB,MAAMC,QAAQ,GACiC7B,WAAW,CAACwB,KAD3D;AACA,iBAAOzB,OAAO,CAAC6B,KAAK,CAACb,MAAP,CAAd,eAA6B,oBAAC,QAAD;AAAA,WAA0CZ;AAA1C,cAA7B;AACD;;AAED,IAAMmB,aAAa,GAAG1B,eAAe,CACnCY,iBADmC,EAEnC;AACEe,EAAAA,IAAI,EAAEvB,WAAW,CAACuB,IADpB;AAEEC,EAAAA,KAAK,EAAExB,WAAW,CAACwB,KAFrB;AAGEC,EAAAA,OAAO,EAAPA;AAHF,CAFmC,EAOnC;AACEK,EAAAA,MAAM,EAAE9B;AADV,CAPmC,CAArC;AAYA,eAAesB,aAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n    return sstyled(styles)(\n      <SWrapper render={Box}>\n        <NeighborLocation>\n          <SFilterTrigger\n            w=\"100%\"\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n          >\n            {addonTextChildren(Children, FilterTrigger.Text, [\n              FilterTrigger.Addon,\n              FilterTrigger.Counter,\n            ])}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag=\"button\"\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n            >\n              <FilterTrigger.Addon tag={Close} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"file":"FilterTrigger.js"}

package/lib/es6/LinkTrigger.js

@@ -9,9 +9,9 @@ import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -31,24 +31,25 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SLinkTrigger_1jygk_gg_{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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1jygk_gg_:active,.___SLinkTrigger_1jygk_gg_:hover,.___SLinkTrigger_1jygk_gg_.__active_1jygk_gg_{color:#0063a5}.___SLinkTrigger_1jygk_gg_:active .___SText_1jygk_gg_,.___SLinkTrigger_1jygk_gg_:hover .___SText_1jygk_gg_,.___SLinkTrigger_1jygk_gg_.__active_1jygk_gg_ .___SText_1jygk_gg_{border-color:currentColor}.___SLinkTrigger_1jygk_gg_ .___SText_1jygk_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1jygk_gg_.__color_1jygk_gg_{color:var(--color_hznr82)}.___SLinkTrigger_1jygk_gg_.__color_1jygk_gg_:hover{color:color-mod(var(--color_hznr82) shade(12%))}.___SLinkTrigger_1jygk_gg_.__disabled_1jygk_gg_{opacity:.3;cursor:default;pointer-events:none}.___SLinkTrigger_1jygk_gg_.__keyboardFocused_1jygk_gg_{box-shadow:0 0 0 3px color-mod(#2b94e1 a(30%));z-index:1}.___SAddon_1jygk_gg_,.___SLinkAddon_1jygk_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1jygk_gg_:not(:only-child):first-child,.___SLinkAddon_1jygk_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1jygk_gg_:not(:only-child):last-child,.___SLinkAddon_1jygk_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1jygk_gg_{width:12px;height:12px}.___SLinkTrigger_1jygk_gg_._size_s_1jygk_gg_{font-size:10px}.___SLinkTrigger_1jygk_gg_._size_m_1jygk_gg_{font-size:12px}.___SLinkTrigger_1jygk_gg_._size_l_1jygk_gg_{font-size:14px}.___SLinkTrigger_1jygk_gg_._size_xl_1jygk_gg_{font-size:16px}"
+".___SLinkTrigger_1l30n_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer}.___SLinkTrigger_1l30n_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_:active,.___SLinkTrigger_1l30n_gg_:hover,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_{color:#0063a5}.___SLinkTrigger_1l30n_gg_:active .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_:hover .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_ .___SText_1l30n_gg_{border-color:currentColor}.___SLinkTrigger_1l30n_gg_ .___SText_1l30n_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_{color:var(--color_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_:hover{color:var(--color-hover_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__disabled_1l30n_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1l30n_gg_.__keyboardFocused_1l30n_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_1l30n_gg_,.___SLinkAddon_1l30n_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1l30n_gg_:not(:only-child):first-child,.___SLinkAddon_1l30n_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1l30n_gg_:not(:only-child):last-child,.___SLinkAddon_1l30n_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1l30n_gg_{width:12px;height:12px}.___SLinkTrigger_1l30n_gg_._size_s_1l30n_gg_{font-size:10px}.___SLinkTrigger_1l30n_gg_._size_m_1l30n_gg_{font-size:12px}.___SLinkTrigger_1l30n_gg_._size_l_1l30n_gg_{font-size:14px}.___SLinkTrigger_1l30n_gg_._size_xl_1l30n_gg_{font-size:16px}"
 /*__inner_css_end__*/
-, "hznr82_gg_")
+, "1fzf3hu_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLinkTrigger": "___SLinkTrigger_1jygk_gg_",
-  "_active": "__active_1jygk_gg_",
-  "__SText": "___SText_1jygk_gg_",
-  "_color": "__color_1jygk_gg_",
-  "--color": "--color_hznr82",
-  "_disabled": "__disabled_1jygk_gg_",
-  "_keyboardFocused": "__keyboardFocused_1jygk_gg_",
-  "__SAddon": "___SAddon_1jygk_gg_",
-  "__SLinkAddon": "___SLinkAddon_1jygk_gg_",
-  "_size_s": "_size_s_1jygk_gg_",
-  "_size_m": "_size_m_1jygk_gg_",
-  "_size_l": "_size_l_1jygk_gg_",
-  "_size_xl": "_size_xl_1jygk_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_1l30n_gg_",
+  "_active": "__active_1l30n_gg_",
+  "__SText": "___SText_1l30n_gg_",
+  "_color": "__color_1l30n_gg_",
+  "--color": "--color_1fzf3hu",
+  "--color-hover": "--color-hover_1fzf3hu",
+  "_disabled": "__disabled_1l30n_gg_",
+  "_keyboardFocused": "__keyboardFocused_1l30n_gg_",
+  "__SAddon": "___SAddon_1l30n_gg_",
+  "__SLinkAddon": "___SLinkAddon_1l30n_gg_",
+  "_size_s": "_size_s_1l30n_gg_",
+  "_size_m": "_size_m_1l30n_gg_",
+  "_size_l": "_size_l_1l30n_gg_",
+  "_size_xl": "_size_xl_1l30n_gg_"
 });
 
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
@@ -85,9 +86,12 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
           Children = _this$asProps2.Children,
           loading = _this$asProps2.loading,
           styles = _this$asProps2.styles,
-          color = _this$asProps2.color;
+          providedColor = _this$asProps2.color;
+      var color = resolveColor(providedColor);
+      var colorHover = shade(color, -0.12);
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
-        "use:color": resolveColor(color)
+        "use:color": color,
+        "use:color-hover": colorHover
       }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
         "size": "xs",
         "theme": "currentColor"

package/lib/es6/LinkTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LinkTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","color","Text","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;AAAA,0BACkB,KAAKC,OADvB;AAAA,UACLC,WADK,iBACLA,WADK;AAAA,UACQC,KADR,iBACQA,KADR;AAEb,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAKMR,GALxB;AACA,UAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;AAFO,2BAGsC,KAAKN,OAH3C;AAAA,UAGCO,QAHD,kBAGCA,QAHD;AAAA,UAGWC,OAHX,kBAGWA,OAHX;AAAA,UAGoBC,MAHpB,kBAGoBA,MAHpB;AAAA,UAG4BC,KAH5B,kBAG4BA,KAH5B;AAKP,qBAAOnB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,qBAAsCb,YAAY,CAACc,KAAD;AAAlD,kBACGlB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACM,IAAvB,EAA6BN,WAAW,CAACC,KAAzC,CADpB,eAEE,oBAAC,UAAD,8BACGE,OAAO,gBAAG,oBAAC,IAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,oBAAC,WAAD,8BADvD,CAFF,CADF;AAQD;;;;EA7B2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWa,K;;gBAFXb,e,kBAGkB;AACpBc,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBd,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA0BnB,SAASa,IAAT,CAAcG,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMpB,GALjB;AADmB,MAEXqB,QAFW,GAE8BF,KAF9B,CAEXE,QAFW;AAAA,MAEDP,MAFC,GAE8BK,KAF9B,CAEDL,MAFC;AAAA,MAEOP,KAFP,GAE8BY,KAF9B,CAEOZ,KAFP;AAAA,MAEcD,WAFd,GAE8Ba,KAF9B,CAEcb,WAFd;AAInB,iBAAOV,OAAO,CAACkB,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCP;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBe,QADzB,CAFF;AAMD;;AAED,SAASV,KAAT,CAAeQ,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCtB,GAD7C;AACA,iBAAOJ,OAAO,CAACuB,KAAK,CAACL,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;AACnDY,EAAAA,IAAI,EAAJA,IADmD;AAEnDL,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeD,WAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\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  static enhance = [keyboardFocusEnhance()];\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, color } = this.asProps;\n\n    return sstyled(styles)(\n      <SLinkTrigger render={Box} use:color={resolveColor(color)}>\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}\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 */\n    <SText render={Box} use: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"],"file":"LinkTrigger.js"}
+{"version":3,"sources":["../../src/LinkTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAQMR,GARxB;AACA,UAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;AACA,2BAA4D,KAAKN,OAAjE;AAAA,UAAQO,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,OAAlB,kBAAkBA,OAAlB;AAAA,UAA2BC,MAA3B,kBAA2BA,MAA3B;AAAA,UAA0CC,aAA1C,kBAAmCC,KAAnC;AAEA,UAAMA,KAAK,GAAGf,YAAY,CAACc,aAAD,CAA1B;AACA,UAAME,UAAU,GAAGf,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CAAxB;AAEA,qBAAOpB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,qBAAsCE,KAAtC;AAAA,2BAA8DC;AAA9D,kBACGpB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACQ,IAAvB,EAA6BR,WAAW,CAACC,KAAzC,CADpB,eAEE,oBAAC,UAAD,8BACGE,OAAO,gBAAG,oBAAC,IAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,oBAAC,WAAD,8BADvD,CAFF,CADF;AAQD;;;;EAhC2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA6BnB,SAASe,IAAT,CAAcG,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMtB,GALjB;AACA,MAAQuB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBT,MAAlB,GAAiDO,KAAjD,CAAkBP,MAAlB;AAAA,MAA0BP,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;AAEA,iBAAOV,OAAO,CAACkB,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCP;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASZ,KAAT,CAAeU,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCxB,GAD7C;AACA,iBAAOJ,OAAO,CAACyB,KAAK,CAACP,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;AACnDc,EAAAA,IAAI,EAAJA,IADmD;AAEnDP,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeD,WAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\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  static enhance = [keyboardFocusEnhance()];\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, color: providedColor } = this.asProps;\n\n    const color = resolveColor(providedColor);\n    const colorHover = shade(color, -0.12);\n\n    return sstyled(styles)(\n      <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n        {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}\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 */\n    <SText render={Box} use: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"],"file":"LinkTrigger.js"}

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

@@ -39,6 +39,11 @@ SBaseTrigger {
     text-decoration: none;
   }
 
+  &[keyboardFocused] {
+    border: 1px solid var(--light-blue);
+    box-shadow: var(--keyborad-focus);
+  }
+
   &:active,
   &:hover,
   &[active] {
@@ -53,7 +58,6 @@ SBaseTrigger[disabled] {
 }
 
 SBaseTrigger[keyboardFocused] {
-  box-shadow: var(--keyborad-focus);
   z-index: 1;
 }
 
@@ -226,4 +230,9 @@ SBaseTrigger[state='valid'] {
 
 SBaseTrigger[state='invalid'] {
   border-color: var(--orange);
+
+  &[keyboardFocused] {
+    border-color: var(--orange);
+    box-shadow: 0 0 0 3px color-mod(var(--orange) a(30%));
+  }
 }

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

@@ -48,7 +48,7 @@ SLinkTrigger[color] {
   color: var(--color);
 
   &:hover {
-    color: color-mod(var(--color) shade(12%));
+    color: var(--color-hover);
   }
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "SEMRush BaseTrigger Component",
-  "version": "2.5.0",
+  "version": "2.5.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -25,6 +25,11 @@
     "react": "16.8 - 17"
   },
   "jest": {
-    "preset": "jest-preset-ui"
+    "preset": "@semcore/jest-preset-ui"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/semrush/intergalactic.git",
+    "directory": "semcore/base-trigger"
   }
 }

package/src/BaseTrigger.js

@@ -1,9 +1,5 @@
-import React  from 'react';
-import createComponent, {
-  Component,
-  Root,
-  sstyled,
-} from '@semcore/core';
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import { neighborLocationEnhance } from '@semcore/neighbor-location';
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
@@ -31,24 +27,17 @@ class RootBaseTrigger extends Component {
   render() {
     const SBaseTrigger = Root;
     const SInner = 'div';
-    const {
-      Children,
-      styles,
-      theme,
-    } = this.asProps;
+    const { Children, styles, theme } = this.asProps;
 
     logger.warn(
       theme !== undefined,
-      'The \'theme\' property is deprecated, use \'state\'',
+      "The 'theme' property is deprecated, use 'state'",
       this.asProps['data-ui-name'] || BaseTrigger.displayName,
     );
 
     // TODO: add aria
     return sstyled(styles)(
-      <SBaseTrigger
-        render={Box}
-        state={theme}
-      >
+      <SBaseTrigger render={Box} state={theme}>
         <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>
       </SBaseTrigger>,
     );

package/src/LinkTrigger.js

@@ -28,10 +28,13 @@ class RootLinkTrigger extends Component {
   render() {
     const SLinkTrigger = Root;
     const SLinkAddon = LinkTrigger.Addon;
-    const { Children, loading, styles, color } = this.asProps;
+    const { Children, loading, styles, color: providedColor } = this.asProps;
+
+    const color = resolveColor(providedColor);
+    const colorHover = shade(color, -0.12);
 
     return sstyled(styles)(
-      <SLinkTrigger render={Box} use:color={resolveColor(color)}>
+      <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>
         {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}
         <SLinkAddon>
           {loading ? <Spin size="xs" theme="currentColor" /> : <ChevronDown />}

package/src/style/base-trigger.shadow.css

@@ -39,6 +39,11 @@ SBaseTrigger {
     text-decoration: none;
   }
 
+  &[keyboardFocused] {
+    border: 1px solid var(--light-blue);
+    box-shadow: var(--keyborad-focus);
+  }
+
   &:active,
   &:hover,
   &[active] {
@@ -53,7 +58,6 @@ SBaseTrigger[disabled] {
 }
 
 SBaseTrigger[keyboardFocused] {
-  box-shadow: var(--keyborad-focus);
   z-index: 1;
 }
 
@@ -226,4 +230,9 @@ SBaseTrigger[state='valid'] {
 
 SBaseTrigger[state='invalid'] {
   border-color: var(--orange);
+
+  &[keyboardFocused] {
+    border-color: var(--orange);
+    box-shadow: 0 0 0 3px color-mod(var(--orange) a(30%));
+  }
 }

package/src/style/link-trigger.shadow.css

@@ -48,7 +48,7 @@ SLinkTrigger[color] {
   color: var(--color);
 
   &:hover {
-    color: color-mod(var(--color) shade(12%));
+    color: var(--color-hover);
   }
 }