@semcore/base-trigger 16.4.6-prerelease.8 → 16.5.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 +3 -3
- package/lib/cjs/BaseTrigger.js +97 -108
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +60 -45
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +197 -173
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +79 -89
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +9 -9
- package/lib/cjs/style/base-trigger.shadow.css +12 -12
- package/lib/cjs/style/button-trigger.shadow.css +1 -1
- package/lib/cjs/style/filter-trigger.shadow.css +9 -5
- package/lib/cjs/style/link-trigger.shadow.css +3 -3
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/BaseTrigger.js +89 -100
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +49 -34
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +181 -157
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +72 -82
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +12 -12
- package/lib/es6/style/button-trigger.shadow.css +1 -1
- package/lib/es6/style/filter-trigger.shadow.css +9 -5
- package/lib/es6/style/link-trigger.shadow.css +3 -3
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/BaseTrigger.mjs +76 -100
- package/lib/esm/ButtonTrigger.mjs +46 -36
- package/lib/esm/FilterTrigger.mjs +143 -154
- package/lib/esm/LinkTrigger.mjs +59 -82
- package/lib/esm/style/base-trigger.shadow.css +12 -12
- package/lib/esm/style/button-trigger.shadow.css +1 -1
- package/lib/esm/style/filter-trigger.shadow.css +9 -5
- package/lib/esm/style/link-trigger.shadow.css +3 -3
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/types/index.d.ts +19 -6
- package/package.json +10 -11
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -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
|
-
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_1oo37_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_1oo37_gg_.__active_1oo37_gg_,.___SLinkTrigger_1oo37_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1oo37_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1oo37_gg_.__active_1oo37_gg_ .___SText_1oo37_gg_,.___SLinkTrigger_1oo37_gg_:active .___SText_1oo37_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1oo37_gg_:hover .___SText_1oo37_gg_{border-color:currentColor}}.___SLinkTrigger_1oo37_gg_ .___SText_1oo37_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_1oo37_gg_.__color_1oo37_gg_{color:var(--color_1oo37)}@media (hover:hover){.___SLinkTrigger_1oo37_gg_.__color_1oo37_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1oo37_gg_.__disabled_1oo37_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_1oo37_gg_,.___SLinkAddon_1oo37_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1oo37_gg_:not(:only-child):first-child,.___SLinkAddon_1oo37_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1oo37_gg_:not(:only-child):last-child,.___SLinkAddon_1oo37_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1oo37_gg_{width:16px;height:16px}.___SLinkTrigger_1oo37_gg_._size_m_1oo37_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1oo37_gg_._size_l_1oo37_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1oo37_gg_,.___SLinkTrigger_1oo37_gg_ .___SText_1oo37_gg_{transition:none}}", /*__inner_css_end__*/"1oo37_gg_"),
|
|
16
20
|
/*__reshadow_css_end__*/
|
|
17
21
|
{
|
|
18
|
-
"__SLinkTrigger": "
|
|
19
|
-
"_disabled": "
|
|
20
|
-
"__SLinkAddon": "
|
|
21
|
-
"_size_m": "
|
|
22
|
-
"_size_l": "
|
|
23
|
-
"_active": "
|
|
24
|
-
"__SText": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"__SAddon": "
|
|
22
|
+
"__SLinkTrigger": "___SLinkTrigger_1oo37_gg_",
|
|
23
|
+
"_disabled": "__disabled_1oo37_gg_",
|
|
24
|
+
"__SLinkAddon": "___SLinkAddon_1oo37_gg_",
|
|
25
|
+
"_size_m": "_size_m_1oo37_gg_",
|
|
26
|
+
"_size_l": "_size_l_1oo37_gg_",
|
|
27
|
+
"_active": "__active_1oo37_gg_",
|
|
28
|
+
"__SText": "___SText_1oo37_gg_",
|
|
29
|
+
"_color": "__color_1oo37_gg_",
|
|
30
|
+
"--color": "--color_1oo37",
|
|
31
|
+
"__SAddon": "___SAddon_1oo37_gg_"
|
|
28
32
|
});
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
34
|
+
function RootLinkTrigger() {
|
|
35
|
+
_classCallCheck(this, RootLinkTrigger);
|
|
36
|
+
return _callSuper(this, RootLinkTrigger, arguments);
|
|
33
37
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
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
|
-
|
|
68
|
-
|
|
69
|
-
"
|
|
70
|
-
}
|
|
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
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}
|
|
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
|
-
|
|
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
|
-
|
|
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":["
|
|
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":[]}
|
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 type {
|
|
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,
|
|
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,
|
|
26
|
-
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));
|
|
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,
|
|
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,
|
|
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,
|
|
49
|
-
background-color: var(--intergalactic-bg-primary-neutral,
|
|
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.
|
|
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,
|
|
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
173
|
&:focus-visible {
|
|
174
|
-
outline-color: var(--intergalactic-keyboard-focus-invalid-outline,
|
|
174
|
+
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
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.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,
|
|
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,
|
|
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,
|
|
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,
|
|
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.
|
|
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
|
|
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,
|
|
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":[]}
|