@semcore/base-trigger 16.4.6-prerelease.9 → 16.5.0-prerelease.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 (43) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/BaseTrigger.js +97 -108
  3. package/lib/cjs/BaseTrigger.js.map +1 -1
  4. package/lib/cjs/ButtonTrigger.js +60 -45
  5. package/lib/cjs/ButtonTrigger.js.map +1 -1
  6. package/lib/cjs/FilterTrigger.js +197 -173
  7. package/lib/cjs/FilterTrigger.js.map +1 -1
  8. package/lib/cjs/LinkTrigger.js +79 -89
  9. package/lib/cjs/LinkTrigger.js.map +1 -1
  10. package/lib/cjs/index.d.js.map +1 -1
  11. package/lib/cjs/index.js +9 -9
  12. package/lib/cjs/style/base-trigger.shadow.css +12 -12
  13. package/lib/cjs/style/button-trigger.shadow.css +1 -1
  14. package/lib/cjs/style/filter-trigger.shadow.css +9 -5
  15. package/lib/cjs/style/link-trigger.shadow.css +3 -3
  16. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
  17. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  18. package/lib/es6/BaseTrigger.js +89 -100
  19. package/lib/es6/BaseTrigger.js.map +1 -1
  20. package/lib/es6/ButtonTrigger.js +49 -34
  21. package/lib/es6/ButtonTrigger.js.map +1 -1
  22. package/lib/es6/FilterTrigger.js +181 -157
  23. package/lib/es6/FilterTrigger.js.map +1 -1
  24. package/lib/es6/LinkTrigger.js +72 -82
  25. package/lib/es6/LinkTrigger.js.map +1 -1
  26. package/lib/es6/index.d.js.map +1 -1
  27. package/lib/es6/style/base-trigger.shadow.css +12 -12
  28. package/lib/es6/style/button-trigger.shadow.css +1 -1
  29. package/lib/es6/style/filter-trigger.shadow.css +9 -5
  30. package/lib/es6/style/link-trigger.shadow.css +3 -3
  31. package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
  32. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  33. package/lib/esm/BaseTrigger.mjs +76 -100
  34. package/lib/esm/ButtonTrigger.mjs +46 -36
  35. package/lib/esm/FilterTrigger.mjs +143 -154
  36. package/lib/esm/LinkTrigger.mjs +59 -82
  37. package/lib/esm/style/base-trigger.shadow.css +12 -12
  38. package/lib/esm/style/button-trigger.shadow.css +1 -1
  39. package/lib/esm/style/filter-trigger.shadow.css +9 -5
  40. package/lib/esm/style/link-trigger.shadow.css +3 -3
  41. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
  42. package/lib/types/index.d.ts +19 -6
  43. package/package.json +10 -11
@@ -1,75 +1,79 @@
1
+ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/createClass";
4
+ import _callSuper from "@babel/runtime/helpers/callSuper";
5
+ import _inherits from "@babel/runtime/helpers/inherits";
1
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
7
  import { sstyled as _sstyled } from "@semcore/core";
3
8
  import { assignProps as _assignProps3 } from "@semcore/core";
4
9
  import { assignProps as _assignProps2 } from "@semcore/core";
5
10
  import { assignProps as _assignProps } from "@semcore/core";
6
- import { Box } from '@semcore/base-components';
7
11
  import { createComponent, Component, Root, sstyled } from '@semcore/core';
8
12
  import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
9
13
  import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
14
+ import { Box } from '@semcore/flex-box';
10
15
  import ChevronDown from '@semcore/icon/ChevronDown/m';
11
16
  import Spin from '@semcore/spin';
12
- import { Text as TextKit } from '@semcore/typography';
13
17
  import React from 'react';
