@semcore/base-trigger 3.12.2 → 4.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/BaseTrigger.js +18 -18
  3. package/lib/cjs/ButtonTrigger.js +3 -3
  4. package/lib/cjs/FilterTrigger.js +7 -7
  5. package/lib/cjs/LinkTrigger.js +13 -13
  6. package/lib/cjs/index.d.js.map +1 -1
  7. package/lib/es6/BaseTrigger.js +18 -18
  8. package/lib/es6/ButtonTrigger.js +3 -3
  9. package/lib/es6/FilterTrigger.js +7 -7
  10. package/lib/es6/LinkTrigger.js +13 -13
  11. package/lib/es6/index.d.js.map +1 -1
  12. package/lib/types/index.d.ts +59 -54
  13. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [3.12.2] - 2023-06-30
5
+ ## [4.0.0] - 2023-07-15
6
6
 
7
- ### Changed
7
+ ### Break
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/utils` [3.54.0 ~> 3.54.1]).
9
+ - Strict, backward incompatible typings.
10
10
 
11
11
  ## [3.12.1] - 2023-06-28
12
12
 
package/lib/cjs/BaseTrigger.js CHANGED
@@ -22,24 +22,24 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
22
22
  var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
23
23
  var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
24
24
  /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1thi5_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_1thi5_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1thi5_gg_:active,.___SBaseTrigger_1thi5_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1thi5_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1thi5_gg_.__keyboardFocused_1thi5_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.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1thi5_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1thi5_gg_.__active_1thi5_gg_,.___SBaseTrigger_1thi5_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1thi5_gg_.__disabled_1thi5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1thi5_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1thi5_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_1thi5_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1thi5_gg_{width:12px;height:12px}.___SBaseTrigger_1thi5_gg_._size_m_1thi5_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_1thi5_gg_._size_m_1thi5_gg_ .___SAddon_1thi5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1thi5_gg_._size_m_1thi5_gg_ .___SAddon_1thi5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1thi5_gg_._size_l_1thi5_gg_ .___SAddon_1thi5_gg_:only-child,.___SBaseTrigger_1thi5_gg_._size_m_1thi5_gg_ .___SAddon_1thi5_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1thi5_gg_._size_l_1thi5_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_1thi5_gg_._size_l_1thi5_gg_ .___SAddon_1thi5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1thi5_gg_._size_l_1thi5_gg_ .___SAddon_1thi5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1thi5_gg_._neighborLocation_right_1thi5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1thi5_gg_._neighborLocation_both_1thi5_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1thi5_gg_._neighborLocation_left_1thi5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1thi5_gg_.__placeholder_1thi5_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1thi5_gg_._state_normal_1thi5_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1thi5_gg_._state_valid_1thi5_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1thi5_gg_._state_invalid_1thi5_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1thi5_gg_._state_invalid_1thi5_gg_.__keyboardFocused_1thi5_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.5))}" /*__inner_css_end__*/, "1thi5_gg_") /*__reshadow_css_end__*/, {
26
- "__SBaseTrigger": "___SBaseTrigger_1thi5_gg_",
27
- "_keyboardFocused": "__keyboardFocused_1thi5_gg_",
28
- "_active": "__active_1thi5_gg_",
29
- "_disabled": "__disabled_1thi5_gg_",
30
- "__SInner": "___SInner_1thi5_gg_",
31
- "__SText": "___SText_1thi5_gg_",
32
- "__SAddon": "___SAddon_1thi5_gg_",
33
- "__SBaseAddon": "___SBaseAddon_1thi5_gg_",
34
- "_size_m": "_size_m_1thi5_gg_",
35
- "_size_l": "_size_l_1thi5_gg_",
36
- "_neighborLocation_right": "_neighborLocation_right_1thi5_gg_",
37
- "_neighborLocation_both": "_neighborLocation_both_1thi5_gg_",
38
- "_neighborLocation_left": "_neighborLocation_left_1thi5_gg_",
39
- "_placeholder": "__placeholder_1thi5_gg_",
40
- "_state_normal": "_state_normal_1thi5_gg_",
41
- "_state_valid": "_state_valid_1thi5_gg_",
42
- "_state_invalid": "_state_invalid_1thi5_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_pxsso_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_pxsso_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_pxsso_gg_:active,.___SBaseTrigger_pxsso_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_pxsso_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_pxsso_gg_.__keyboardFocused_pxsso_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.5));z-index:1}@media (hover:hover){.___SBaseTrigger_pxsso_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_pxsso_gg_.__active_pxsso_gg_,.___SBaseTrigger_pxsso_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_pxsso_gg_.__disabled_pxsso_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_pxsso_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_pxsso_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_pxsso_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_pxsso_gg_{width:12px;height:12px}.___SBaseTrigger_pxsso_gg_._size_m_pxsso_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_pxsso_gg_._size_m_pxsso_gg_ .___SAddon_pxsso_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_pxsso_gg_._size_m_pxsso_gg_ .___SAddon_pxsso_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_pxsso_gg_._size_l_pxsso_gg_ .___SAddon_pxsso_gg_:only-child,.___SBaseTrigger_pxsso_gg_._size_m_pxsso_gg_ .___SAddon_pxsso_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_pxsso_gg_._size_l_pxsso_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_pxsso_gg_._size_l_pxsso_gg_ .___SAddon_pxsso_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_pxsso_gg_._size_l_pxsso_gg_ .___SAddon_pxsso_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_pxsso_gg_._neighborLocation_right_pxsso_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_pxsso_gg_._neighborLocation_both_pxsso_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_pxsso_gg_._neighborLocation_left_pxsso_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_pxsso_gg_.__placeholder_pxsso_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_pxsso_gg_._state_normal_pxsso_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_pxsso_gg_._state_valid_pxsso_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_pxsso_gg_._state_invalid_pxsso_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_pxsso_gg_._state_invalid_pxsso_gg_.__keyboardFocused_pxsso_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.5))}" /*__inner_css_end__*/, "pxsso_gg_") /*__reshadow_css_end__*/, {
26
+ "__SBaseTrigger": "___SBaseTrigger_pxsso_gg_",
27
+ "_keyboardFocused": "__keyboardFocused_pxsso_gg_",
28
+ "_active": "__active_pxsso_gg_",
29
+ "_disabled": "__disabled_pxsso_gg_",
30
+ "__SInner": "___SInner_pxsso_gg_",
31
+ "__SText": "___SText_pxsso_gg_",
32
+ "__SAddon": "___SAddon_pxsso_gg_",
33
+ "__SBaseAddon": "___SBaseAddon_pxsso_gg_",
34
+ "_size_m": "_size_m_pxsso_gg_",
35
+ "_size_l": "_size_l_pxsso_gg_",
36
+ "_neighborLocation_right": "_neighborLocation_right_pxsso_gg_",
37
+ "_neighborLocation_both": "_neighborLocation_both_pxsso_gg_",
38
+ "_neighborLocation_left": "_neighborLocation_left_pxsso_gg_",
39
+ "_placeholder": "__placeholder_pxsso_gg_",
40
+ "_state_normal": "_state_normal_pxsso_gg_",
41
+ "_state_valid": "_state_valid_pxsso_gg_",
42
+ "_state_invalid": "_state_invalid_pxsso_gg_"
43
43
  });
44
44
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
45
45
  (0, _inherits2["default"])(RootBaseTrigger, _Component);
package/lib/cjs/ButtonTrigger.js CHANGED
@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
20
20
  var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
21
21
  var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
22
22
  /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1mc5b_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1mc5b_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1mc5b_gg_") /*__reshadow_css_end__*/, {
24
- "__SButtonAddon": "___SButtonAddon_1mc5b_gg_",
25
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1mc5b_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_p7hao_gg_{width:12px;height:12px}.___SButtonTriggerSpin_p7hao_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "p7hao_gg_") /*__reshadow_css_end__*/, {
24
+ "__SButtonAddon": "___SButtonAddon_p7hao_gg_",
25
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_p7hao_gg_"
26
26
  });
27
27
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
28
28
  (0, _inherits2["default"])(RootButtonTrigger, _Component);
package/lib/cjs/FilterTrigger.js CHANGED
@@ -32,13 +32,13 @@ var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps
32
32
  var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
33
33
  var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
34
34
  /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
35
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_t8qm3_gg_.__selected_t8qm3_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_t8qm3_gg_.__selected_t8qm3_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_t8qm3_gg_.__selected_t8qm3_gg_.__active_t8qm3_gg_,.___SFilterTrigger_t8qm3_gg_.__selected_t8qm3_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_t8qm3_gg_{display:inline-flex}.___SWrapper_t8qm3_gg_:focus{outline:0}.___SWrapper_t8qm3_gg_.__keyboardFocused_t8qm3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_t8qm3_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "t8qm3_gg_") /*__reshadow_css_end__*/, {
36
- "__SFilterTrigger": "___SFilterTrigger_t8qm3_gg_",
37
- "_selected": "__selected_t8qm3_gg_",
38
- "_active": "__active_t8qm3_gg_",
39
- "__SWrapper": "___SWrapper_t8qm3_gg_",
40
- "_keyboardFocused": "__keyboardFocused_t8qm3_gg_",
41
- "__SCounter": "___SCounter_t8qm3_gg_"
35
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1enxi_gg_.__selected_1enxi_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_1enxi_gg_.__selected_1enxi_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1enxi_gg_.__selected_1enxi_gg_.__active_1enxi_gg_,.___SFilterTrigger_1enxi_gg_.__selected_1enxi_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1enxi_gg_{display:inline-flex}.___SWrapper_1enxi_gg_:focus{outline:0}.___SWrapper_1enxi_gg_.__keyboardFocused_1enxi_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1enxi_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1enxi_gg_") /*__reshadow_css_end__*/, {
36
+ "__SFilterTrigger": "___SFilterTrigger_1enxi_gg_",
37
+ "_selected": "__selected_1enxi_gg_",
38
+ "_active": "__active_1enxi_gg_",
39
+ "__SWrapper": "___SWrapper_1enxi_gg_",
40
+ "_keyboardFocused": "__keyboardFocused_1enxi_gg_",
41
+ "__SCounter": "___SCounter_1enxi_gg_"
42
42
  });
43
43
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
44
44
  (0, _inherits2["default"])(RootFilterTrigger, _Component);
package/lib/cjs/LinkTrigger.js CHANGED
@@ -21,19 +21,19 @@ var _flexBox = require("@semcore/flex-box");
21
21
  var _color = _interopRequireWildcard(require("@semcore/utils/lib/color"));
22
22
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
23
23
  /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1r0xe_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_1r0xe_gg_.__active_1r0xe_gg_,.___SLinkTrigger_1r0xe_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1r0xe_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1r0xe_gg_.__active_1r0xe_gg_ .___SText_1r0xe_gg_,.___SLinkTrigger_1r0xe_gg_:active .___SText_1r0xe_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1r0xe_gg_:hover .___SText_1r0xe_gg_{border-color:currentColor}}.___SLinkTrigger_1r0xe_gg_ .___SText_1r0xe_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_1r0xe_gg_.__color_1r0xe_gg_{color:var(--color_1r0xe)}@media (hover:hover){.___SLinkTrigger_1r0xe_gg_.__color_1r0xe_gg_:hover{color:var(--color-hover_1r0xe)}}.___SLinkTrigger_1r0xe_gg_.__disabled_1r0xe_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1r0xe_gg_.__keyboardFocused_1r0xe_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1r0xe_gg_,.___SLinkAddon_1r0xe_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1r0xe_gg_:not(:only-child):first-child,.___SLinkAddon_1r0xe_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1r0xe_gg_:not(:only-child):last-child,.___SLinkAddon_1r0xe_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1r0xe_gg_{width:16px;height:16px}.___SLinkTrigger_1r0xe_gg_._size_m_1r0xe_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1r0xe_gg_._size_l_1r0xe_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1r0xe_gg_,.___SLinkTrigger_1r0xe_gg_ .___SText_1r0xe_gg_{transition:none}}" /*__inner_css_end__*/, "1r0xe_gg_") /*__reshadow_css_end__*/, {
25
- "__SLinkTrigger": "___SLinkTrigger_1r0xe_gg_",
26
- "_active": "__active_1r0xe_gg_",
27
- "__SText": "___SText_1r0xe_gg_",
28
- "_color": "__color_1r0xe_gg_",
29
- "--color": "--color_1r0xe",
30
- "--color-hover": "--color-hover_1r0xe",
31
- "_disabled": "__disabled_1r0xe_gg_",
32
- "_keyboardFocused": "__keyboardFocused_1r0xe_gg_",
33
- "__SAddon": "___SAddon_1r0xe_gg_",
34
- "__SLinkAddon": "___SLinkAddon_1r0xe_gg_",
35
- "_size_m": "_size_m_1r0xe_gg_",
36
- "_size_l": "_size_l_1r0xe_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_78xhp_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_78xhp_gg_.__active_78xhp_gg_,.___SLinkTrigger_78xhp_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_78xhp_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_78xhp_gg_.__active_78xhp_gg_ .___SText_78xhp_gg_,.___SLinkTrigger_78xhp_gg_:active .___SText_78xhp_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_78xhp_gg_:hover .___SText_78xhp_gg_{border-color:currentColor}}.___SLinkTrigger_78xhp_gg_ .___SText_78xhp_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_78xhp_gg_.__color_78xhp_gg_{color:var(--color_78xhp)}@media (hover:hover){.___SLinkTrigger_78xhp_gg_.__color_78xhp_gg_:hover{color:var(--color-hover_78xhp)}}.___SLinkTrigger_78xhp_gg_.__disabled_78xhp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_78xhp_gg_.__keyboardFocused_78xhp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_78xhp_gg_,.___SLinkAddon_78xhp_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_78xhp_gg_:not(:only-child):first-child,.___SLinkAddon_78xhp_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_78xhp_gg_:not(:only-child):last-child,.___SLinkAddon_78xhp_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_78xhp_gg_{width:16px;height:16px}.___SLinkTrigger_78xhp_gg_._size_m_78xhp_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_78xhp_gg_._size_l_78xhp_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_78xhp_gg_,.___SLinkTrigger_78xhp_gg_ .___SText_78xhp_gg_{transition:none}}" /*__inner_css_end__*/, "78xhp_gg_") /*__reshadow_css_end__*/, {
25
+ "__SLinkTrigger": "___SLinkTrigger_78xhp_gg_",
26
+ "_active": "__active_78xhp_gg_",
27
+ "__SText": "___SText_78xhp_gg_",
28
+ "_color": "__color_78xhp_gg_",
29
+ "--color": "--color_78xhp",
30
+ "--color-hover": "--color-hover_78xhp",
31
+ "_disabled": "__disabled_78xhp_gg_",
32
+ "_keyboardFocused": "__keyboardFocused_78xhp_gg_",
33
+ "__SAddon": "___SAddon_78xhp_gg_",
34
+ "__SLinkAddon": "___SLinkAddon_78xhp_gg_",
35
+ "_size_m": "_size_m_78xhp_gg_",
36
+ "_size_l": "_size_l_78xhp_gg_"
37
37
  });
38
38
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
39
39
  (0, _inherits2["default"])(RootLinkTrigger, _Component);
package/lib/cjs/index.d.js.map CHANGED
@@ -1 +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';\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 /** List of props that will be added to the select inside of filter */\n includeInputProps?: 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":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n INeighborItemProps &\n KeyboardFocusProps &\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
package/lib/es6/BaseTrigger.js CHANGED
@@ -18,24 +18,24 @@ import logger from '@semcore/utils/lib/logger';
18
18
  import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
19
19
  import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
20
20
  /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1thi5_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_1thi5_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1thi5_gg_:active,.___SBaseTrigger_1thi5_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1thi5_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1thi5_gg_.__keyboardFocused_1thi5_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.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1thi5_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1thi5_gg_.__active_1thi5_gg_,.___SBaseTrigger_1thi5_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1thi5_gg_.__disabled_1thi5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1thi5_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1thi5_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_1thi5_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1thi5_gg_{width:12px;height:12px}.___SBaseTrigger_1thi5_gg_._size_m_1thi5_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_1thi5_gg_._size_m_1thi5_gg_ .___SAddon_1thi5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1thi5_gg_._size_m_1thi5_gg_ .___SAddon_1thi5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1thi5_gg_._size_l_1thi5_gg_ .___SAddon_1thi5_gg_:only-child,.___SBaseTrigger_1thi5_gg_._size_m_1thi5_gg_ .___SAddon_1thi5_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1thi5_gg_._size_l_1thi5_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_1thi5_gg_._size_l_1thi5_gg_ .___SAddon_1thi5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1thi5_gg_._size_l_1thi5_gg_ .___SAddon_1thi5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1thi5_gg_._neighborLocation_right_1thi5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1thi5_gg_._neighborLocation_both_1thi5_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1thi5_gg_._neighborLocation_left_1thi5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1thi5_gg_.__placeholder_1thi5_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1thi5_gg_._state_normal_1thi5_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1thi5_gg_._state_valid_1thi5_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1thi5_gg_._state_invalid_1thi5_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1thi5_gg_._state_invalid_1thi5_gg_.__keyboardFocused_1thi5_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.5))}" /*__inner_css_end__*/, "1thi5_gg_") /*__reshadow_css_end__*/, {
22
- "__SBaseTrigger": "___SBaseTrigger_1thi5_gg_",
23
- "_keyboardFocused": "__keyboardFocused_1thi5_gg_",
24
- "_active": "__active_1thi5_gg_",
25
- "_disabled": "__disabled_1thi5_gg_",
26
- "__SInner": "___SInner_1thi5_gg_",
27
- "__SText": "___SText_1thi5_gg_",
28
- "__SAddon": "___SAddon_1thi5_gg_",
29
- "__SBaseAddon": "___SBaseAddon_1thi5_gg_",
30
- "_size_m": "_size_m_1thi5_gg_",
31
- "_size_l": "_size_l_1thi5_gg_",
32
- "_neighborLocation_right": "_neighborLocation_right_1thi5_gg_",
33
- "_neighborLocation_both": "_neighborLocation_both_1thi5_gg_",
34
- "_neighborLocation_left": "_neighborLocation_left_1thi5_gg_",
35
- "_placeholder": "__placeholder_1thi5_gg_",
36
- "_state_normal": "_state_normal_1thi5_gg_",
37
- "_state_valid": "_state_valid_1thi5_gg_",
38
- "_state_invalid": "_state_invalid_1thi5_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_pxsso_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_pxsso_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_pxsso_gg_:active,.___SBaseTrigger_pxsso_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_pxsso_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_pxsso_gg_.__keyboardFocused_pxsso_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.5));z-index:1}@media (hover:hover){.___SBaseTrigger_pxsso_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_pxsso_gg_.__active_pxsso_gg_,.___SBaseTrigger_pxsso_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_pxsso_gg_.__disabled_pxsso_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_pxsso_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_pxsso_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_pxsso_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_pxsso_gg_{width:12px;height:12px}.___SBaseTrigger_pxsso_gg_._size_m_pxsso_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_pxsso_gg_._size_m_pxsso_gg_ .___SAddon_pxsso_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_pxsso_gg_._size_m_pxsso_gg_ .___SAddon_pxsso_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_pxsso_gg_._size_l_pxsso_gg_ .___SAddon_pxsso_gg_:only-child,.___SBaseTrigger_pxsso_gg_._size_m_pxsso_gg_ .___SAddon_pxsso_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_pxsso_gg_._size_l_pxsso_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_pxsso_gg_._size_l_pxsso_gg_ .___SAddon_pxsso_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_pxsso_gg_._size_l_pxsso_gg_ .___SAddon_pxsso_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_pxsso_gg_._neighborLocation_right_pxsso_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_pxsso_gg_._neighborLocation_both_pxsso_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_pxsso_gg_._neighborLocation_left_pxsso_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_pxsso_gg_.__placeholder_pxsso_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_pxsso_gg_._state_normal_pxsso_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_pxsso_gg_._state_valid_pxsso_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_pxsso_gg_._state_invalid_pxsso_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_pxsso_gg_._state_invalid_pxsso_gg_.__keyboardFocused_pxsso_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.5))}" /*__inner_css_end__*/, "pxsso_gg_") /*__reshadow_css_end__*/, {
22
+ "__SBaseTrigger": "___SBaseTrigger_pxsso_gg_",
23
+ "_keyboardFocused": "__keyboardFocused_pxsso_gg_",
24
+ "_active": "__active_pxsso_gg_",
25
+ "_disabled": "__disabled_pxsso_gg_",
26
+ "__SInner": "___SInner_pxsso_gg_",
27
+ "__SText": "___SText_pxsso_gg_",
28
+ "__SAddon": "___SAddon_pxsso_gg_",
29
+ "__SBaseAddon": "___SBaseAddon_pxsso_gg_",
30
+ "_size_m": "_size_m_pxsso_gg_",
31
+ "_size_l": "_size_l_pxsso_gg_",
32
+ "_neighborLocation_right": "_neighborLocation_right_pxsso_gg_",
33
+ "_neighborLocation_both": "_neighborLocation_both_pxsso_gg_",
34
+ "_neighborLocation_left": "_neighborLocation_left_pxsso_gg_",
35
+ "_placeholder": "__placeholder_pxsso_gg_",
36
+ "_state_normal": "_state_normal_pxsso_gg_",
37
+ "_state_valid": "_state_valid_pxsso_gg_",
38
+ "_state_invalid": "_state_invalid_pxsso_gg_"
39
39
  });
40
40
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
41
41
  _inherits(RootBaseTrigger, _Component);
package/lib/es6/ButtonTrigger.js CHANGED
@@ -14,9 +14,9 @@ import Spin from '@semcore/spin';
14
14
  import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
15
15
  import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
16
16
  /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
17
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1mc5b_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1mc5b_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1mc5b_gg_") /*__reshadow_css_end__*/, {
18
- "__SButtonAddon": "___SButtonAddon_1mc5b_gg_",
19
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1mc5b_gg_"
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_p7hao_gg_{width:12px;height:12px}.___SButtonTriggerSpin_p7hao_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "p7hao_gg_") /*__reshadow_css_end__*/, {
18
+ "__SButtonAddon": "___SButtonAddon_p7hao_gg_",
19
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_p7hao_gg_"
20
20
  });
21
21
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
22
22
  _inherits(RootButtonTrigger, _Component);
package/lib/es6/FilterTrigger.js CHANGED
@@ -27,13 +27,13 @@ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
27
27
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
28
28
  import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
29
29
  /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
30
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_t8qm3_gg_.__selected_t8qm3_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_t8qm3_gg_.__selected_t8qm3_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_t8qm3_gg_.__selected_t8qm3_gg_.__active_t8qm3_gg_,.___SFilterTrigger_t8qm3_gg_.__selected_t8qm3_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_t8qm3_gg_{display:inline-flex}.___SWrapper_t8qm3_gg_:focus{outline:0}.___SWrapper_t8qm3_gg_.__keyboardFocused_t8qm3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_t8qm3_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "t8qm3_gg_") /*__reshadow_css_end__*/, {
31
- "__SFilterTrigger": "___SFilterTrigger_t8qm3_gg_",
32
- "_selected": "__selected_t8qm3_gg_",
33
- "_active": "__active_t8qm3_gg_",
34
- "__SWrapper": "___SWrapper_t8qm3_gg_",
35
- "_keyboardFocused": "__keyboardFocused_t8qm3_gg_",
36
- "__SCounter": "___SCounter_t8qm3_gg_"
30
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1enxi_gg_.__selected_1enxi_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_1enxi_gg_.__selected_1enxi_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1enxi_gg_.__selected_1enxi_gg_.__active_1enxi_gg_,.___SFilterTrigger_1enxi_gg_.__selected_1enxi_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1enxi_gg_{display:inline-flex}.___SWrapper_1enxi_gg_:focus{outline:0}.___SWrapper_1enxi_gg_.__keyboardFocused_1enxi_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1enxi_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1enxi_gg_") /*__reshadow_css_end__*/, {
31
+ "__SFilterTrigger": "___SFilterTrigger_1enxi_gg_",
32
+ "_selected": "__selected_1enxi_gg_",
33
+ "_active": "__active_1enxi_gg_",
34
+ "__SWrapper": "___SWrapper_1enxi_gg_",
35
+ "_keyboardFocused": "__keyboardFocused_1enxi_gg_",
36
+ "__SCounter": "___SCounter_1enxi_gg_"
37
37
  });
38
38
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
39
39
  _inherits(RootFilterTrigger, _Component);
package/lib/es6/LinkTrigger.js CHANGED
@@ -17,19 +17,19 @@ import { Box } from '@semcore/flex-box';
17
17
  import resolveColor, { shade } from '@semcore/utils/lib/color';
18
18
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
19
19
  /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1r0xe_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_1r0xe_gg_.__active_1r0xe_gg_,.___SLinkTrigger_1r0xe_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1r0xe_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1r0xe_gg_.__active_1r0xe_gg_ .___SText_1r0xe_gg_,.___SLinkTrigger_1r0xe_gg_:active .___SText_1r0xe_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1r0xe_gg_:hover .___SText_1r0xe_gg_{border-color:currentColor}}.___SLinkTrigger_1r0xe_gg_ .___SText_1r0xe_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_1r0xe_gg_.__color_1r0xe_gg_{color:var(--color_1r0xe)}@media (hover:hover){.___SLinkTrigger_1r0xe_gg_.__color_1r0xe_gg_:hover{color:var(--color-hover_1r0xe)}}.___SLinkTrigger_1r0xe_gg_.__disabled_1r0xe_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1r0xe_gg_.__keyboardFocused_1r0xe_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1r0xe_gg_,.___SLinkAddon_1r0xe_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1r0xe_gg_:not(:only-child):first-child,.___SLinkAddon_1r0xe_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1r0xe_gg_:not(:only-child):last-child,.___SLinkAddon_1r0xe_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1r0xe_gg_{width:16px;height:16px}.___SLinkTrigger_1r0xe_gg_._size_m_1r0xe_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1r0xe_gg_._size_l_1r0xe_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1r0xe_gg_,.___SLinkTrigger_1r0xe_gg_ .___SText_1r0xe_gg_{transition:none}}" /*__inner_css_end__*/, "1r0xe_gg_") /*__reshadow_css_end__*/, {
21
- "__SLinkTrigger": "___SLinkTrigger_1r0xe_gg_",
22
- "_active": "__active_1r0xe_gg_",
23
- "__SText": "___SText_1r0xe_gg_",
24
- "_color": "__color_1r0xe_gg_",
25
- "--color": "--color_1r0xe",
26
- "--color-hover": "--color-hover_1r0xe",
27
- "_disabled": "__disabled_1r0xe_gg_",
28
- "_keyboardFocused": "__keyboardFocused_1r0xe_gg_",
29
- "__SAddon": "___SAddon_1r0xe_gg_",
30
- "__SLinkAddon": "___SLinkAddon_1r0xe_gg_",
31
- "_size_m": "_size_m_1r0xe_gg_",
32
- "_size_l": "_size_l_1r0xe_gg_"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_78xhp_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_78xhp_gg_.__active_78xhp_gg_,.___SLinkTrigger_78xhp_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_78xhp_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_78xhp_gg_.__active_78xhp_gg_ .___SText_78xhp_gg_,.___SLinkTrigger_78xhp_gg_:active .___SText_78xhp_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_78xhp_gg_:hover .___SText_78xhp_gg_{border-color:currentColor}}.___SLinkTrigger_78xhp_gg_ .___SText_78xhp_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_78xhp_gg_.__color_78xhp_gg_{color:var(--color_78xhp)}@media (hover:hover){.___SLinkTrigger_78xhp_gg_.__color_78xhp_gg_:hover{color:var(--color-hover_78xhp)}}.___SLinkTrigger_78xhp_gg_.__disabled_78xhp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_78xhp_gg_.__keyboardFocused_78xhp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_78xhp_gg_,.___SLinkAddon_78xhp_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_78xhp_gg_:not(:only-child):first-child,.___SLinkAddon_78xhp_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_78xhp_gg_:not(:only-child):last-child,.___SLinkAddon_78xhp_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_78xhp_gg_{width:16px;height:16px}.___SLinkTrigger_78xhp_gg_._size_m_78xhp_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_78xhp_gg_._size_l_78xhp_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_78xhp_gg_,.___SLinkTrigger_78xhp_gg_ .___SText_78xhp_gg_{transition:none}}" /*__inner_css_end__*/, "78xhp_gg_") /*__reshadow_css_end__*/, {
21
+ "__SLinkTrigger": "___SLinkTrigger_78xhp_gg_",
22
+ "_active": "__active_78xhp_gg_",
23
+ "__SText": "___SText_78xhp_gg_",
24
+ "_color": "__color_78xhp_gg_",
25
+ "--color": "--color_78xhp",
26
+ "--color-hover": "--color-hover_78xhp",
27
+ "_disabled": "__disabled_78xhp_gg_",
28
+ "_keyboardFocused": "__keyboardFocused_78xhp_gg_",
29
+ "__SAddon": "___SAddon_78xhp_gg_",
30
+ "__SLinkAddon": "___SLinkAddon_78xhp_gg_",
31
+ "_size_m": "_size_m_78xhp_gg_",
32
+ "_size_l": "_size_l_78xhp_gg_"
33
33
  });
34
34
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
35
35
  _inherits(RootLinkTrigger, _Component);
package/lib/es6/index.d.js.map CHANGED
@@ -1 +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';\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 /** List of props that will be added to the select inside of filter */\n includeInputProps?: 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":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n INeighborItemProps &\n KeyboardFocusProps &\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
package/lib/types/index.d.ts CHANGED
@@ -1,89 +1,94 @@
1
- import React, { ComponentProps } from 'react';
2
- import { CProps, ReturnEl } from '@semcore/core';
3
- import { Box, IBoxProps } from '@semcore/flex-box';
4
- import Dot from '@semcore/dot';
1
+ import React from 'react';
2
+ import { UnknownProperties, Intergalactic } from '@semcore/core';
3
+ import { Box, BoxProps } from '@semcore/flex-box';
4
+ import { DotProps } from '@semcore/dot';
5
5
  import { INeighborItemProps } from '@semcore/neighbor-location';
6
- import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
6
+ import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
7
7
  import { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';
8
8
 
9
- export interface IBaseTriggerProps
10
- extends IBoxProps,
11
- INeighborItemProps,
12
- IKeyboardFocusProps,
13
- IWithAnimatedSizeEnhanceProps {
14
- /**
15
- * Trigger size
16
- * @default m
17
- */
18
- size?: 'm' | 'l';
19
- /**
20
- * Trigger state
21
- */
22
- state?: 'normal' | 'valid' | 'invalid';
23
- /**
24
- * Sets active state to trigger
25
- */
26
- active?: boolean;
27
- /**
28
- * Responsible for placeholder displaying
29
- */
30
- empty?: boolean;
31
- /**
32
- * Placeholder text
33
- */
34
- placeholder?: React.ReactNode;
35
- /**
36
- * Sets disabled state to trigger
37
- */
38
- disabled?: boolean;
39
- /** Trigger theme
40
- * @deprecated
41
- * @use IBaseTriggerProps.state
42
- * */
43
- theme?: 'normal' | 'valid' | 'invalid' | false;
44
- }
9
+ /** @deprecated */
10
+ export interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}
11
+ export type BaseTriggerProps = BoxProps &
12
+ INeighborItemProps &
13
+ KeyboardFocusProps &
14
+ IWithAnimatedSizeEnhanceProps & {
15
+ /**
16
+ * Trigger size
17
+ * @default m
18
+ */
19
+ size?: 'm' | 'l';
20
+ /**
21
+ * Trigger state
22
+ */
23
+ state?: 'normal' | 'valid' | 'invalid';
24
+ /**
25
+ * Sets active state to trigger
26
+ */
27
+ active?: boolean;
28
+ /**
29
+ * Responsible for placeholder displaying
30
+ */
31
+ empty?: boolean;
32
+ /**
33
+ * Placeholder text
34
+ */
35
+ placeholder?: React.ReactNode;
36
+ /**
37
+ * Sets disabled state to trigger
38
+ */
39
+ disabled?: boolean;
40
+ /** Trigger theme
41
+ * @deprecated
42
+ * @use IBaseTriggerProps.state
43
+ * */
44
+ theme?: 'normal' | 'valid' | 'invalid' | false;
45
+ };
45
46
 
46
- export interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {
47
+ /** @deprecated */
48
+ export interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}
49
+ export type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
47
50
  /** Sets the loading state */
48
51
  loading?: boolean;
49
- }
52
+ };
50
53
 
51
- export interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {
54
+ /** @deprecated */
55
+ export interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}
56
+ export type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
52
57
  /** Sets the loading state */
53
58
  loading?: boolean;
54
59
  /** Text color */
55
60
  color?: string;
56
- }
61
+ };
57
62
 
58
- export interface IFilterTriggerProps extends IBaseTriggerProps {
63
+ /** @deprecated */
64
+ export interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}
65
+ export type FilterTriggerProps = BaseTriggerProps & {
59
66
  /** Click on the filter cleaning cross */
60
67
  onClear?: (event: React.SyntheticEvent) => void;
61
68
  locale?: string;
62
69
  /** List of props that will be added to the select inside of filter */
63
70
  includeInputProps?: string[];
64
- }
71
+ };
65
72
 
66
- declare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {
73
+ declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {
67
74
  Text: typeof Box;
68
75
  Addon: typeof Box;
69
76
  };
70
77
 
71
- declare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {
78
+ declare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {
72
79
  Text: typeof BaseTrigger.Text;
73
80
  Addon: typeof BaseTrigger.Addon;
74
81
  };
75
82
 
76
- declare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {
83
+ declare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {
77
84
  Text: typeof BaseTrigger.Text;
78
85
  Addon: typeof BaseTrigger.Addon;
79
86
  };
80
87
 
81
- declare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {
88
+ declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {
82
89
  Text: typeof BaseTrigger.Text;
83
90
  Addon: typeof BaseTrigger.Addon;
84
- Counter: <T>(
85
- props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,
86
- ) => ReturnEl;
91
+ Counter: Intergalactic.Component<'div', BoxProps & DotProps>;
87
92
  };
88
93
 
89
94
  export default BaseTrigger;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/base-trigger",
3
3
  "description": "Semrush BaseTrigger Component",
4
- "version": "3.12.2",
4
+ "version": "4.0.0-beta.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,15 +9,15 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/dot": "^4.0.0",
13
- "@semcore/flex-box": "^4",
14
- "@semcore/icon": "2.16 - 3",
15
- "@semcore/neighbor-location": "^3",
16
- "@semcore/spin": "^4",
17
- "@semcore/utils": "^3.29"
12
+ "@semcore/dot": "5.0.0-beta.1",
13
+ "@semcore/flex-box": "5.0.0-beta.1",
14
+ "@semcore/icon": "4.0.0-beta.1",
15
+ "@semcore/neighbor-location": "4.0.0-beta.1",
16
+ "@semcore/spin": "5.0.0-beta.1",
17
+ "@semcore/utils": "4.0.0-beta.1"
18
18
  },
19
19
  "peerDependencies": {
20
- "@semcore/core": "^1.11",
20
+ "@semcore/core": "2.0.0-beta.1",
21
21
  "react": "16.8 - 18",
22
22
  "react-dom": "16.8 - 18"
23
23
  },