@semcore/base-trigger 4.54.0-prerelease.5 → 4.54.0-prerelease.6
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.
- package/lib/cjs/BaseTrigger.js +53 -64
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +22 -20
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +85 -90
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +82 -37
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/base-trigger.shadow.css +10 -9
- package/lib/cjs/style/filter-trigger.shadow.css +8 -0
- package/lib/cjs/style/link-trigger.shadow.css +104 -0
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +5 -4
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/translations/de.json +1 -2
- package/lib/cjs/translations/es.json +1 -2
- package/lib/cjs/translations/fr.json +1 -2
- package/lib/cjs/translations/it.json +1 -2
- package/lib/cjs/translations/ja.json +1 -2
- package/lib/cjs/translations/ko.json +1 -2
- package/lib/cjs/translations/nl.json +1 -2
- package/lib/cjs/translations/pl.json +1 -2
- package/lib/cjs/translations/pt.json +1 -2
- package/lib/cjs/translations/sv.json +1 -2
- package/lib/cjs/translations/tr.json +1 -2
- package/lib/cjs/translations/vi.json +1 -2
- package/lib/cjs/translations/zh.json +1 -2
- package/lib/es6/BaseTrigger.js +44 -58
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +17 -18
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +76 -83
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +80 -35
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +10 -9
- package/lib/es6/style/filter-trigger.shadow.css +8 -0
- package/lib/es6/style/link-trigger.shadow.css +104 -0
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/translations/de.json +1 -2
- package/lib/es6/translations/es.json +1 -2
- package/lib/es6/translations/fr.json +1 -2
- package/lib/es6/translations/it.json +1 -2
- package/lib/es6/translations/ja.json +1 -2
- package/lib/es6/translations/ko.json +1 -2
- package/lib/es6/translations/nl.json +1 -2
- package/lib/es6/translations/pl.json +1 -2
- package/lib/es6/translations/pt.json +1 -2
- package/lib/es6/translations/sv.json +1 -2
- package/lib/es6/translations/tr.json +1 -2
- package/lib/es6/translations/vi.json +1 -2
- package/lib/es6/translations/zh.json +1 -2
- package/lib/esm/BaseTrigger.mjs +49 -58
- package/lib/esm/ButtonTrigger.mjs +21 -20
- package/lib/esm/FilterTrigger.mjs +70 -68
- package/lib/esm/LinkTrigger.mjs +76 -33
- package/lib/esm/style/base-trigger.shadow.css +10 -9
- package/lib/esm/style/filter-trigger.shadow.css +8 -0
- package/lib/esm/style/link-trigger.shadow.css +104 -0
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/esm/translations/de.json.mjs +1 -2
- package/lib/esm/translations/es.json.mjs +1 -2
- package/lib/esm/translations/fr.json.mjs +1 -2
- package/lib/esm/translations/it.json.mjs +1 -2
- package/lib/esm/translations/ja.json.mjs +1 -2
- package/lib/esm/translations/ko.json.mjs +1 -2
- package/lib/esm/translations/nl.json.mjs +1 -2
- package/lib/esm/translations/pl.json.mjs +1 -2
- package/lib/esm/translations/pt.json.mjs +1 -2
- package/lib/esm/translations/sv.json.mjs +1 -2
- package/lib/esm/translations/tr.json.mjs +1 -2
- package/lib/esm/translations/vi.json.mjs +1 -2
- package/lib/esm/translations/zh.json.mjs +1 -2
- package/lib/types/index.d.ts +33 -22
- package/package.json +9 -9
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -1,67 +1,112 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
1
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
5
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
9
|
+
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
6
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
7
|
-
import { ButtonLink } from '@semcore/button';
|
|
8
|
-
import { createComponent, Component, Root } from '@semcore/core';
|
|
9
|
-
import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
|
|
10
|
-
import { findAllComponents } from '@semcore/core/lib/utils/findComponent';
|
|
11
|
-
import ChevronDownL from '@semcore/icon/ChevronDown/l';
|
|
12
|
-
import ChevronDownM from '@semcore/icon/ChevronDown/m';
|
|
13
|
-
import Spin from '@semcore/spin';
|
|
14
11
|
import React from 'react';
|
|
12
|
+
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
13
|
+
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
14
|
+
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
15
|
+
import Spin from '@semcore/spin';
|
|
16
|
+
import { Box } from '@semcore/flex-box';
|
|
17
|
+
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
18
|
+
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
19
|
+
/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1suv2_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;cursor:pointer;color:var(--intergalactic-text-link, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1suv2_gg_:focus{outline:0}.___SLinkTrigger_1suv2_gg_.__active_1suv2_gg_,.___SLinkTrigger_1suv2_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1suv2_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1suv2_gg_.__active_1suv2_gg_ .___SText_1suv2_gg_,.___SLinkTrigger_1suv2_gg_:active .___SText_1suv2_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1suv2_gg_:hover .___SText_1suv2_gg_{border-color:currentColor}}.___SLinkTrigger_1suv2_gg_ .___SText_1suv2_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_1suv2_gg_.__color_1suv2_gg_{color:var(--color_1suv2)}@media (hover:hover){.___SLinkTrigger_1suv2_gg_.__color_1suv2_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1suv2_gg_.__disabled_1suv2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SLinkTrigger_1suv2_gg_.__keyboardFocused_1suv2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SLinkTrigger_1suv2_gg_.__keyboardFocused_1suv2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SLinkTrigger_1suv2_gg_.__keyboardFocused_1suv2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SAddon_1suv2_gg_,.___SLinkAddon_1suv2_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1suv2_gg_:not(:only-child):first-child,.___SLinkAddon_1suv2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1suv2_gg_:not(:only-child):last-child,.___SLinkAddon_1suv2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1suv2_gg_{width:16px;height:16px}.___SLinkTrigger_1suv2_gg_._size_m_1suv2_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1suv2_gg_._size_l_1suv2_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1suv2_gg_,.___SLinkTrigger_1suv2_gg_ .___SText_1suv2_gg_{transition:none}}", /*__inner_css_end__*/"1suv2_gg_"),
|
|
21
|
+
/*__reshadow_css_end__*/
|
|
22
|
+
{
|
|
23
|
+
"__SLinkTrigger": "___SLinkTrigger_1suv2_gg_",
|
|
24
|
+
"_disabled": "__disabled_1suv2_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_1suv2_gg_",
|
|
26
|
+
"__SLinkAddon": "___SLinkAddon_1suv2_gg_",
|
|
27
|
+
"_size_m": "_size_m_1suv2_gg_",
|
|
28
|
+
"_size_l": "_size_l_1suv2_gg_",
|
|
29
|
+
"_active": "__active_1suv2_gg_",
|
|
30
|
+
"__SText": "___SText_1suv2_gg_",
|
|
31
|
+
"_color": "__color_1suv2_gg_",
|
|
32
|
+
"--color": "--color_1suv2",
|
|
33
|
+
"__SAddon": "___SAddon_1suv2_gg_"
|
|
34
|
+
});
|
|
15
35
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
36
|
+
_inherits(RootLinkTrigger, _Component);
|
|
37
|
+
var _super = _createSuper(RootLinkTrigger);
|
|
16
38
|
function RootLinkTrigger() {
|
|
17
39
|
_classCallCheck(this, RootLinkTrigger);
|
|
18
|
-
return
|
|
40
|
+
return _super.apply(this, arguments);
|
|
19
41
|
}
|
|
20
|
-
|
|
21
|
-
return _createClass(RootLinkTrigger, [{
|
|
42
|
+
_createClass(RootLinkTrigger, [{
|
|
22
43
|
key: "getTextProps",
|
|
23
|
-
value: function getTextProps(
|
|
44
|
+
value: function getTextProps() {
|
|
24
45
|
var _this$asProps = this.asProps,
|
|
25
46
|
placeholder = _this$asProps.placeholder,
|
|
26
|
-
empty = _this$asProps.empty
|
|
27
|
-
Children = _this$asProps.Children,
|
|
28
|
-
size = _this$asProps.size;
|
|
29
|
-
var content = empty ? placeholder : props.children;
|
|
30
|
-
var addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);
|
|
31
|
-
var addonWidth = size >= 600 ? 28 : 20;
|
|
47
|
+
empty = _this$asProps.empty;
|
|
32
48
|
return {
|
|
33
|
-
|
|
34
|
-
empty: empty
|
|
35
|
-
'w': "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
|
|
49
|
+
placeholder: placeholder,
|
|
50
|
+
empty: empty
|
|
36
51
|
};
|
|
37
52
|
}
|
|
38
53
|
}, {
|
|
39
54
|
key: "render",
|
|
40
55
|
value: function render() {
|
|
41
|
-
var _ref = this.asProps
|
|
42
|
-
|
|
56
|
+
var _ref = this.asProps,
|
|
57
|
+
_ref4;
|
|
58
|
+
var SLinkTrigger = Box;
|
|
43
59
|
var SLinkAddon = LinkTrigger.Addon;
|
|
44
60
|
var _this$asProps2 = this.asProps,
|
|
45
61
|
Children = _this$asProps2.Children,
|
|
46
62
|
loading = _this$asProps2.loading,
|
|
63
|
+
styles = _this$asProps2.styles,
|
|
47
64
|
empty = _this$asProps2.empty,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
})
|
|
65
|
+
providedColor = _this$asProps2.color,
|
|
66
|
+
resolveColor = _this$asProps2.resolveColor;
|
|
67
|
+
var color = resolveColor(providedColor);
|
|
68
|
+
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
|
|
69
|
+
"tag": 'button',
|
|
70
|
+
"type": 'button',
|
|
71
|
+
"use:color": color
|
|
72
|
+
}, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
|
|
73
|
+
"size": 'xs',
|
|
74
|
+
"theme": 'currentColor'
|
|
75
|
+
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
|
|
56
76
|
}
|
|
57
77
|
}]);
|
|
78
|
+
return RootLinkTrigger;
|
|
58
79
|
}(Component);
|
|
59
80
|
_defineProperty(RootLinkTrigger, "displayName", 'LinkTrigger');
|
|
81
|
+
_defineProperty(RootLinkTrigger, "style", style);
|
|
82
|
+
_defineProperty(RootLinkTrigger, "defaultProps", {
|
|
83
|
+
size: 'm'
|
|
84
|
+
});
|
|
85
|
+
_defineProperty(RootLinkTrigger, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
|
|
86
|
+
function Text(props) {
|
|
87
|
+
var _ref2 = arguments[0],
|
|
88
|
+
_ref5;
|
|
89
|
+
var SText = Box;
|
|
90
|
+
var children = props.children,
|
|
91
|
+
styles = props.styles,
|
|
92
|
+
empty = props.empty,
|
|
93
|
+
placeholder = props.placeholder;
|
|
94
|
+
return _ref5 = sstyled(styles),
|
|
95
|
+
/*#__PURE__*/
|
|
96
|
+
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
97
|
+
React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
|
|
98
|
+
"display-placeholder": empty
|
|
99
|
+
}, _ref2))), empty ? placeholder : children);
|
|
100
|
+
}
|
|
101
|
+
function Addon(props) {
|
|
102
|
+
var _ref3 = arguments[0],
|
|
103
|
+
_ref6;
|
|
104
|
+
var SAddon = Box;
|
|
105
|
+
return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({}, _ref3))));
|
|
106
|
+
}
|
|
60
107
|
var LinkTrigger = createComponent(RootLinkTrigger, {
|
|
61
|
-
Text:
|
|
62
|
-
Addon:
|
|
63
|
-
}, {
|
|
64
|
-
parent: ButtonLink
|
|
108
|
+
Text: Text,
|
|
109
|
+
Addon: Addon
|
|
65
110
|
});
|
|
66
111
|
export default LinkTrigger;
|
|
67
112
|
//# sourceMappingURL=LinkTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkTrigger.js","names":["
|
|
1
|
+
{"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColorEnhance","keyboardFocusEnhance","style","_sstyled","insert","RootLinkTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_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 React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), 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 render={Box} tag='button' type='button' use:color={color}>\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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"}
|
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
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic, Root } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\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 * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\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 /** 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":""}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","ButtonTrigger","FilterTrigger","LinkTrigger"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,SAASA,OAAO,IAAIC,aAAa,QAAQ,iBAAiB;AAC1D,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe"
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","ButtonTrigger","FilterTrigger","LinkTrigger"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,SAASA,OAAO,IAAIC,aAAa,QAAQ,iBAAiB;AAC1D,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe"}
|
|
@@ -14,6 +14,7 @@ SBaseTrigger {
|
|
|
14
14
|
text-decoration: none;
|
|
15
15
|
-webkit-tap-highlight-color: transparent;
|
|
16
16
|
overflow: visible;
|
|
17
|
+
outline: 0;
|
|
17
18
|
text-align: center;
|
|
18
19
|
vertical-align: middle;
|
|
19
20
|
font-family: inherit;
|
|
@@ -31,12 +32,16 @@ SBaseTrigger {
|
|
|
31
32
|
}
|
|
32
33
|
|
|
33
34
|
&:active,
|
|
34
|
-
&:hover
|
|
35
|
+
&:hover,
|
|
36
|
+
&:focus {
|
|
37
|
+
outline: 0;
|
|
35
38
|
text-decoration: none;
|
|
36
39
|
}
|
|
37
40
|
|
|
38
|
-
|
|
41
|
+
&[keyboardFocused] {
|
|
39
42
|
border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
43
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
44
|
+
z-index: 1;
|
|
40
45
|
}
|
|
41
46
|
|
|
42
47
|
&:hover {
|
|
@@ -152,11 +157,6 @@ SBaseTrigger[neighborLocation='left'] {
|
|
|
152
157
|
border-bottom-left-radius: 0;
|
|
153
158
|
/* disable-tokens-validator */
|
|
154
159
|
margin-left: -1px;
|
|
155
|
-
|
|
156
|
-
&[disabled] {
|
|
157
|
-
border-left: none;
|
|
158
|
-
margin-left: 0;
|
|
159
|
-
}
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
SText[display-placeholder] {
|
|
@@ -170,8 +170,9 @@ SBaseTrigger[state='valid'] {
|
|
|
170
170
|
SBaseTrigger[state='invalid'] {
|
|
171
171
|
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
172
172
|
|
|
173
|
-
|
|
174
|
-
|
|
173
|
+
&[keyboardFocused] {
|
|
174
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
175
|
+
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652));
|
|
175
176
|
}
|
|
176
177
|
}
|
|
177
178
|
|
|
@@ -20,3 +20,11 @@ SWrapper {
|
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
+
|
|
24
|
+
SWrapper[keyboardFocused]:focus {
|
|
25
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
SCounter {
|
|
29
|
+
background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
|
|
30
|
+
}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
SLinkTrigger {
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
line-height: normal;
|
|
5
|
+
position: relative;
|
|
6
|
+
touch-action: manipulation;
|
|
7
|
+
white-space: nowrap;
|
|
8
|
+
user-select: none;
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
padding: 0;
|
|
11
|
+
margin: 0;
|
|
12
|
+
text-decoration: none;
|
|
13
|
+
-webkit-tap-highlight-color: transparent;
|
|
14
|
+
overflow: visible;
|
|
15
|
+
outline: 0;
|
|
16
|
+
vertical-align: middle;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
19
|
+
background: none;
|
|
20
|
+
transition: color 0.15s ease-in-out;
|
|
21
|
+
border: 0;
|
|
22
|
+
|
|
23
|
+
&:focus {
|
|
24
|
+
outline: none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&[active],
|
|
28
|
+
&:hover,
|
|
29
|
+
&:active {
|
|
30
|
+
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
|
|
31
|
+
|
|
32
|
+
& SText {
|
|
33
|
+
border-color: currentColor;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
& SText {
|
|
38
|
+
border-bottom-width: 1px;
|
|
39
|
+
border-bottom-style: solid;
|
|
40
|
+
border-color: transparent;
|
|
41
|
+
transition: border-bottom-color 0.15s ease-in-out;
|
|
42
|
+
text-overflow: ellipsis;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
SLinkTrigger[color] {
|
|
48
|
+
color: var(--color);
|
|
49
|
+
|
|
50
|
+
&:hover {
|
|
51
|
+
filter: brightness(0.8);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
SLinkTrigger[disabled] {
|
|
56
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
57
|
+
cursor: default;
|
|
58
|
+
pointer-events: none;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
SLinkTrigger[keyboardFocused] {
|
|
62
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
63
|
+
z-index: 1;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
SAddon,
|
|
67
|
+
SLinkAddon {
|
|
68
|
+
display: inline-flex;
|
|
69
|
+
align-items: center;
|
|
70
|
+
justify-content: center;
|
|
71
|
+
flex-shrink: 0;
|
|
72
|
+
margin-bottom: var(--intergalactic-spacing-05x, 2px);
|
|
73
|
+
|
|
74
|
+
&:not(:only-child):first-child {
|
|
75
|
+
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
&:not(:only-child):last-child {
|
|
79
|
+
margin-left: var(--intergalactic-spacing-1x, 4px);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
SLinkAddon {
|
|
84
|
+
width: 16px;
|
|
85
|
+
height: 16px;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
SLinkTrigger[size='m'] {
|
|
89
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
SLinkTrigger[size='l'] {
|
|
93
|
+
font-size: var(--intergalactic-fs-300, 16px);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
@media (prefers-reduced-motion) {
|
|
97
|
+
SLinkTrigger {
|
|
98
|
+
transition: none;
|
|
99
|
+
|
|
100
|
+
& SText {
|
|
101
|
+
transition: none;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
@@ -6,12 +6,12 @@ import it from './it.json';
|
|
|
6
6
|
import ja from './ja.json';
|
|
7
7
|
import ko from './ko.json';
|
|
8
8
|
import nl from './nl.json';
|
|
9
|
-
import pl from './pl.json';
|
|
10
9
|
import pt from './pt.json';
|
|
11
|
-
import sv from './sv.json';
|
|
12
10
|
import tr from './tr.json';
|
|
13
11
|
import vi from './vi.json';
|
|
14
12
|
import zh from './zh.json';
|
|
13
|
+
import pl from './pl.json';
|
|
14
|
+
import sv from './sv.json';
|
|
15
15
|
export var localizedMessages = {
|
|
16
16
|
de: de,
|
|
17
17
|
en: en,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","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 pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.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;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}
|