14
18
  /*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
15
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_1mko8_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1mko8_gg_.__active_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1mko8_gg_.__active_1mko8_gg_ .___SText_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active .___SText_1mko8_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover .___SText_1mko8_gg_{border-color:currentColor}}.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1mko8_gg_.__color_1mko8_gg_{color:var(--color_1mko8)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_.__color_1mko8_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1mko8_gg_.__disabled_1mko8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1mko8_gg_,.___SLinkAddon_1mko8_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1mko8_gg_:not(:only-child):first-child,.___SLinkAddon_1mko8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1mko8_gg_:not(:only-child):last-child,.___SLinkAddon_1mko8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1mko8_gg_{width:16px;height:16px}.___SLinkTrigger_1mko8_gg_._size_m_1mko8_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1mko8_gg_._size_l_1mko8_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1mko8_gg_,.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_gg_{transition:none}}", /*__inner_css_end__*/"1mko8_gg_"),
19
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_1t5t2_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1t5t2_gg_.__active_1t5t2_gg_,.___SLinkTrigger_1t5t2_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1t5t2_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1t5t2_gg_.__active_1t5t2_gg_ .___SText_1t5t2_gg_,.___SLinkTrigger_1t5t2_gg_:active .___SText_1t5t2_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1t5t2_gg_:hover .___SText_1t5t2_gg_{border-color:currentColor}}.___SLinkTrigger_1t5t2_gg_ .___SText_1t5t2_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_1t5t2_gg_.__color_1t5t2_gg_{color:var(--color_1t5t2)}@media (hover:hover){.___SLinkTrigger_1t5t2_gg_.__color_1t5t2_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1t5t2_gg_.__disabled_1t5t2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_1t5t2_gg_,.___SLinkAddon_1t5t2_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1t5t2_gg_:not(:only-child):first-child,.___SLinkAddon_1t5t2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1t5t2_gg_:not(:only-child):last-child,.___SLinkAddon_1t5t2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1t5t2_gg_{width:16px;height:16px}.___SLinkTrigger_1t5t2_gg_._size_m_1t5t2_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1t5t2_gg_._size_l_1t5t2_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1t5t2_gg_,.___SLinkTrigger_1t5t2_gg_ .___SText_1t5t2_gg_{transition:none}}", /*__inner_css_end__*/"1t5t2_gg_"),
16
20
  /*__reshadow_css_end__*/
17
21
  {
18
- "__SLinkTrigger": "___SLinkTrigger_1mko8_gg_",
19
- "_disabled": "__disabled_1mko8_gg_",
20
- "__SLinkAddon": "___SLinkAddon_1mko8_gg_",
21
- "_size_m": "_size_m_1mko8_gg_",
22
- "_size_l": "_size_l_1mko8_gg_",
23
- "_active": "__active_1mko8_gg_",
24
- "__SText": "___SText_1mko8_gg_",
25
- "_color": "__color_1mko8_gg_",
26
- "--color": "--color_1mko8",
27
- "__SAddon": "___SAddon_1mko8_gg_"
22
+ "__SLinkTrigger": "___SLinkTrigger_1t5t2_gg_",
23
+ "_disabled": "__disabled_1t5t2_gg_",
24
+ "__SLinkAddon": "___SLinkAddon_1t5t2_gg_",
25
+ "_size_m": "_size_m_1t5t2_gg_",
26
+ "_size_l": "_size_l_1t5t2_gg_",
27
+ "_active": "__active_1t5t2_gg_",
28
+ "__SText": "___SText_1t5t2_gg_",
29
+ "_color": "__color_1t5t2_gg_",
30
+ "--color": "--color_1t5t2",
31
+ "__SAddon": "___SAddon_1t5t2_gg_"
28
32
  });
29
- class RootLinkTrigger extends Component {
30
- constructor(...args) {
31
- super(...args);
32
- _defineProperty(this, "triggerRef", /*#__PURE__*/React.createRef());
33
+ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
34
+ function RootLinkTrigger() {
35
+ _classCallCheck(this, RootLinkTrigger);
36
+ return _callSuper(this, RootLinkTrigger, arguments);
33
37
  }
34
- getTextProps() {
35
- const {
36
- placeholder,
37
- empty
38
- } = this.asProps;
39
- return {
40
- placeholder,
41
- empty,
42
- triggerRef: this.triggerRef
43
- };
44
- }
45
- render() {
46
- var _ref = this.asProps,
47
- _ref4;
48
- const SLinkTrigger = Box;
49
- const SLinkAddon = LinkTrigger.Addon;
50
- const {
51
- Children,
52
- loading,
53
- styles,
54
- empty,
55
- color: providedColor,
56
- resolveColor
57
- } = this.asProps;
58
- const color = resolveColor(providedColor);
59
- return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", {
60
- ..._assignProps({
38
+ _inherits(RootLinkTrigger, _Component);
39
+ return _createClass(RootLinkTrigger, [{
40
+ key: "getTextProps",
41
+ value: function getTextProps() {
42
+ var _this$asProps = this.asProps,
43
+ placeholder = _this$asProps.placeholder,
44
+ empty = _this$asProps.empty;
45
+ return {
46
+ placeholder: placeholder,
47
+ empty: empty
48
+ };
49
+ }
50
+ }, {
51
+ key: "render",
52
+ value: function render() {
53
+ var _ref = this.asProps,
54
+ _ref4;
55
+ var SLinkTrigger = Box;
56
+ var SLinkAddon = LinkTrigger.Addon;
57
+ var _this$asProps2 = this.asProps,
58
+ Children = _this$asProps2.Children,
59
+ loading = _this$asProps2.loading,
60
+ styles = _this$asProps2.styles,
61
+ empty = _this$asProps2.empty,
62
+ providedColor = _this$asProps2.color,
63
+ resolveColor = _this$asProps2.resolveColor;
64
+ var color = resolveColor(providedColor);
65
+ return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
61
66
  "tag": 'button',
62
67
  "type": 'button',
63
68
  "tabIndex": loading ? -1 : 0,
64
- "ref": this.triggerRef,
65
69
  "use:color": color
66
- }, _ref)
67
- }), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
68
- "size": 'xs',
69
- "theme": 'currentColor'
70
- })) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
71
- }
72
- }
70
+ }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
71
+ "size": 'xs',
72
+ "theme": 'currentColor'
73
+ })) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
74
+ }
75
+ }]);
76
+ }(Component);
73
77
  _defineProperty(RootLinkTrigger, "displayName", 'LinkTrigger');
