@semcore/base-trigger 3.4.11 → 3.5.0

package/CHANGELOG.md

@@ -2,11 +2,19 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.4.11] - 2023-02-13
+## [3.5.0] - 2023-02-20
+
+### Added
+
+- Added triggers width animation triggered by change of `value` prop.
+
+## [3.4.12] - 2023-02-13
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/icon` [3.8.1 ~> 3.9.0]).
+- Version patch update due to children dependencies update (`@semcore/icon` [3.9.0 ~> 3.10.0]).
+
+## [3.4.11] - 2023-02-13
 
 ## [3.4.10] - 2023-02-09
 

package/lib/cjs/BaseTrigger.js

@@ -35,6 +35,10 @@ var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addo
 
 var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 
+var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
+
+var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+
 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; }
@@ -52,28 +56,28 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBaseTrigger_b0a1h_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;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;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_b0a1h_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_b0a1h_gg_:active,.___SBaseTrigger_b0a1h_gg_:focus{outline:0;text-decoration:none}@media (hover: hover){.___SBaseTrigger_b0a1h_gg_:hover{outline:0;text-decoration:none;background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}}.___SBaseTrigger_b0a1h_gg_.__keyboardFocused_b0a1h_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}@media (hover: hover){}.___SBaseTrigger_b0a1h_gg_:active,.___SBaseTrigger_b0a1h_gg_.__active_b0a1h_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_b0a1h_gg_.__disabled_b0a1h_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SInner_b0a1h_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_b0a1h_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200,142%);flex-grow:1;text-align:left}.___SAddon_b0a1h_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_b0a1h_gg_{width:12px;height:12px}.___SBaseTrigger_b0a1h_gg_._size_m_b0a1h_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_b0a1h_gg_._size_m_b0a1h_gg_ .___SAddon_b0a1h_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_b0a1h_gg_._size_m_b0a1h_gg_ .___SAddon_b0a1h_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_b0a1h_gg_._size_m_b0a1h_gg_ .___SAddon_b0a1h_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_b0a1h_gg_._size_l_b0a1h_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_b0a1h_gg_._size_l_b0a1h_gg_ .___SAddon_b0a1h_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_b0a1h_gg_._size_l_b0a1h_gg_ .___SAddon_b0a1h_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_b0a1h_gg_._size_l_b0a1h_gg_ .___SAddon_b0a1h_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_b0a1h_gg_._neighborLocation_right_b0a1h_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_b0a1h_gg_._neighborLocation_both_b0a1h_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_b0a1h_gg_._neighborLocation_left_b0a1h_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_b0a1h_gg_.__placeholder_b0a1h_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_b0a1h_gg_._state_normal_b0a1h_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_b0a1h_gg_._state_valid_b0a1h_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_b0a1h_gg_._state_invalid_b0a1h_gg_{border-color:var(--intergalactic-border-critical,#ffaeb5)}.___SBaseTrigger_b0a1h_gg_._state_invalid_b0a1h_gg_.__keyboardFocused_b0a1h_gg_{border-color:var(--intergalactic-border-critical-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
+".___SBaseTrigger_1kehh_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1kehh_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1kehh_gg_:active,.___SBaseTrigger_1kehh_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1kehh_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1kehh_gg_.__keyboardFocused_1kehh_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}@media (hover:hover){.___SBaseTrigger_1kehh_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1kehh_gg_.__active_1kehh_gg_,.___SBaseTrigger_1kehh_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_1kehh_gg_.__disabled_1kehh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_1kehh_gg_.__keyboardFocused_1kehh_gg_{z-index:1}.___SInner_1kehh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1kehh_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1kehh_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1kehh_gg_{width:12px;height:12px}.___SBaseTrigger_1kehh_gg_._size_m_1kehh_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1kehh_gg_._size_m_1kehh_gg_ .___SAddon_1kehh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1kehh_gg_._size_m_1kehh_gg_ .___SAddon_1kehh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1kehh_gg_._size_l_1kehh_gg_ .___SAddon_1kehh_gg_:only-child,.___SBaseTrigger_1kehh_gg_._size_m_1kehh_gg_ .___SAddon_1kehh_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1kehh_gg_._size_l_1kehh_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1kehh_gg_._size_l_1kehh_gg_ .___SAddon_1kehh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1kehh_gg_._size_l_1kehh_gg_ .___SAddon_1kehh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1kehh_gg_._neighborLocation_right_1kehh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1kehh_gg_._neighborLocation_both_1kehh_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1kehh_gg_._neighborLocation_left_1kehh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1kehh_gg_.__placeholder_1kehh_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SBaseTrigger_1kehh_gg_._state_normal_1kehh_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1kehh_gg_._state_valid_1kehh_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SBaseTrigger_1kehh_gg_._state_invalid_1kehh_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SBaseTrigger_1kehh_gg_._state_invalid_1kehh_gg_.__keyboardFocused_1kehh_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}"
 /*__inner_css_end__*/
-, "b0a1h_gg_")
+, "1kehh_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBaseTrigger": "___SBaseTrigger_b0a1h_gg_",
-  "_keyboardFocused": "__keyboardFocused_b0a1h_gg_",
-  "_active": "__active_b0a1h_gg_",
-  "_disabled": "__disabled_b0a1h_gg_",
-  "__SInner": "___SInner_b0a1h_gg_",
-  "__SText": "___SText_b0a1h_gg_",
-  "__SAddon": "___SAddon_b0a1h_gg_",
-  "__SBaseAddon": "___SBaseAddon_b0a1h_gg_",
-  "_size_m": "_size_m_b0a1h_gg_",
-  "_size_l": "_size_l_b0a1h_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_b0a1h_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_b0a1h_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_b0a1h_gg_",
-  "_placeholder": "__placeholder_b0a1h_gg_",
-  "_state_normal": "_state_normal_b0a1h_gg_",
-  "_state_valid": "_state_valid_b0a1h_gg_",
-  "_state_invalid": "_state_invalid_b0a1h_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_1kehh_gg_",
+  "_keyboardFocused": "__keyboardFocused_1kehh_gg_",
+  "_active": "__active_1kehh_gg_",
+  "_disabled": "__disabled_1kehh_gg_",
+  "__SInner": "___SInner_1kehh_gg_",
+  "__SText": "___SText_1kehh_gg_",
+  "__SAddon": "___SAddon_1kehh_gg_",
+  "__SBaseAddon": "___SBaseAddon_1kehh_gg_",
+  "_size_m": "_size_m_1kehh_gg_",
+  "_size_l": "_size_l_1kehh_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1kehh_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1kehh_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1kehh_gg_",
+  "_placeholder": "__placeholder_1kehh_gg_",
+  "_state_normal": "_state_normal_1kehh_gg_",
+  "_state_valid": "_state_valid_1kehh_gg_",
+  "_state_invalid": "_state_invalid_1kehh_gg_"
 });
 
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
@@ -129,7 +133,15 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
 }(_core.Component);
 
 (0, _defineProperty2["default"])(RootBaseTrigger, "displayName", 'BaseTrigger');
-(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
+(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _useCssVariable.cssVariableEnhance)({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), (0, _animatedSizeEnhance["default"])({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+})]);
 (0, _defineProperty2["default"])(RootBaseTrigger, "style", style);
 (0, _defineProperty2["default"])(RootBaseTrigger, "defaultProps", {
   size: 'm',

package/lib/cjs/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","sstyled","addonTextChildren","Text","Addon","Component","keyboardFocusEnhance","style","size","props","SText","children","SAddon","createComponent"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation 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 enhance = [keyboardFocusEnhance()];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'div';\n    const { Children, styles, theme, neighborLocation, empty } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    /* \"use:\" prefix was used for backward compatibility (by lsroman) */\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WASJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MACP,IAAMC,YAAY,GAeYC,YAf9B;MACA,IAAMC,MAAM,GAAG,KAAf;MACA,qBAA6D,KAAKL,OAAlE;MAAA,IAAQM,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,kBAA0BA,KAA1B;MAAA,IAAiCC,gBAAjC,kBAAiCA,gBAAjC;MAAA,IAAmDP,KAAnD,kBAAmDA,KAAnD;;MAEAQ,kBAAA,CAAOC,IAAP,CACEH,KAAK,KAAKI,SADZ,EAEE,iDAFF,EAGE,KAAKZ,OAAL,CAAa,cAAb,KAAgCa,WAAW,CAACC,WAH9C,EALO,CAWP;;;MACA,oBACE,gCAAC,4BAAD,CAAkB,MAAlB;QAAyB,gBAAgB,EAAEL;MAA3C,GACG,UAACA,gBAAD;QAAA;;QAAA,eACC,IAAAM,aAAA,EAAQR,MAAR,CADD,eAEG,gCAAC,YAAD;UAAA,oBAA6CE,gBAA7C;UAAA,SAAsED;QAAtE,yBACE,gCAAC,MAAD,0BACG,IAAAQ,6BAAA,EAAkBV,QAAlB,EAA4BO,WAAW,CAACI,IAAxC,EAA8CJ,WAAW,CAACK,KAA1D,EAAiEhB,KAAjE,CADH,CADF,CAFH;MAAA,CADH,CADF;IAaD;;;EA1C2BiB,e;;iCAAxBpB,e,iBACiB,a;iCADjBA,e,aAEa,CAAC,IAAAqB,gCAAA,GAAD,C;iCAFbrB,e,WAGWsB,K;iCAHXtB,e,kBAIkB;EACpBuB,IAAI,EAAE,GADc;EAEpBpB,KAAK,EAAE;AAFa,C;;AAyCxB,SAASe,IAAT,CAAcM,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMpB,YALjB;EACA,IAAQqB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBlB,MAAlB,GAAiDgB,KAAjD,CAAkBhB,MAAlB;EAAA,IAA0BL,KAA1B,GAAiDqB,KAAjD,CAA0BrB,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDsB,KAAjD,CAAiCtB,WAAjC;EAEA,eAAO,IAAAc,aAAA,EAAQR,MAAR,CAAP;EAAA;;EACE;EACA,gCAAC,KAAD;IAAA,mBAAqCL;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBwB,QADzB,CAFF;AAMD;;AAED,SAASP,KAAT,CAAeK,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCtB,YAD7C;EACA,eAAO,IAAAW,aAAA,EAAQQ,KAAK,CAAChB,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMM,WAAW,GAAG,IAAAc,gBAAA,EAAgB5B,eAAhB,EAAiC;EACnDkB,IAAI,EAAJA,IADmD;EAEnDC,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeL,W"}
+{"version":3,"file":"BaseTrigger.js","names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","sstyled","addonTextChildren","Text","Addon","Component","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","style","size","props","SText","children","SAddon","createComponent"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation 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';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'div';\n    const { Children, styles, theme, neighborLocation, empty } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    /* \"use:\" prefix was used for backward compatibility (by lsroman) */\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"],"mappings":"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"}

package/lib/cjs/ButtonTrigger.js

@@ -33,6 +33,10 @@ var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
 
 var _spin = _interopRequireDefault(require("@semcore/spin"));
 
+var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
+
+var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+
 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; }
@@ -46,13 +50,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SButtonAddon_zjje9_gg_{width:12px;height:12px}.___SButtonTriggerSpin_zjje9_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
+".___SButtonAddon_nm136_gg_{width:12px;height:12px}.___SButtonTriggerSpin_nm136_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}"
 /*__inner_css_end__*/
-, "zjje9_gg_")
+, "nm136_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonAddon": "___SButtonAddon_zjje9_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_zjje9_gg_"
+  "__SButtonAddon": "___SButtonAddon_nm136_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_nm136_gg_"
 });
 
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
@@ -89,6 +93,15 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
 
 (0, _defineProperty2["default"])(RootButtonTrigger, "displayName", 'ButtonTrigger');
 (0, _defineProperty2["default"])(RootButtonTrigger, "style", style);
+(0, _defineProperty2["default"])(RootButtonTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), (0, _animatedSizeEnhance["default"])({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+})]);
 var ButtonTrigger = (0, _core["default"])(RootButtonTrigger, {
   Text: _BaseTrigger["default"].Text,
   Addon: _BaseTrigger["default"].Addon

package/lib/cjs/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","asProps","Children","styles","loading","empty","sstyled","BaseTrigger","addonTextChildren","Text","Component","style","createComponent","parent"],"sources":["../../src/ButtonTrigger.jsx"],"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 SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAIJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGC,gBAA3B;MACA,oBAA6C,KAAKC,OAAlD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,KAAnC,iBAAmCA,KAAnC;MAEA,eAAO,IAAAC,aAAA,EAAQH,MAAR,CAAP,eACE,gCAAcI,uBAAd,oCACG,IAAAC,6BAAA,EAAkBN,QAAlB,EAA4BL,aAAa,CAACY,IAA1C,EAAgDZ,aAAa,CAACC,KAA9D,EAAqEO,KAArE,CADH,eAEE,gCAAC,YAAD,gCACGD,OAAO,gBAAG,gCAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,gCAAC,aAAD,8BAD9D,CAFF,CADF;IAQD;;;EAjB6BM,e;;iCAA1Bf,iB,iBACiB,e;iCADjBA,iB,WAEWgB,K;AAkBjB,IAAMd,aAAa,GAAG,IAAAe,gBAAA,EACpBjB,iBADoB,EAEpB;EACEc,IAAI,EAAEF,uBAAA,CAAYE,IADpB;EAEEX,KAAK,EAAES,uBAAA,CAAYT;AAFrB,CAFoB,EAMpB;EACEe,MAAM,EAAEN;AADV,CANoB,CAAtB;eAWeV,a"}
+{"version":3,"file":"ButtonTrigger.js","names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","asProps","Children","styles","loading","empty","sstyled","BaseTrigger","addonTextChildren","Text","Component","style","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent"],"sources":["../../src/ButtonTrigger.jsx"],"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';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAgBJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGC,gBAA3B;MACA,oBAA6C,KAAKC,OAAlD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,KAAnC,iBAAmCA,KAAnC;MAEA,eAAO,IAAAC,aAAA,EAAQH,MAAR,CAAP,eACE,gCAAcI,uBAAd,oCACG,IAAAC,6BAAA,EAAkBN,QAAlB,EAA4BL,aAAa,CAACY,IAA1C,EAAgDZ,aAAa,CAACC,KAA9D,EAAqEO,KAArE,CADH,eAEE,gCAAC,YAAD,gCACGD,OAAO,gBAAG,gCAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,gCAAC,aAAD,8BAD9D,CAFF,CADF;IAQD;;;EA7B6BM,e;;iCAA1Bf,iB,iBACiB,e;iCADjBA,iB,WAEWgB,K;iCAFXhB,iB,aAGa,CACf,IAAAiB,kCAAA,EAAmB;EACjBC,QAAQ,EAAE,kCADO;EAEjBC,QAAQ,EAAE,KAFO;EAGjBC,GAAG,EAAEC,MAAM,CAACC,QAHK;EAIjBC,IAAI,EAAE;AAJW,CAAnB,CADe,EAOf,IAAAC,+BAAA,EAAoB;EAClBC,YAAY,EAAE,CAAC,OAAD,CADI;EAElBC,UAAU,EAAE,CAAC,OAAD;AAFM,CAApB,CAPe,C;AA6BnB,IAAMxB,aAAa,GAAG,IAAAyB,gBAAA,EACpB3B,iBADoB,EAEpB;EACEc,IAAI,EAAEF,uBAAA,CAAYE,IADpB;EAEEX,KAAK,EAAES,uBAAA,CAAYT;AAFrB,CAFoB,EAMpB;EACEyB,MAAM,EAAEhB;AADV,CANoB,CAAtB;eAWeV,a"}

package/lib/cjs/FilterTrigger.js

@@ -47,6 +47,10 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 
+var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
+
+var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+
 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; }
@@ -64,25 +68,25 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SButtonTrigger_1l0cb_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_1l0cb_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1l0cb_gg_:active,.___SButtonTrigger_1l0cb_gg_:focus{outline:0;text-decoration:none}@media (hover: hover){.___SButtonTrigger_1l0cb_gg_:hover{outline:0;text-decoration:none;background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}}.___SButtonTrigger_1l0cb_gg_:active,.___SButtonTrigger_1l0cb_gg_.__active_1l0cb_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}@media (hover: hover){}.___SButtonTrigger_1l0cb_gg_._size_m_1l0cb_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_1l0cb_gg_._size_l_1l0cb_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_1l0cb_gg_.__placeholder_1l0cb_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_1l0cb_gg_._state_normal_1l0cb_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_1l0cb_gg_._state_valid_1l0cb_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_1l0cb_gg_._state_invalid_1l0cb_gg_{border-color:var(--intergalactic-border-critical,#ffaeb5)}.___SFilterTrigger_1l0cb_gg_.__selected_1l0cb_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_1l0cb_gg_.__selected_1l0cb_gg_.__active_1l0cb_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}@media (hover: hover){.___SFilterTrigger_1l0cb_gg_.__selected_1l0cb_gg_:hover{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}}.___SWrapper_1l0cb_gg_{display:inline-flex}.___SWrapper_1l0cb_gg_:focus{outline:none}.___SWrapper_1l0cb_gg_.__keyboardFocused_1l0cb_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_1l0cb_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
+".___SButtonTrigger_1u8uz_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_1u8uz_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_1u8uz_gg_:active,.___SButtonTrigger_1u8uz_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_1u8uz_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_1u8uz_gg_.__active_1u8uz_gg_,.___SButtonTrigger_1u8uz_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n      rgba(138, 142, 155, 0.2)\n    )}@media (hover:hover){.___SButtonTrigger_1u8uz_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n      rgba(138, 142, 155, 0.2)\n    )}}.___SButtonTrigger_1u8uz_gg_._size_m_1u8uz_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_1u8uz_gg_._size_l_1u8uz_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_1u8uz_gg_.__placeholder_1u8uz_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SButtonTrigger_1u8uz_gg_._state_normal_1u8uz_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_1u8uz_gg_._state_valid_1u8uz_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SButtonTrigger_1u8uz_gg_._state_invalid_1u8uz_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SFilterTrigger_1u8uz_gg_.__selected_1u8uz_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SFilterTrigger_1u8uz_gg_.__selected_1u8uz_gg_.__active_1u8uz_gg_{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}@media (hover:hover){.___SFilterTrigger_1u8uz_gg_.__selected_1u8uz_gg_:hover{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}}.___SWrapper_1u8uz_gg_{display:inline-flex}.___SWrapper_1u8uz_gg_:focus{outline:0}.___SWrapper_1u8uz_gg_.__keyboardFocused_1u8uz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCounter_1u8uz_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}"
 /*__inner_css_end__*/
-, "1l0cb_gg_")
+, "1u8uz_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonTrigger": "___SButtonTrigger_1l0cb_gg_",
-  "_active": "__active_1l0cb_gg_",
-  "_size_m": "_size_m_1l0cb_gg_",
-  "_size_l": "_size_l_1l0cb_gg_",
-  "__SText": "___SText_1l0cb_gg_",
-  "_placeholder": "__placeholder_1l0cb_gg_",
-  "_state_normal": "_state_normal_1l0cb_gg_",
-  "_state_valid": "_state_valid_1l0cb_gg_",
-  "_state_invalid": "_state_invalid_1l0cb_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1l0cb_gg_",
-  "_selected": "__selected_1l0cb_gg_",
-  "__SWrapper": "___SWrapper_1l0cb_gg_",
-  "_keyboardFocused": "__keyboardFocused_1l0cb_gg_",
-  "__SCounter": "___SCounter_1l0cb_gg_"
+  "__SButtonTrigger": "___SButtonTrigger_1u8uz_gg_",
+  "_active": "__active_1u8uz_gg_",
+  "_size_m": "_size_m_1u8uz_gg_",
+  "_size_l": "_size_l_1u8uz_gg_",
+  "__SText": "___SText_1u8uz_gg_",
+  "_placeholder": "__placeholder_1u8uz_gg_",
+  "_state_normal": "_state_normal_1u8uz_gg_",
+  "_state_valid": "_state_valid_1u8uz_gg_",
+  "_state_invalid": "_state_invalid_1u8uz_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1u8uz_gg_",
+  "_selected": "__selected_1u8uz_gg_",
+  "__SWrapper": "___SWrapper_1u8uz_gg_",
+  "_keyboardFocused": "__keyboardFocused_1u8uz_gg_",
+  "__SCounter": "___SCounter_1u8uz_gg_"
 });
 
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -160,7 +164,15 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
 
 (0, _defineProperty2["default"])(RootFilterTrigger, "displayName", 'FilterTrigger');
 (0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
-(0, _defineProperty2["default"])(RootFilterTrigger, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2["default"])(RootFilterTrigger, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _useCssVariable.cssVariableEnhance)({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), (0, _animatedSizeEnhance["default"])({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+})]);
 (0, _defineProperty2["default"])(RootFilterTrigger, "defaultProps", {
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'

package/lib/cjs/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTrigger.js","names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","sstyled","addonTextChildren","FilterTrigger","Text","Addon","Counter","ChevronDown","callAllEventHandlers","handleStopPropagation","Close","Component","style","i18nEnhance","localizedMessages","i18n","locale","props","SCounter","Dot","createComponent","parent"],"sources":["../../src/FilterTrigger.jsx"],"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';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\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, getI18nText } =\n      this.asProps;\n\n    if (this.asProps.role === 'button') {\n      this.asProps.role = 'group';\n    }\n\n    return sstyled(styles)(\n      <SWrapper render={Box} aria-label={getI18nText('filter')}>\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(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag=\"button\"\n              aria-label={getI18nText('clear')}\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;;;;8GASoB,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,eAAF,EAAP;IAAA,C;;;;;;WAExB,kBAAS;MAAA;MAAA;;MACP,IAAMC,QAAQ,GAUMC,YAVpB;MACA,IAAMC,cAAc,GAAGC,uBAAvB;MACA,oBACE,KAAKC,OADP;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,iBAA0BA,KAA1B;MAAA,IAAiCC,OAAjC,iBAAiCA,OAAjC;MAAA,IAA0CC,IAA1C,iBAA0CA,IAA1C;MAAA,IAAgDC,WAAhD,iBAAgDA,WAAhD;MAAA,IAA6DC,MAA7D,iBAA6DA,MAA7D;MAAA,IAAqEC,QAArE,iBAAqEA,QAArE;MAAA,IAA+EC,WAA/E,iBAA+EA,WAA/E;;MAGA,IAAI,KAAKT,OAAL,CAAaU,IAAb,KAAsB,QAA1B,EAAoC;QAClC,KAAKV,OAAL,CAAaU,IAAb,GAAoB,OAApB;MACD;;MAED,eAAO,IAAAC,aAAA,EAAQT,MAAR,CAAP,eACE,gCAAC,QAAD;QAAA,cAAmCO,WAAW,CAAC,QAAD;MAA9C,yBACE,gCAAC,4BAAD,iDACE,gCAAC,cAAD;QAAA,KACI,MADJ;QAAA,QAEQJ,IAFR;QAAA,eAGeC,WAHf;QAAA,SAISH,KAJT;QAAA,YAKY,CAACA,KALb;QAAA,UAMUI,MANV;QAAA,YAOYC;MAPZ,IASG,IAAAI,6BAAA,EACCX,QADD,EAECY,aAAa,CAACC,IAFf,EAGC,CAACD,aAAa,CAACE,KAAf,EAAsBF,aAAa,CAACG,OAApC,CAHD,EAICb,KAJD,CATH,EAeGA,KAAK,iBAAI,gCAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEc;MAA1B,EAfZ,CADF,EAkBG,CAACd,KAAD,iBACC,gCAAC,cAAD;QAAA,OACM,QADN;QAAA,cAEcM,WAAW,CAAC,OAAD,CAFzB;QAAA,QAGQJ,IAHR;QAAA,SAISF,KAJT;QAAA;QAAA,WAMW,IAAAe,kCAAA,EAAqBd,OAArB,EAA8B,KAAKe,qBAAnC,CANX;QAAA,aAOa,KAAKA,qBAPlB;QAAA,YAQYX;MARZ,iBAUE,gCAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEY;MAA1B,EAVF,CAnBJ,CADF,CADF;IAqCD;;;EA1D6BC,e;;iCAA1B5B,iB,iBACiB,e;iCADjBA,iB,WAEW6B,K;iCAFX7B,iB,aAGa,CAAC,IAAA8B,uBAAA,EAAYC,8CAAZ,CAAD,C;iCAHb/B,iB,kBAIkB;EACpBgC,IAAI,EAAED,8CADc;EAEpBE,MAAM,EAAE;AAFY,C;;AAyDxB,SAASV,OAAT,CAAiBW,KAAjB,EAAwB;EAAA;EAAA;;EACtB,IAAMC,QAAQ,GACiC7B,uBAAA,CAAYgB,KAD3D;EACA,eAAO,IAAAJ,aAAA,EAAQgB,KAAK,CAACzB,MAAd,CAAP,eAA6B,gCAAC,QAAD;IAAA,OAA0C2B;EAA1C,YAA7B;AACD;;AAED,IAAMhB,aAAa,GAAG,IAAAiB,gBAAA,EACpBrC,iBADoB,EAEpB;EACEqB,IAAI,EAAEf,uBAAA,CAAYe,IADpB;EAEEC,KAAK,EAAEhB,uBAAA,CAAYgB,KAFrB;EAGEC,OAAO,EAAPA;AAHF,CAFoB,EAOpB;EACEe,MAAM,EAAEhC;AADV,CAPoB,CAAtB;eAYec,a"}
+{"version":3,"file":"FilterTrigger.js","names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","sstyled","addonTextChildren","FilterTrigger","Text","Addon","Counter","ChevronDown","callAllEventHandlers","handleStopPropagation","Close","Component","style","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","i18n","locale","props","SCounter","Dot","createComponent","parent"],"sources":["../../src/FilterTrigger.jsx"],"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';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\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, getI18nText } =\n      this.asProps;\n\n    if (this.asProps.role === 'button') {\n      this.asProps.role = 'group';\n    }\n\n    return sstyled(styles)(\n      <SWrapper render={Box} aria-label={getI18nText('filter')}>\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(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag=\"button\"\n              aria-label={getI18nText('clear')}\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"],"mappings":"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"}

package/lib/cjs/LinkTrigger.js

@@ -54,23 +54,23 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLinkTrigger_1kjpt_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1kjpt_gg_:active,.___SLinkTrigger_1kjpt_gg_.__active_1kjpt_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}@media (hover: hover){.___SLinkTrigger_1kjpt_gg_:hover{color:var(--intergalactic-text-link-hover-active,#044792)}}.___SLinkTrigger_1kjpt_gg_:active .___SText_1kjpt_gg_,.___SLinkTrigger_1kjpt_gg_.__active_1kjpt_gg_ .___SText_1kjpt_gg_{border-color:currentColor}@media (hover: hover){.___SLinkTrigger_1kjpt_gg_:hover .___SText_1kjpt_gg_{border-color:currentColor}}.___SLinkTrigger_1kjpt_gg_ .___SText_1kjpt_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1kjpt_gg_.__color_1kjpt_gg_{color:var(--color_1kjpt)}@media (hover: hover){.___SLinkTrigger_1kjpt_gg_.__color_1kjpt_gg_:hover{color:var(--color-hover_1kjpt)}}.___SLinkTrigger_1kjpt_gg_.__disabled_1kjpt_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_1kjpt_gg_.__keyboardFocused_1kjpt_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_1kjpt_gg_,.___SLinkAddon_1kjpt_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x,2px)}.___SAddon_1kjpt_gg_:not(:only-child):first-child,.___SLinkAddon_1kjpt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_1kjpt_gg_:not(:only-child):last-child,.___SLinkAddon_1kjpt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_1kjpt_gg_{width:16px;height:16px}.___SLinkTrigger_1kjpt_gg_._size_m_1kjpt_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_1kjpt_gg_._size_l_1kjpt_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1kjpt_gg_{transition:none}.___SLinkTrigger_1kjpt_gg_ .___SText_1kjpt_gg_{transition:none}}"
+".___SLinkTrigger_qdbea_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_qdbea_gg_.__active_qdbea_gg_,.___SLinkTrigger_qdbea_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_qdbea_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_qdbea_gg_.__active_qdbea_gg_ .___SText_qdbea_gg_,.___SLinkTrigger_qdbea_gg_:active .___SText_qdbea_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_qdbea_gg_:hover .___SText_qdbea_gg_{border-color:currentColor}}.___SLinkTrigger_qdbea_gg_ .___SText_qdbea_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_qdbea_gg_.__color_qdbea_gg_{color:var(--color_qdbea)}@media (hover:hover){.___SLinkTrigger_qdbea_gg_.__color_qdbea_gg_:hover{color:var(--color-hover_qdbea)}}.___SLinkTrigger_qdbea_gg_.__disabled_qdbea_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_qdbea_gg_.__keyboardFocused_qdbea_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SAddon_qdbea_gg_,.___SLinkAddon_qdbea_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_qdbea_gg_:not(:only-child):first-child,.___SLinkAddon_qdbea_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_qdbea_gg_:not(:only-child):last-child,.___SLinkAddon_qdbea_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_qdbea_gg_{width:16px;height:16px}.___SLinkTrigger_qdbea_gg_._size_m_qdbea_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_qdbea_gg_._size_l_qdbea_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_qdbea_gg_,.___SLinkTrigger_qdbea_gg_ .___SText_qdbea_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1kjpt_gg_")
+, "qdbea_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLinkTrigger": "___SLinkTrigger_1kjpt_gg_",
-  "_active": "__active_1kjpt_gg_",
-  "__SText": "___SText_1kjpt_gg_",
-  "_color": "__color_1kjpt_gg_",
-  "--color": "--color_1kjpt",
-  "--color-hover": "--color-hover_1kjpt",
-  "_disabled": "__disabled_1kjpt_gg_",
-  "_keyboardFocused": "__keyboardFocused_1kjpt_gg_",
-  "__SAddon": "___SAddon_1kjpt_gg_",
-  "__SLinkAddon": "___SLinkAddon_1kjpt_gg_",
-  "_size_m": "_size_m_1kjpt_gg_",
-  "_size_l": "_size_l_1kjpt_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_qdbea_gg_",
+  "_active": "__active_qdbea_gg_",
+  "__SText": "___SText_qdbea_gg_",
+  "_color": "__color_qdbea_gg_",
+  "--color": "--color_qdbea",
+  "--color-hover": "--color-hover_qdbea",
+  "_disabled": "__disabled_qdbea_gg_",
+  "_keyboardFocused": "__keyboardFocused_qdbea_gg_",
+  "__SAddon": "___SAddon_qdbea_gg_",
+  "__SLinkAddon": "___SLinkAddon_qdbea_gg_",
+  "_size_m": "_size_m_qdbea_gg_",
+  "_size_l": "_size_l_qdbea_gg_"
 });
 
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n  /**\n   * Trigger size\n   * @default m\n   */\n  size?: 'm' | 'l';\n  /**\n   * Trigger state\n   */\n  state?: 'normal' | 'valid' | 'invalid';\n  /**\n   * Sets active state to trigger\n   */\n  active?: boolean;\n  /**\n   * Responsible for placeholder displaying\n   */\n  empty?: boolean;\n  /**\n   * Placeholder text\n   */\n  placeholder?: React.ReactNode;\n  /**\n   * Sets disabled state to trigger\n   */\n  disabled?: boolean;\n  /** Trigger theme\n   * @deprecated\n   * @use IBaseTriggerProps.state\n   * */\n  theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n  /** Sets the loading state */\n  loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  locale?: string;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: <T>(\n    props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n  ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\nexport interface IBaseTriggerProps\n  extends IBoxProps,\n    INeighborItemProps,\n    IKeyboardFocusProps,\n    IWithAnimatedSizeEnhanceProps {\n  /**\n   * Trigger size\n   * @default m\n   */\n  size?: 'm' | 'l';\n  /**\n   * Trigger state\n   */\n  state?: 'normal' | 'valid' | 'invalid';\n  /**\n   * Sets active state to trigger\n   */\n  active?: boolean;\n  /**\n   * Responsible for placeholder displaying\n   */\n  empty?: boolean;\n  /**\n   * Placeholder text\n   */\n  placeholder?: React.ReactNode;\n  /**\n   * Sets disabled state to trigger\n   */\n  disabled?: boolean;\n  /** Trigger theme\n   * @deprecated\n   * @use IBaseTriggerProps.state\n   * */\n  theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n  /** Sets the loading state */\n  loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  locale?: string;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: <T>(\n    props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n  ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}

package/lib/es6/BaseTrigger.js

@@ -24,34 +24,36 @@ import NeighborLocation from '@semcore/neighbor-location';
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
 import logger from '@semcore/utils/lib/logger';
+import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
+import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
 
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBaseTrigger_b0a1h_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;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;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_b0a1h_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_b0a1h_gg_:active,.___SBaseTrigger_b0a1h_gg_:focus{outline:0;text-decoration:none}@media (hover: hover){.___SBaseTrigger_b0a1h_gg_:hover{outline:0;text-decoration:none;background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}}.___SBaseTrigger_b0a1h_gg_.__keyboardFocused_b0a1h_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}@media (hover: hover){}.___SBaseTrigger_b0a1h_gg_:active,.___SBaseTrigger_b0a1h_gg_.__active_b0a1h_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_b0a1h_gg_.__disabled_b0a1h_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SInner_b0a1h_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_b0a1h_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200,142%);flex-grow:1;text-align:left}.___SAddon_b0a1h_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_b0a1h_gg_{width:12px;height:12px}.___SBaseTrigger_b0a1h_gg_._size_m_b0a1h_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_b0a1h_gg_._size_m_b0a1h_gg_ .___SAddon_b0a1h_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_b0a1h_gg_._size_m_b0a1h_gg_ .___SAddon_b0a1h_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_b0a1h_gg_._size_m_b0a1h_gg_ .___SAddon_b0a1h_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_b0a1h_gg_._size_l_b0a1h_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_b0a1h_gg_._size_l_b0a1h_gg_ .___SAddon_b0a1h_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_b0a1h_gg_._size_l_b0a1h_gg_ .___SAddon_b0a1h_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_b0a1h_gg_._size_l_b0a1h_gg_ .___SAddon_b0a1h_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_b0a1h_gg_._neighborLocation_right_b0a1h_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_b0a1h_gg_._neighborLocation_both_b0a1h_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_b0a1h_gg_._neighborLocation_left_b0a1h_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_b0a1h_gg_.__placeholder_b0a1h_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_b0a1h_gg_._state_normal_b0a1h_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_b0a1h_gg_._state_valid_b0a1h_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_b0a1h_gg_._state_invalid_b0a1h_gg_{border-color:var(--intergalactic-border-critical,#ffaeb5)}.___SBaseTrigger_b0a1h_gg_._state_invalid_b0a1h_gg_.__keyboardFocused_b0a1h_gg_{border-color:var(--intergalactic-border-critical-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
+".___SBaseTrigger_1kehh_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1kehh_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1kehh_gg_:active,.___SBaseTrigger_1kehh_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1kehh_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1kehh_gg_.__keyboardFocused_1kehh_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}@media (hover:hover){.___SBaseTrigger_1kehh_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1kehh_gg_.__active_1kehh_gg_,.___SBaseTrigger_1kehh_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_1kehh_gg_.__disabled_1kehh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_1kehh_gg_.__keyboardFocused_1kehh_gg_{z-index:1}.___SInner_1kehh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1kehh_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1kehh_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1kehh_gg_{width:12px;height:12px}.___SBaseTrigger_1kehh_gg_._size_m_1kehh_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1kehh_gg_._size_m_1kehh_gg_ .___SAddon_1kehh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1kehh_gg_._size_m_1kehh_gg_ .___SAddon_1kehh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1kehh_gg_._size_l_1kehh_gg_ .___SAddon_1kehh_gg_:only-child,.___SBaseTrigger_1kehh_gg_._size_m_1kehh_gg_ .___SAddon_1kehh_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1kehh_gg_._size_l_1kehh_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1kehh_gg_._size_l_1kehh_gg_ .___SAddon_1kehh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1kehh_gg_._size_l_1kehh_gg_ .___SAddon_1kehh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1kehh_gg_._neighborLocation_right_1kehh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1kehh_gg_._neighborLocation_both_1kehh_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1kehh_gg_._neighborLocation_left_1kehh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1kehh_gg_.__placeholder_1kehh_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SBaseTrigger_1kehh_gg_._state_normal_1kehh_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1kehh_gg_._state_valid_1kehh_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SBaseTrigger_1kehh_gg_._state_invalid_1kehh_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SBaseTrigger_1kehh_gg_._state_invalid_1kehh_gg_.__keyboardFocused_1kehh_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}"
 /*__inner_css_end__*/
-, "b0a1h_gg_")
+, "1kehh_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBaseTrigger": "___SBaseTrigger_b0a1h_gg_",
-  "_keyboardFocused": "__keyboardFocused_b0a1h_gg_",
-  "_active": "__active_b0a1h_gg_",
-  "_disabled": "__disabled_b0a1h_gg_",
-  "__SInner": "___SInner_b0a1h_gg_",
-  "__SText": "___SText_b0a1h_gg_",
-  "__SAddon": "___SAddon_b0a1h_gg_",
-  "__SBaseAddon": "___SBaseAddon_b0a1h_gg_",
-  "_size_m": "_size_m_b0a1h_gg_",
-  "_size_l": "_size_l_b0a1h_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_b0a1h_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_b0a1h_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_b0a1h_gg_",
-  "_placeholder": "__placeholder_b0a1h_gg_",
-  "_state_normal": "_state_normal_b0a1h_gg_",
-  "_state_valid": "_state_valid_b0a1h_gg_",
-  "_state_invalid": "_state_invalid_b0a1h_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_1kehh_gg_",
+  "_keyboardFocused": "__keyboardFocused_1kehh_gg_",
+  "_active": "__active_1kehh_gg_",
+  "_disabled": "__disabled_1kehh_gg_",
+  "__SInner": "___SInner_1kehh_gg_",
+  "__SText": "___SText_1kehh_gg_",
+  "__SAddon": "___SAddon_1kehh_gg_",
+  "__SBaseAddon": "___SBaseAddon_1kehh_gg_",
+  "_size_m": "_size_m_1kehh_gg_",
+  "_size_l": "_size_l_1kehh_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1kehh_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1kehh_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1kehh_gg_",
+  "_placeholder": "__placeholder_1kehh_gg_",
+  "_state_normal": "_state_normal_1kehh_gg_",
+  "_state_valid": "_state_valid_1kehh_gg_",
+  "_state_invalid": "_state_invalid_1kehh_gg_"
 });
 
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
@@ -108,7 +110,15 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
 
 _defineProperty(RootBaseTrigger, "displayName", 'BaseTrigger');
 
-_defineProperty(RootBaseTrigger, "enhance", [keyboardFocusEnhance()]);
+_defineProperty(RootBaseTrigger, "enhance", [keyboardFocusEnhance(), cssVariableEnhance({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), animatedSizeEnhance({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+})]);
 
 _defineProperty(RootBaseTrigger, "style", style);
 

package/lib/es6/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","neighborLocation","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation 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 enhance = [keyboardFocusEnhance()];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'div';\n    const { Children, styles, theme, neighborLocation, empty } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    /* \"use:\" prefix was used for backward compatibility (by lsroman) */\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"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,gBAAP,MAA6B,4BAA7B;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WASJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MACP,IAAMC,YAAY,GAeYT,GAf9B;MACA,IAAMU,MAAM,GAAG,KAAf;MACA,qBAA6D,KAAKJ,OAAlE;MAAA,IAAQK,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,kBAA0BA,KAA1B;MAAA,IAAiCC,gBAAjC,kBAAiCA,gBAAjC;MAAA,IAAmDN,KAAnD,kBAAmDA,KAAnD;MAEAJ,MAAM,CAACW,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,iDAFF,EAGE,KAAKV,OAAL,CAAa,cAAb,KAAgCW,WAAW,CAACC,WAH9C,EALO,CAWP;;MACA,oBACE,oBAAC,gBAAD,CAAkB,MAAlB;QAAyB,gBAAgB,EAAEJ;MAA3C,GACG,UAACA,gBAAD;QAAA;;QAAA,eACCf,OAAO,CAACa,MAAD,CADR,eAEG,oBAAC,YAAD;UAAA,oBAA6CE,gBAA7C;UAAA,SAAsED;QAAtE,yBACE,oBAAC,MAAD,0BACGV,iBAAiB,CAACQ,QAAD,EAAWM,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,EAAgDZ,KAAhD,CADpB,CADF,CAFH;MAAA,CADH,CADF;IAaD;;;;EA1C2BX,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,aAEa,CAACH,oBAAoB,EAArB,C;;gBAFbG,e,WAGWgB,K;;gBAHXhB,e,kBAIkB;EACpBiB,IAAI,EAAE,GADc;EAEpBd,KAAK,EAAE;AAFa,C;;AAyCxB,SAASW,IAAT,CAAcI,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMxB,GALjB;EACA,IAAQyB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBb,MAAlB,GAAiDW,KAAjD,CAAkBX,MAAlB;EAAA,IAA0BJ,KAA1B,GAAiDe,KAAjD,CAA0Bf,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDgB,KAAjD,CAAiChB,WAAjC;EAEA,eAAOR,OAAO,CAACa,MAAD,CAAd;EAAA;;EACE;EACA,oBAAC,KAAD;IAAA,mBAAqCJ;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBkB,QADzB,CAFF;AAMD;;AAED,SAASL,KAAT,CAAeG,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiC1B,GAD7C;EACA,eAAOD,OAAO,CAACwB,KAAK,CAACX,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMK,WAAW,GAAGrB,eAAe,CAACS,eAAD,EAAkB;EACnDc,IAAI,EAAJA,IADmD;EAEnDC,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeH,WAAf"}
+{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","neighborLocation","warn","undefined","BaseTrigger","displayName","Text","Addon","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","style","size","props","SText","children","SAddon"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation 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';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'div';\n    const { Children, styles, theme, neighborLocation, empty } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    /* \"use:\" prefix was used for backward compatibility (by lsroman) */\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"],"mappings":"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"}

package/lib/es6/ButtonTrigger.js

@@ -17,19 +17,21 @@ import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
 import ChevronDown from '@semcore/icon/ChevronDown/m';
 import BaseTrigger from './BaseTrigger';
 import Spin from '@semcore/spin';
+import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
+import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
 
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SButtonAddon_zjje9_gg_{width:12px;height:12px}.___SButtonTriggerSpin_zjje9_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
+".___SButtonAddon_nm136_gg_{width:12px;height:12px}.___SButtonTriggerSpin_nm136_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}"
 /*__inner_css_end__*/
-, "zjje9_gg_")
+, "nm136_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonAddon": "___SButtonAddon_zjje9_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_zjje9_gg_"
+  "__SButtonAddon": "___SButtonAddon_nm136_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_nm136_gg_"
 });
 
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
@@ -70,6 +72,16 @@ _defineProperty(RootButtonTrigger, "displayName", 'ButtonTrigger');
 
 _defineProperty(RootButtonTrigger, "style", style);
 
+_defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), animatedSizeEnhance({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+})]);
+
 var ButtonTrigger = createComponent(RootButtonTrigger, {
   Text: BaseTrigger.Text,
   Addon: BaseTrigger.Addon

package/lib/es6/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","asProps","Children","styles","loading","empty","Text","style","parent"],"sources":["../../src/ButtonTrigger.jsx"],"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 SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <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"],"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;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGL,IAA3B;MACA,oBAA6C,KAAKM,OAAlD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,KAAnC,iBAAmCA,KAAnC;MAEA,eAAOd,OAAO,CAACY,MAAD,CAAd,eACE,oBAAcT,WAAd,0BACGF,iBAAiB,CAACU,QAAD,EAAWJ,aAAa,CAACQ,IAAzB,EAA+BR,aAAa,CAACC,KAA7C,EAAoDM,KAApD,CADpB,eAEE,oBAAC,YAAD,gCACGD,OAAO,gBAAG,oBAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,oBAAC,WAAD,8BAD9D,CAFF,CADF;IAQD;;;;EAjB6Bf,S;;gBAA1BO,iB,iBACiB,e;;gBADjBA,iB,WAEWW,K;;AAkBjB,IAAMT,aAAa,GAAGV,eAAe,CACnCQ,iBADmC,EAEnC;EACEU,IAAI,EAAEZ,WAAW,CAACY,IADpB;EAEEP,KAAK,EAAEL,WAAW,CAACK;AAFrB,CAFmC,EAMnC;EACES,MAAM,EAAEd;AADV,CANmC,CAArC;AAWA,eAAeI,aAAf"}
+{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","asProps","Children","styles","loading","empty","Text","style","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"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';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <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"],"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;AACA,OAAOC,mBAAP,MAAgC,iDAAhC;AACA,SAASC,kBAAT,QAAmC,mCAAnC;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;WAgBJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGP,IAA3B;MACA,oBAA6C,KAAKQ,OAAlD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,KAAnC,iBAAmCA,KAAnC;MAEA,eAAOhB,OAAO,CAACc,MAAD,CAAd,eACE,oBAAcX,WAAd,0BACGF,iBAAiB,CAACY,QAAD,EAAWJ,aAAa,CAACQ,IAAzB,EAA+BR,aAAa,CAACC,KAA7C,EAAoDM,KAApD,CADpB,eAEE,oBAAC,YAAD,gCACGD,OAAO,gBAAG,oBAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,oBAAC,WAAD,8BAD9D,CAFF,CADF;IAQD;;;;EA7B6BjB,S;;gBAA1BS,iB,iBACiB,e;;gBADjBA,iB,WAEWW,K;;gBAFXX,iB,aAGa,CACfD,kBAAkB,CAAC;EACjBa,QAAQ,EAAE,kCADO;EAEjBC,QAAQ,EAAE,KAFO;EAGjBC,GAAG,EAAEC,MAAM,CAACC,QAHK;EAIjBC,IAAI,EAAE;AAJW,CAAD,CADH,EAOfnB,mBAAmB,CAAC;EAClBoB,YAAY,EAAE,CAAC,OAAD,CADI;EAElBC,UAAU,EAAE,CAAC,OAAD;AAFM,CAAD,CAPJ,C;;AA6BnB,IAAMjB,aAAa,GAAGZ,eAAe,CACnCU,iBADmC,EAEnC;EACEU,IAAI,EAAEd,WAAW,CAACc,IADpB;EAEEP,KAAK,EAAEP,WAAW,CAACO;AAFrB,CAFmC,EAMnC;EACEiB,MAAM,EAAExB;AADV,CANmC,CAArC;AAWA,eAAeM,aAAf"}

package/lib/es6/FilterTrigger.js

@@ -29,31 +29,33 @@ import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
 import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
+import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
+import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
 
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SButtonTrigger_1l0cb_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_1l0cb_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1l0cb_gg_:active,.___SButtonTrigger_1l0cb_gg_:focus{outline:0;text-decoration:none}@media (hover: hover){.___SButtonTrigger_1l0cb_gg_:hover{outline:0;text-decoration:none;background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}}.___SButtonTrigger_1l0cb_gg_:active,.___SButtonTrigger_1l0cb_gg_.__active_1l0cb_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}@media (hover: hover){}.___SButtonTrigger_1l0cb_gg_._size_m_1l0cb_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_1l0cb_gg_._size_l_1l0cb_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_1l0cb_gg_.__placeholder_1l0cb_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_1l0cb_gg_._state_normal_1l0cb_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_1l0cb_gg_._state_valid_1l0cb_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_1l0cb_gg_._state_invalid_1l0cb_gg_{border-color:var(--intergalactic-border-critical,#ffaeb5)}.___SFilterTrigger_1l0cb_gg_.__selected_1l0cb_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_1l0cb_gg_.__selected_1l0cb_gg_.__active_1l0cb_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}@media (hover: hover){.___SFilterTrigger_1l0cb_gg_.__selected_1l0cb_gg_:hover{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}}.___SWrapper_1l0cb_gg_{display:inline-flex}.___SWrapper_1l0cb_gg_:focus{outline:none}.___SWrapper_1l0cb_gg_.__keyboardFocused_1l0cb_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_1l0cb_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
+".___SButtonTrigger_1u8uz_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_1u8uz_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_1u8uz_gg_:active,.___SButtonTrigger_1u8uz_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_1u8uz_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_1u8uz_gg_.__active_1u8uz_gg_,.___SButtonTrigger_1u8uz_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n      rgba(138, 142, 155, 0.2)\n    )}@media (hover:hover){.___SButtonTrigger_1u8uz_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n      rgba(138, 142, 155, 0.2)\n    )}}.___SButtonTrigger_1u8uz_gg_._size_m_1u8uz_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_1u8uz_gg_._size_l_1u8uz_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_1u8uz_gg_.__placeholder_1u8uz_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SButtonTrigger_1u8uz_gg_._state_normal_1u8uz_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_1u8uz_gg_._state_valid_1u8uz_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SButtonTrigger_1u8uz_gg_._state_invalid_1u8uz_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SFilterTrigger_1u8uz_gg_.__selected_1u8uz_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SFilterTrigger_1u8uz_gg_.__selected_1u8uz_gg_.__active_1u8uz_gg_{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}@media (hover:hover){.___SFilterTrigger_1u8uz_gg_.__selected_1u8uz_gg_:hover{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}}.___SWrapper_1u8uz_gg_{display:inline-flex}.___SWrapper_1u8uz_gg_:focus{outline:0}.___SWrapper_1u8uz_gg_.__keyboardFocused_1u8uz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCounter_1u8uz_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}"
 /*__inner_css_end__*/
-, "1l0cb_gg_")
+, "1u8uz_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonTrigger": "___SButtonTrigger_1l0cb_gg_",
-  "_active": "__active_1l0cb_gg_",
-  "_size_m": "_size_m_1l0cb_gg_",
-  "_size_l": "_size_l_1l0cb_gg_",
-  "__SText": "___SText_1l0cb_gg_",
-  "_placeholder": "__placeholder_1l0cb_gg_",
-  "_state_normal": "_state_normal_1l0cb_gg_",
-  "_state_valid": "_state_valid_1l0cb_gg_",
-  "_state_invalid": "_state_invalid_1l0cb_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1l0cb_gg_",
-  "_selected": "__selected_1l0cb_gg_",
-  "__SWrapper": "___SWrapper_1l0cb_gg_",
-  "_keyboardFocused": "__keyboardFocused_1l0cb_gg_",
-  "__SCounter": "___SCounter_1l0cb_gg_"
+  "__SButtonTrigger": "___SButtonTrigger_1u8uz_gg_",
+  "_active": "__active_1u8uz_gg_",
+  "_size_m": "_size_m_1u8uz_gg_",
+  "_size_l": "_size_l_1u8uz_gg_",
+  "__SText": "___SText_1u8uz_gg_",
+  "_placeholder": "__placeholder_1u8uz_gg_",
+  "_state_normal": "_state_normal_1u8uz_gg_",
+  "_state_valid": "_state_valid_1u8uz_gg_",
+  "_state_invalid": "_state_invalid_1u8uz_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1u8uz_gg_",
+  "_selected": "__selected_1u8uz_gg_",
+  "__SWrapper": "___SWrapper_1u8uz_gg_",
+  "_keyboardFocused": "__keyboardFocused_1u8uz_gg_",
+  "__SCounter": "___SCounter_1u8uz_gg_"
 });
 
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -136,7 +138,15 @@ _defineProperty(RootFilterTrigger, "displayName", 'FilterTrigger');
 
 _defineProperty(RootFilterTrigger, "style", style);
 
-_defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), cssVariableEnhance({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), animatedSizeEnhance({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+})]);
 
 _defineProperty(RootFilterTrigger, "defaultProps", {
   i18n: localizedMessages,

package/lib/es6/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","i18n","locale","props","SCounter","parent"],"sources":["../../src/FilterTrigger.jsx"],"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';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\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, getI18nText } =\n      this.asProps;\n\n    if (this.asProps.role === 'button') {\n      this.asProps.role = 'group';\n    }\n\n    return sstyled(styles)(\n      <SWrapper render={Box} aria-label={getI18nText('filter')}>\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(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag=\"button\"\n              aria-label={getI18nText('clear')}\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"],"mappings":"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"}
+{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","props","SCounter","parent"],"sources":["../../src/FilterTrigger.jsx"],"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';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\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, getI18nText } =\n      this.asProps;\n\n    if (this.asProps.role === 'button') {\n      this.asProps.role = 'group';\n    }\n\n    return sstyled(styles)(\n      <SWrapper render={Box} aria-label={getI18nText('filter')}>\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(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag=\"button\"\n              aria-label={getI18nText('clear')}\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"],"mappings":"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"}

package/lib/es6/LinkTrigger.js

@@ -31,23 +31,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SLinkTrigger_1kjpt_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1kjpt_gg_:active,.___SLinkTrigger_1kjpt_gg_.__active_1kjpt_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}@media (hover: hover){.___SLinkTrigger_1kjpt_gg_:hover{color:var(--intergalactic-text-link-hover-active,#044792)}}.___SLinkTrigger_1kjpt_gg_:active .___SText_1kjpt_gg_,.___SLinkTrigger_1kjpt_gg_.__active_1kjpt_gg_ .___SText_1kjpt_gg_{border-color:currentColor}@media (hover: hover){.___SLinkTrigger_1kjpt_gg_:hover .___SText_1kjpt_gg_{border-color:currentColor}}.___SLinkTrigger_1kjpt_gg_ .___SText_1kjpt_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1kjpt_gg_.__color_1kjpt_gg_{color:var(--color_1kjpt)}@media (hover: hover){.___SLinkTrigger_1kjpt_gg_.__color_1kjpt_gg_:hover{color:var(--color-hover_1kjpt)}}.___SLinkTrigger_1kjpt_gg_.__disabled_1kjpt_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_1kjpt_gg_.__keyboardFocused_1kjpt_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_1kjpt_gg_,.___SLinkAddon_1kjpt_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x,2px)}.___SAddon_1kjpt_gg_:not(:only-child):first-child,.___SLinkAddon_1kjpt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_1kjpt_gg_:not(:only-child):last-child,.___SLinkAddon_1kjpt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_1kjpt_gg_{width:16px;height:16px}.___SLinkTrigger_1kjpt_gg_._size_m_1kjpt_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_1kjpt_gg_._size_l_1kjpt_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1kjpt_gg_{transition:none}.___SLinkTrigger_1kjpt_gg_ .___SText_1kjpt_gg_{transition:none}}"
+".___SLinkTrigger_qdbea_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_qdbea_gg_.__active_qdbea_gg_,.___SLinkTrigger_qdbea_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_qdbea_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_qdbea_gg_.__active_qdbea_gg_ .___SText_qdbea_gg_,.___SLinkTrigger_qdbea_gg_:active .___SText_qdbea_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_qdbea_gg_:hover .___SText_qdbea_gg_{border-color:currentColor}}.___SLinkTrigger_qdbea_gg_ .___SText_qdbea_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_qdbea_gg_.__color_qdbea_gg_{color:var(--color_qdbea)}@media (hover:hover){.___SLinkTrigger_qdbea_gg_.__color_qdbea_gg_:hover{color:var(--color-hover_qdbea)}}.___SLinkTrigger_qdbea_gg_.__disabled_qdbea_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_qdbea_gg_.__keyboardFocused_qdbea_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SAddon_qdbea_gg_,.___SLinkAddon_qdbea_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_qdbea_gg_:not(:only-child):first-child,.___SLinkAddon_qdbea_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_qdbea_gg_:not(:only-child):last-child,.___SLinkAddon_qdbea_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_qdbea_gg_{width:16px;height:16px}.___SLinkTrigger_qdbea_gg_._size_m_qdbea_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_qdbea_gg_._size_l_qdbea_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_qdbea_gg_,.___SLinkTrigger_qdbea_gg_ .___SText_qdbea_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1kjpt_gg_")
+, "qdbea_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLinkTrigger": "___SLinkTrigger_1kjpt_gg_",
-  "_active": "__active_1kjpt_gg_",
-  "__SText": "___SText_1kjpt_gg_",
-  "_color": "__color_1kjpt_gg_",
-  "--color": "--color_1kjpt",
-  "--color-hover": "--color-hover_1kjpt",
-  "_disabled": "__disabled_1kjpt_gg_",
-  "_keyboardFocused": "__keyboardFocused_1kjpt_gg_",
-  "__SAddon": "___SAddon_1kjpt_gg_",
-  "__SLinkAddon": "___SLinkAddon_1kjpt_gg_",
-  "_size_m": "_size_m_1kjpt_gg_",
-  "_size_l": "_size_l_1kjpt_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_qdbea_gg_",
+  "_active": "__active_qdbea_gg_",
+  "__SText": "___SText_qdbea_gg_",
+  "_color": "__color_qdbea_gg_",
+  "--color": "--color_qdbea",
+  "--color-hover": "--color-hover_qdbea",
+  "_disabled": "__disabled_qdbea_gg_",
+  "_keyboardFocused": "__keyboardFocused_qdbea_gg_",
+  "__SAddon": "___SAddon_qdbea_gg_",
+  "__SLinkAddon": "___SLinkAddon_qdbea_gg_",
+  "_size_m": "_size_m_qdbea_gg_",
+  "_size_l": "_size_l_qdbea_gg_"
 });
 
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n  /**\n   * Trigger size\n   * @default m\n   */\n  size?: 'm' | 'l';\n  /**\n   * Trigger state\n   */\n  state?: 'normal' | 'valid' | 'invalid';\n  /**\n   * Sets active state to trigger\n   */\n  active?: boolean;\n  /**\n   * Responsible for placeholder displaying\n   */\n  empty?: boolean;\n  /**\n   * Placeholder text\n   */\n  placeholder?: React.ReactNode;\n  /**\n   * Sets disabled state to trigger\n   */\n  disabled?: boolean;\n  /** Trigger theme\n   * @deprecated\n   * @use IBaseTriggerProps.state\n   * */\n  theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n  /** Sets the loading state */\n  loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  locale?: string;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: <T>(\n    props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n  ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\nexport interface IBaseTriggerProps\n  extends IBoxProps,\n    INeighborItemProps,\n    IKeyboardFocusProps,\n    IWithAnimatedSizeEnhanceProps {\n  /**\n   * Trigger size\n   * @default m\n   */\n  size?: 'm' | 'l';\n  /**\n   * Trigger state\n   */\n  state?: 'normal' | 'valid' | 'invalid';\n  /**\n   * Sets active state to trigger\n   */\n  active?: boolean;\n  /**\n   * Responsible for placeholder displaying\n   */\n  empty?: boolean;\n  /**\n   * Placeholder text\n   */\n  placeholder?: React.ReactNode;\n  /**\n   * Sets disabled state to trigger\n   */\n  disabled?: boolean;\n  /** Trigger theme\n   * @deprecated\n   * @use IBaseTriggerProps.state\n   * */\n  theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n  /** Sets the loading state */\n  loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  locale?: string;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: <T>(\n    props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n  ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}

package/lib/types/index.d.ts

@@ -4,8 +4,13 @@ import { Box, IBoxProps } from '@semcore/flex-box';
 import Dot from '@semcore/dot';
 import { INeighborItemProps } from '@semcore/neighbor-location';
 import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';
 
-export interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {
+export interface IBaseTriggerProps
+  extends IBoxProps,
+    INeighborItemProps,
+    IKeyboardFocusProps,
+    IWithAnimatedSizeEnhanceProps {
   /**
    * Trigger size
    * @default m

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "3.4.11",
+  "version": "3.5.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",