@semcore/base-trigger 4.53.2-prerelease.0 → 4.54.0-prerelease.0
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/CHANGELOG.md +6 -0
- package/lib/cjs/BaseTrigger.js +64 -53
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +20 -22
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +90 -85
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +37 -82
- 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 +20 -21
- package/lib/cjs/style/button-trigger.shadow.css +1 -1
- package/lib/cjs/style/filter-trigger.shadow.css +5 -13
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/translations/de.json +2 -1
- package/lib/cjs/translations/es.json +2 -1
- package/lib/cjs/translations/fr.json +2 -1
- package/lib/cjs/translations/it.json +2 -1
- package/lib/cjs/translations/ja.json +2 -1
- package/lib/cjs/translations/ko.json +2 -1
- package/lib/cjs/translations/nl.json +2 -1
- package/lib/cjs/translations/pl.json +2 -1
- package/lib/cjs/translations/pt.json +2 -1
- package/lib/cjs/translations/sv.json +2 -1
- package/lib/cjs/translations/tr.json +2 -1
- package/lib/cjs/translations/vi.json +2 -1
- package/lib/cjs/translations/zh.json +2 -1
- package/lib/es6/BaseTrigger.js +58 -44
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +18 -17
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +83 -76
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +35 -80
- 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 +20 -21
- package/lib/es6/style/button-trigger.shadow.css +1 -1
- package/lib/es6/style/filter-trigger.shadow.css +5 -13
- 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 +2 -1
- package/lib/es6/translations/es.json +2 -1
- package/lib/es6/translations/fr.json +2 -1
- package/lib/es6/translations/it.json +2 -1
- package/lib/es6/translations/ja.json +2 -1
- package/lib/es6/translations/ko.json +2 -1
- package/lib/es6/translations/nl.json +2 -1
- package/lib/es6/translations/pl.json +2 -1
- package/lib/es6/translations/pt.json +2 -1
- package/lib/es6/translations/sv.json +2 -1
- package/lib/es6/translations/tr.json +2 -1
- package/lib/es6/translations/vi.json +2 -1
- package/lib/es6/translations/zh.json +2 -1
- package/lib/esm/BaseTrigger.mjs +58 -49
- package/lib/esm/ButtonTrigger.mjs +20 -21
- package/lib/esm/FilterTrigger.mjs +68 -70
- package/lib/esm/LinkTrigger.mjs +33 -76
- package/lib/esm/style/base-trigger.shadow.css +20 -21
- package/lib/esm/style/button-trigger.shadow.css +1 -1
- package/lib/esm/style/filter-trigger.shadow.css +5 -13
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/esm/translations/de.json.mjs +2 -1
- package/lib/esm/translations/es.json.mjs +2 -1
- package/lib/esm/translations/fr.json.mjs +2 -1
- package/lib/esm/translations/it.json.mjs +2 -1
- package/lib/esm/translations/ja.json.mjs +2 -1
- package/lib/esm/translations/ko.json.mjs +2 -1
- package/lib/esm/translations/nl.json.mjs +2 -1
- package/lib/esm/translations/pl.json.mjs +2 -1
- package/lib/esm/translations/pt.json.mjs +2 -1
- package/lib/esm/translations/sv.json.mjs +2 -1
- package/lib/esm/translations/tr.json.mjs +2 -1
- package/lib/esm/translations/vi.json.mjs +2 -1
- package/lib/esm/translations/zh.json.mjs +2 -1
- package/lib/types/index.d.ts +22 -33
- package/package.json +9 -9
- package/lib/cjs/style/link-trigger.shadow.css +0 -104
- package/lib/es6/style/link-trigger.shadow.css +0 -104
- package/lib/esm/style/link-trigger.shadow.css +0 -104
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -1,112 +1,67 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
2
|
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";
|
|
6
5
|
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";
|
|
10
6
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
|
-
import
|
|
12
|
-
import createComponent,
|
|
13
|
-
import addonTextChildren from '@semcore/
|
|
14
|
-
import
|
|
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';
|
|
15
13
|
import Spin from '@semcore/spin';
|
|
16
|
-
import
|
|
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_17gdu_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, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_17gdu_gg_:focus{outline:0}.___SLinkTrigger_17gdu_gg_.__active_17gdu_gg_,.___SLinkTrigger_17gdu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_17gdu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_17gdu_gg_.__active_17gdu_gg_ .___SText_17gdu_gg_,.___SLinkTrigger_17gdu_gg_:active .___SText_17gdu_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_17gdu_gg_:hover .___SText_17gdu_gg_{border-color:currentColor}}.___SLinkTrigger_17gdu_gg_ .___SText_17gdu_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_17gdu_gg_.__color_17gdu_gg_{color:var(--color_17gdu)}@media (hover:hover){.___SLinkTrigger_17gdu_gg_.__color_17gdu_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_17gdu_gg_.__disabled_17gdu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_17gdu_gg_.__keyboardFocused_17gdu_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_17gdu_gg_,.___SLinkAddon_17gdu_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_17gdu_gg_:not(:only-child):first-child,.___SLinkAddon_17gdu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_17gdu_gg_:not(:only-child):last-child,.___SLinkAddon_17gdu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_17gdu_gg_{width:16px;height:16px}.___SLinkTrigger_17gdu_gg_._size_m_17gdu_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_17gdu_gg_._size_l_17gdu_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_17gdu_gg_,.___SLinkTrigger_17gdu_gg_ .___SText_17gdu_gg_{transition:none}}", /*__inner_css_end__*/"17gdu_gg_"),
|
|
21
|
-
/*__reshadow_css_end__*/
|
|
22
|
-
{
|
|
23
|
-
"__SLinkTrigger": "___SLinkTrigger_17gdu_gg_",
|
|
24
|
-
"_disabled": "__disabled_17gdu_gg_",
|
|
25
|
-
"_keyboardFocused": "__keyboardFocused_17gdu_gg_",
|
|
26
|
-
"__SLinkAddon": "___SLinkAddon_17gdu_gg_",
|
|
27
|
-
"_size_m": "_size_m_17gdu_gg_",
|
|
28
|
-
"_size_l": "_size_l_17gdu_gg_",
|
|
29
|
-
"_active": "__active_17gdu_gg_",
|
|
30
|
-
"__SText": "___SText_17gdu_gg_",
|
|
31
|
-
"_color": "__color_17gdu_gg_",
|
|
32
|
-
"--color": "--color_17gdu",
|
|
33
|
-
"__SAddon": "___SAddon_17gdu_gg_"
|
|
34
|
-
});
|
|
14
|
+
import React from 'react';
|
|
35
15
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
36
|
-
_inherits(RootLinkTrigger, _Component);
|
|
37
|
-
var _super = _createSuper(RootLinkTrigger);
|
|
38
16
|
function RootLinkTrigger() {
|
|
39
17
|
_classCallCheck(this, RootLinkTrigger);
|
|
40
|
-
return
|
|
18
|
+
return _callSuper(this, RootLinkTrigger, arguments);
|
|
41
19
|
}
|
|
42
|
-
|
|
20
|
+
_inherits(RootLinkTrigger, _Component);
|
|
21
|
+
return _createClass(RootLinkTrigger, [{
|
|
43
22
|
key: "getTextProps",
|
|
44
|
-
value: function getTextProps() {
|
|
23
|
+
value: function getTextProps(props) {
|
|
45
24
|
var _this$asProps = this.asProps,
|
|
46
25
|
placeholder = _this$asProps.placeholder,
|
|
47
|
-
empty = _this$asProps.empty
|
|
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;
|
|
48
32
|
return {
|
|
49
|
-
|
|
50
|
-
empty: empty
|
|
33
|
+
'use:children': content,
|
|
34
|
+
empty: empty,
|
|
35
|
+
'w': "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
|
|
51
36
|
};
|
|
52
37
|
}
|
|
53
38
|
}, {
|
|
54
39
|
key: "render",
|
|
55
40
|
value: function render() {
|
|
56
|
-
var _ref = this.asProps
|
|
57
|
-
|
|
58
|
-
var SLinkTrigger = Box;
|
|
41
|
+
var _ref = this.asProps;
|
|
42
|
+
var SLinkTrigger = ButtonLink;
|
|
59
43
|
var SLinkAddon = LinkTrigger.Addon;
|
|
60
44
|
var _this$asProps2 = this.asProps,
|
|
61
45
|
Children = _this$asProps2.Children,
|
|
62
46
|
loading = _this$asProps2.loading,
|
|
63
|
-
styles = _this$asProps2.styles,
|
|
64
47
|
empty = _this$asProps2.empty,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
"size": 'xs',
|
|
74
|
-
"theme": 'currentColor'
|
|
75
|
-
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
|
|
48
|
+
disabled = _this$asProps2.disabled,
|
|
49
|
+
size = _this$asProps2.size;
|
|
50
|
+
return /*#__PURE__*/React.createElement(SLinkTrigger, _assignProps({
|
|
51
|
+
"use:disabled": disabled || loading
|
|
52
|
+
}, _ref), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, null, loading ? /*#__PURE__*/React.createElement(Spin, {
|
|
53
|
+
size: size >= 600 ? 's' : 'xs',
|
|
54
|
+
theme: "currentColor"
|
|
55
|
+
}) : size >= 600 ? /*#__PURE__*/React.createElement(ChevronDownL, null) : /*#__PURE__*/React.createElement(ChevronDownM, null)));
|
|
76
56
|
}
|
|
77
57
|
}]);
|
|
78
|
-
return RootLinkTrigger;
|
|
79
58
|
}(Component);
|
|
80
59
|
_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
|
-
}
|
|
107
60
|
var LinkTrigger = createComponent(RootLinkTrigger, {
|
|
108
|
-
Text: Text,
|
|
109
|
-
Addon: Addon
|
|
61
|
+
Text: ButtonLink.Text,
|
|
62
|
+
Addon: ButtonLink.Addon
|
|
63
|
+
}, {
|
|
64
|
+
parent: ButtonLink
|
|
110
65
|
});
|
|
111
66
|
export default LinkTrigger;
|
|
112
67
|
//# sourceMappingURL=LinkTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkTrigger.js","names":["
|
|
1
|
+
{"version":3,"file":"LinkTrigger.js","names":["ButtonLink","createComponent","Component","Root","addonTextChildren","findAllComponents","ChevronDownL","ChevronDownM","Spin","React","RootLinkTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","props","_this$asProps","asProps","placeholder","empty","Children","size","content","children","addons","LinkTrigger","Addon","displayName","addonWidth","concat","length","render","_ref","SLinkTrigger","SLinkAddon","_this$asProps2","loading","disabled","createElement","_assignProps","Text","theme","_defineProperty","parent"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { findAllComponents } from '@semcore/core/lib/utils/findComponent';\nimport ChevronDownL from '@semcore/icon/ChevronDown/l';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n\n getTextProps(props) {\n const { placeholder, empty, Children, size } = this.asProps;\n const content = empty ? placeholder : props.children;\n const addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);\n const addonWidth = size >= 600 ? 28 : 20;\n\n return {\n 'use:children': content,\n empty,\n 'w': `calc(100% - ${addonWidth * (addons.length + 1)}px)`,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, empty, disabled, size } = this.asProps;\n\n return (\n <SLinkTrigger\n render={ButtonLink}\n use:disabled={disabled || loading}\n >\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading\n ? <Spin size={size >= 600 ? 's' : 'xs'} theme='currentColor' />\n : size >= 600 ? <ChevronDownL /> : <ChevronDownM />}\n </SLinkAddon>\n </SLinkTrigger>\n );\n }\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text: ButtonLink.Text,\n Addon: ButtonLink.Addon,\n}, {\n parent: ButtonLink,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}
|
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 type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';\nimport type { ButtonLinkProps, ButtonLink } from '@semcore/button';\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 = ButtonLinkProps & {\n /** Sets the loading state */\n loading?: boolean;\n /** Placeholder text */\n placeholder?: React.ReactNode;\n /** Responsible for placeholder displaying */\n empty?: boolean;\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 ButtonLink.Text;\n Addon: typeof ButtonLink.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":[]}
|
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","ignoreList":[]}
|
|
@@ -14,17 +14,16 @@ SBaseTrigger {
|
|
|
14
14
|
text-decoration: none;
|
|
15
15
|
-webkit-tap-highlight-color: transparent;
|
|
16
16
|
overflow: visible;
|
|
17
|
-
outline: 0;
|
|
18
17
|
text-align: center;
|
|
19
18
|
vertical-align: middle;
|
|
20
19
|
font-family: inherit;
|
|
21
20
|
cursor: pointer;
|
|
22
21
|
|
|
23
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
22
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
24
23
|
|
|
25
24
|
font-weight: var(--intergalactic-regular, 400);
|
|
26
|
-
border: 1px solid var(--intergalactic-border-primary,
|
|
27
|
-
color: var(--intergalactic-text-primary,
|
|
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));
|
|
28
27
|
|
|
29
28
|
&::-moz-focus-inner {
|
|
30
29
|
border: none;
|
|
@@ -32,31 +31,27 @@ SBaseTrigger {
|
|
|
32
31
|
}
|
|
33
32
|
|
|
34
33
|
&:active,
|
|
35
|
-
&:hover
|
|
36
|
-
&:focus {
|
|
37
|
-
outline: 0;
|
|
34
|
+
&:hover {
|
|
38
35
|
text-decoration: none;
|
|
39
36
|
}
|
|
40
37
|
|
|
41
|
-
|
|
42
|
-
border: 1px solid var(--intergalactic-border-info-active,
|
|
43
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
44
|
-
z-index: 1;
|
|
38
|
+
&:focus-visible {
|
|
39
|
+
border: 1px solid var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
|
|
45
40
|
}
|
|
46
41
|
|
|
47
42
|
&:hover {
|
|
48
|
-
background-color: var(--intergalactic-bg-primary-neutral-hover,
|
|
43
|
+
background-color: var(--intergalactic-bg-primary-neutral-hover, oklch(0.98 0.001 180));
|
|
49
44
|
}
|
|
50
45
|
|
|
51
46
|
&:active,
|
|
52
47
|
&[active] {
|
|
53
|
-
border-color: var(--intergalactic-border-info-active,
|
|
54
|
-
background-color: var(--intergalactic-bg-primary-neutral,
|
|
48
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
|
|
49
|
+
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
55
50
|
}
|
|
56
51
|
}
|
|
57
52
|
|
|
58
53
|
SBaseTrigger[disabled] {
|
|
59
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
54
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
60
55
|
cursor: default;
|
|
61
56
|
/* Disable link interactions */
|
|
62
57
|
pointer-events: none;
|
|
@@ -157,22 +152,26 @@ SBaseTrigger[neighborLocation='left'] {
|
|
|
157
152
|
border-bottom-left-radius: 0;
|
|
158
153
|
/* disable-tokens-validator */
|
|
159
154
|
margin-left: -1px;
|
|
155
|
+
|
|
156
|
+
&[disabled] {
|
|
157
|
+
border-left: none;
|
|
158
|
+
margin-left: 0;
|
|
159
|
+
}
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
SText[display-placeholder] {
|
|
163
|
-
color: var(--intergalactic-text-placeholder,
|
|
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,
|
|
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,
|
|
171
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
172
172
|
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
|
|
173
|
+
&:focus-visible {
|
|
174
|
+
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
|
|
176
175
|
}
|
|
177
176
|
}
|
|
178
177
|
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
SFilterTrigger[selected] {
|
|
2
|
-
border-color: var(--intergalactic-border-info-active,
|
|
3
|
-
background-color: var(--intergalactic-control-secondary-info,
|
|
4
|
-
color: var(--intergalactic-text-primary,
|
|
2
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
|
|
3
|
+
background-color: var(--intergalactic-control-secondary-info, oklch(0.41 0.258 264.2 / 0.031));
|
|
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,
|
|
7
|
+
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
&:active,
|
|
11
11
|
&[active] {
|
|
12
|
-
background-color: var(--intergalactic-control-secondary-info-active,
|
|
12
|
+
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.405 0.257 264.2 / 0.093));
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -20,11 +20,3 @@ 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 rgba(0, 143, 248, 0.5));
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
SCounter {
|
|
29
|
-
background-color: var(--intergalactic-bg-primary-info, #008ff8);
|
|
30
|
-
}
|
|
@@ -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';
|
|
9
10
|
import pt from './pt.json';
|
|
11
|
+
import sv from './sv.json';
|
|
10
12
|
import tr from './tr.json';
|
|
11
13
|
import vi from './vi.json';
|
|
12
14
|
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","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":[]}
|