74
78
  _defineProperty(RootLinkTrigger, "style", style);
75
79
  _defineProperty(RootLinkTrigger, "defaultProps", {
@@ -79,41 +83,27 @@ _defineProperty(RootLinkTrigger, "enhance", [resolveColorEnhance()]);
79
83
  function Text(props) {
80
84
  var _ref2 = arguments[0],
81
85
  _ref5;
82
- const SText = TextKit;
83
- const textRef = React.useRef();
84
- const {
85
- children,
86
- styles,
87
- empty,
88
- placeholder,
89
- triggerRef,
90
- ellipsis = false,
91
- hintProps
92
- } = props;
93
- const content = empty ? placeholder : children;
94
- return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", {
95
- ..._assignProps2({
96
- "display-placeholder": empty,
97
- "ref": textRef,
98
- "ellipsis": ellipsis,
99
- "hintProps": {
100
- ...hintProps,
101
- triggerRef
102
- }
103
- }, _ref2)
104
- }), content));
86
+ var SText = Box;
87
+ var children = props.children,
88
+ styles = props.styles,
89
+ empty = props.empty,
90
+ placeholder = props.placeholder;
91
+ return _ref5 = sstyled(styles),
92
+ /*#__PURE__*/
93
+ /* "use:" prefix was used for backward compatibility (by lsroman) */
94
+ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
95
+ "display-placeholder": empty
96
+ }, _ref2))), empty ? placeholder : children);
105
97
  }
106
98
  function Addon(props) {
107
99
  var _ref3 = arguments[0],
108
100
  _ref6;
109
- const SAddon = Box;
110
- return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", {
111
- ..._assignProps3({}, _ref3)
112
- }));
101
+ var SAddon = Box;
102
+ return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({}, _ref3))));
113
103
  }
114
- const LinkTrigger = createComponent(RootLinkTrigger, {
115
- Text,
116
- Addon
104
+ var LinkTrigger = createComponent(RootLinkTrigger, {
105
+ Text: Text,
106
+ Addon: Addon
117
107
  });
118
108
  export default LinkTrigger;
119
109
  //# sourceMappingURL=LinkTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTrigger.js","names":["Box","createComponent","Component","Root","sstyled","addonTextChildren","resolveColorEnhance","ChevronDown","Spin","Text","TextKit","React","style","_sstyled","insert","RootLinkTrigger","constructor","args","_defineProperty","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","color","providedColor","resolveColor","createElement","cn","_assignProps","size","props","_ref2","arguments[0]","_ref5","SText","textRef","useRef","children","ellipsis","hintProps","content","Fragment","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Text as TextKit } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n\n static enhance = [resolveColorEnhance()];\n\n triggerRef = React.createRef();\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n triggerRef: this.triggerRef,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={loading ? -1 : 0}\n ref={this.triggerRef}\n use:color={color}\n >\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const textRef = React.useRef();\n const { children, styles, empty, placeholder, triggerRef, ellipsis = false, hintProps } = props;\n const content = empty ? placeholder : children;\n\n return sstyled(styles)(\n <>\n <SText\n render={TextKit}\n display-placeholder={empty}\n ref={textRef}\n ellipsis={ellipsis}\n hintProps={{\n ...hintProps,\n triggerRef,\n }}\n >\n {content}\n </SText>\n </>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"LinkTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","resolveColorEnhance","Box","ChevronDown","Spin","React","style","_sstyled","insert","RootLinkTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n\n static enhance = [resolveColorEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={loading ? -1 : 0}\n use:color={color}\n >\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { CounterProps } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n};\n\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n /** Specifies the locale for i18n support */\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Text;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { DotProps } from '@semcore/dot';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { NeighborItemProps } from '@semcore/neighbor-location';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n /** Specifies the locale for i18n support */\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
@@ -19,11 +19,11 @@ SBaseTrigger {
19
19
  font-family: inherit;
20
20
  cursor: pointer;
21
21
 
22
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
22
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
23
23
 
24
24
  font-weight: var(--intergalactic-regular, 400);
25
- border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
26
- color: var(--intergalactic-text-primary, #191b23);
25
+ border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
26
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
27
27
 
28
28
  &::-moz-focus-inner {
29
29
  border: none;
@@ -36,22 +36,22 @@ SBaseTrigger {
36
36
  }
37
37
 
38
38
  &:focus-visible {
39
- border: 1px solid var(--intergalactic-border-info-active, #006dca);
39
+ border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
40
40
  }
41
41
 
42
42
  &:hover {
43
- background-color: var(--intergalactic-bg-primary-neutral-hover, #f4f5f9);
43
+ background-color: var(--intergalactic-bg-primary-neutral-hover, oklch(0.98 0.001 180));
44
44
  }
45
45
 
46
46
  &:active,
47
47
  &[active] {
48
- border-color: var(--intergalactic-border-info-active, #006dca);
49
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
48
+ border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
49
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
50
50
  }
51
51
  }
52
52
 
53
53
  SBaseTrigger[disabled] {
54
- opacity: var(--intergalactic-disabled-opacity, 0.3);
54
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
55
55
  cursor: default;
56
56
  /* Disable link interactions */
57
57
  pointer-events: none;
@@ -160,18 +160,18 @@ SBaseTrigger[neighborLocation='left'] {
160
160
  }
161
161
 
162
162
  SText[display-placeholder] {
163
- color: var(--intergalactic-text-placeholder, #8a8e9b);
163
+ color: var(--intergalactic-text-placeholder, oklch(0.098 0.023 157.4 / 0.457));
164
164
  }
165
165
 
166
166
  SBaseTrigger[state='valid'] {
167
- border-color: var(--intergalactic-border-success-active, #007c65);
167
+ border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
168
168
  }
169
169
 
170
170
  SBaseTrigger[state='invalid'] {
171
- border-color: var(--intergalactic-border-critical-active, #d1002f);
171
+ border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
172
172
 
173
173
  &:focus-visible {
174
- outline-color: var(--intergalactic-keyboard-focus-invalid-outline, #ff4953);
174
+ outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
175
175
  }
176
176
  }
177
177
 
@@ -4,5 +4,5 @@ SButtonAddon {
4
4
  }
5
5
 
6
6
  SButtonTriggerSpin {
7
- fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
7
+ fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
8
8
  }
@@ -1,15 +1,15 @@
1
1
  SFilterTrigger[selected] {
2
- border-color: var(--intergalactic-border-info-active, #006dca);
3
- background-color: var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));
4
- color: var(--intergalactic-text-primary, #191b23);
2
+ border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
3
+ background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
4
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
5
5
 
6
6
  &:hover {
7
- background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
7
+ background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
8
8
  }
9
9
 
10
10
  &:active,
11
11
  &[active] {
12
- background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
12
+ background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
13
13
  }
14
14
  }
15
15
 
@@ -20,3 +20,7 @@ SWrapper {
20
20
  outline: none;
21
21
  }
22
22
  }
23
+
24
+ SCounter {
25
+ background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
26
+ }
@@ -16,7 +16,7 @@ SLinkTrigger {
16
16
  vertical-align: middle;
17
17
  font-family: inherit;
18
18
  cursor: pointer;
19
- color: var(--intergalactic-text-link, #006dca);
19
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
20
20
  background: none;
21
21
  transition: color 0.15s ease-in-out;
22
22
  border: 0;
@@ -24,7 +24,7 @@ SLinkTrigger {
24
24
  &[active],
25
25
  &:hover,
26
26
  &:active {
27
- color: var(--intergalactic-text-link-hover-active, #044792);
27
+ color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
28
28
 
29
29
  & SText {
30
30
  border-color: currentColor;
@@ -50,7 +50,7 @@ SLinkTrigger[color] {
50
50
  }
51
51
 
52
52
  SLinkTrigger[disabled] {
53
- opacity: var(--intergalactic-disabled-opacity, 0.3);
53
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
54
54
  cursor: default;
55
55
  pointer-events: none;
56
56
  }
@@ -12,20 +12,20 @@ import sv from './sv.json';
12
12
  import tr from './tr.json';
13
13
  import vi from './vi.json';
14
14
  import zh from './zh.json';
15
- export const localizedMessages = {
16
- de,
17
- en,
18
- es,
19
- fr,
20
- it,
21
- ja,
22
- ko,
23
- nl,
24
- pt,
25
- tr,
26
- vi,
27
- zh,
28
- pl,
29
- sv
15
+ export var localizedMessages = {
16
+ de: de,
17
+ en: en,
18
+ es: es,
19
+ fr: fr,
20
+ it: it,
21
+ ja: ja,
22
+ ko: ko,
23
+ nl: nl,
24
+ pt: pt,
25
+ tr: tr,
26
+ vi: vi,
27
+ zh: zh,
28
+ pl: pl,
29
+ sv: sv
30
30
  };
31
31
  //# sourceMappingURL=__intergalactic-dynamic-locales.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}