@semcore/select 16.1.12 → 16.2.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/README.md +4 -4
- package/lib/cjs/InputSearch.js +12 -12
- package/lib/cjs/InputSearch.js.map +1 -1
- package/lib/cjs/Select.js +8 -8
- package/lib/cjs/style/select.shadow.css +8 -8
- package/lib/es6/InputSearch.js +12 -12
- package/lib/es6/InputSearch.js.map +1 -1
- package/lib/es6/Select.js +8 -8
- package/lib/es6/style/select.shadow.css +8 -8
- package/lib/esm/InputSearch.mjs +13 -13
- package/lib/esm/Select.mjs +9 -9
- package/lib/esm/style/select.shadow.css +8 -8
- package/package.json +15 -15
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/@semcore/select)
|
|
4
4
|
[](https://www.npmjs.com/package/@semcore/select)
|
|
5
|
-
[](https://github.com/semrush/intergalactic/blob/
|
|
5
|
+
[](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
|
|
6
6
|
|
|
7
7
|
> This component is part of the Intergalactic Design System
|
|
8
8
|
|
|
@@ -20,13 +20,13 @@ npm install @semcore/select
|
|
|
20
20
|
|
|
21
21
|
## 👤 Author
|
|
22
22
|
|
|
23
|
-
[UI-kit team](https://github.com/semrush/intergalactic/blob/
|
|
23
|
+
[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
|
|
24
24
|
|
|
25
25
|
## 🤝 Contributing
|
|
26
26
|
|
|
27
27
|
Contributions, issues and feature requests are welcome!
|
|
28
28
|
|
|
29
|
-
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/
|
|
29
|
+
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
|
|
30
30
|
|
|
31
31
|
## Show your support
|
|
32
32
|
|
|
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
|
|
|
34
34
|
|
|
35
35
|
## 📝 License
|
|
36
36
|
|
|
37
|
-
This project is [MIT](https://github.com/semrush/intergalactic/blob/
|
|
37
|
+
This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
|
package/lib/cjs/InputSearch.js
CHANGED
|
@@ -21,14 +21,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
21
21
|
var _context = require("./context");
|
|
22
22
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
23
23
|
/*!__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
24
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
24
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SInputSearch_10vow_gg_._size_m_10vow_gg_{height:32px}.___SSearchClear_10vow_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_10vow_gg_.__hide_10vow_gg_{visibility:hidden}.___SOutline_10vow_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"10vow_gg_"),
|
|
25
25
|
/*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SInputSearch": "
|
|
28
|
-
"_size_m": "
|
|
29
|
-
"__SSearchClear": "
|
|
30
|
-
"_hide": "
|
|
31
|
-
"__SOutline": "
|
|
27
|
+
"__SInputSearch": "___SInputSearch_10vow_gg_",
|
|
28
|
+
"_size_m": "_size_m_10vow_gg_",
|
|
29
|
+
"__SSearchClear": "___SSearchClear_10vow_gg_",
|
|
30
|
+
"_hide": "__hide_10vow_gg_",
|
|
31
|
+
"__SOutline": "___SOutline_10vow_gg_"
|
|
32
32
|
});
|
|
33
33
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
function InputSearchRoot() {
|
|
@@ -119,21 +119,21 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
119
119
|
locale: 'en'
|
|
120
120
|
});
|
|
121
121
|
(0, _defineProperty2["default"])(InputSearchRoot, "contextType", _context.selectContext);
|
|
122
|
-
|
|
122
|
+
function SearchIcon(props) {
|
|
123
123
|
var _ref2 = arguments[0],
|
|
124
124
|
_ref6;
|
|
125
125
|
var SSearchIcon = _input["default"].Addon;
|
|
126
126
|
var styles = props.styles;
|
|
127
127
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchIcon, _ref6.cn("SSearchIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(_m2["default"], _ref6.cn("SearchM", {})));
|
|
128
|
-
}
|
|
129
|
-
|
|
128
|
+
}
|
|
129
|
+
function SearchValue(props) {
|
|
130
130
|
var _ref3 = arguments[0],
|
|
131
131
|
_ref7;
|
|
132
132
|
var SSearchValue = _input["default"].Value;
|
|
133
133
|
var styles = props.styles;
|
|
134
134
|
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchValue, _ref7.cn("SSearchValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
135
|
-
}
|
|
136
|
-
|
|
135
|
+
}
|
|
136
|
+
function SearchClear(props) {
|
|
137
137
|
var _ref4 = arguments[0],
|
|
138
138
|
_ref8;
|
|
139
139
|
var SSearchClear = _button.ButtonLink;
|
|
@@ -142,7 +142,7 @@ var SearchClear = function SearchClear(props) {
|
|
|
142
142
|
"addonLeft": _m["default"],
|
|
143
143
|
"use": 'secondary'
|
|
144
144
|
}, _ref4))));
|
|
145
|
-
}
|
|
145
|
+
}
|
|
146
146
|
var InputSearch = (0, _core.createComponent)(InputSearchRoot, {
|
|
147
147
|
SearchIcon: SearchIcon,
|
|
148
148
|
Value: SearchValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","names":["_core","require","_button","_i18nEnhance","_interopRequireDefault","_m","_m2","_input","_react","_context","_intergalacticDynamicLocales","style","sstyled","insert","InputSearchRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_inherits2","_createClass2","key","uncontrolledProps","getValueProps","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","getClearProps","_this$asProps2","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps3","size","styles","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchM from '@semcore/icon/Search/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport { selectContext } from './context';\nimport style from './style/input-search.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { value, onChange, getI18nText, children: hasChildren } = this.asProps;\n return {\n value,\n 'onChange': hasChildren ? onChange : undefined,\n 'autoFocus': true,\n 'ref': this.inputRef,\n 'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n 'ref': this.closeIconRef,\n /* hide through css because the width of the input changes */\n 'hide': !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n 'onClick': this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\
|
|
1
|
+
{"version":3,"file":"InputSearch.js","names":["_core","require","_button","_i18nEnhance","_interopRequireDefault","_m","_m2","_input","_react","_context","_intergalacticDynamicLocales","style","sstyled","insert","InputSearchRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_inherits2","_createClass2","key","uncontrolledProps","getValueProps","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","getClearProps","_this$asProps2","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps3","size","styles","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchM from '@semcore/icon/Search/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport { selectContext } from './context';\nimport style from './style/input-search.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { value, onChange, getI18nText, children: hasChildren } = this.asProps;\n return {\n value,\n 'onChange': hasChildren ? onChange : undefined,\n 'autoFocus': true,\n 'ref': this.inputRef,\n 'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n 'ref': this.closeIconRef,\n /* hide through css because the width of the input changes */\n 'hide': !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n 'onClick': this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nfunction SearchIcon(props) {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n}\nfunction SearchValue(props) {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n}\nfunction SearchClear(props) {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use='secondary' />);\n}\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/Select.js
CHANGED
|
@@ -36,16 +36,16 @@ var _InputSearch = _interopRequireDefault(require("./InputSearch"));
|
|
|
36
36
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
37
37
|
var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
|
|
38
38
|
/*!__reshadow-styles__:"./style/select.shadow.css"*/
|
|
39
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
39
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOptionCheckbox_si140_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_si140_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SOptionCheckbox_si140_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SOptionCheckbox_si140_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SOptionCheckbox_si140_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_si140_gg_.__selected_si140_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_si140_gg_._size_l_si140_gg_{width:20px;height:20px}.___SOptionCheckbox_si140_gg_._size_l_si140_gg_.__selected_si140_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_:before,.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:before{background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SOptionCheckbox_si140_gg_.__theme_si140_gg_:before{border-color:var(--theme_si140)}.___SOptionCheckbox_si140_gg_.__theme_si140_gg_.__indeterminate_si140_gg_:before,.___SOptionCheckbox_si140_gg_.__theme_si140_gg_.__selected_si140_gg_:before{background-color:var(--theme_si140);border-color:var(--theme_si140)}.___SOptionCheckbox_si140_gg_.__selected_si140_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}@media (hover:hover){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, rgba(0, 77, 255, 0.191))}@supports (color:color(display-p3 0 0 0%)){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, rgba(0, 77, 255, 0.191))}@media (color-gamut:p3){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, color(display-p3 0.11821 0.29668 0.96194 / 0.191))}}}}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_._size_l_si140_gg_:after{width:12px;height:2px}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_._size_m_si140_gg_:after{width:8px;height:2px}", /*__inner_css_end__*/"si140_gg_"),
|
|
40
40
|
/*__reshadow_css_end__*/
|
|
41
41
|
{
|
|
42
|
-
"__SOptionCheckbox": "
|
|
43
|
-
"_selected": "
|
|
44
|
-
"_size_l": "
|
|
45
|
-
"_indeterminate": "
|
|
46
|
-
"_theme": "
|
|
47
|
-
"--theme": "--
|
|
48
|
-
"_size_m": "
|
|
42
|
+
"__SOptionCheckbox": "___SOptionCheckbox_si140_gg_",
|
|
43
|
+
"_selected": "__selected_si140_gg_",
|
|
44
|
+
"_size_l": "_size_l_si140_gg_",
|
|
45
|
+
"_indeterminate": "__indeterminate_si140_gg_",
|
|
46
|
+
"_theme": "__theme_si140_gg_",
|
|
47
|
+
"--theme": "--theme_si140",
|
|
48
|
+
"_size_m": "_size_m_si140_gg_"
|
|
49
49
|
});
|
|
50
50
|
function isSelectedOption(value, valueOption) {
|
|
51
51
|
return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
|
|
@@ -12,10 +12,10 @@ SOptionCheckbox {
|
|
|
12
12
|
left: 0;
|
|
13
13
|
right: 0;
|
|
14
14
|
bottom: 0;
|
|
15
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
15
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
16
16
|
border: 1px solid;
|
|
17
17
|
border-radius: var(--intergalactic-addon-rounded, 4px);
|
|
18
|
-
border-color: var(--intergalactic-border-primary,
|
|
18
|
+
border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
width: 16px;
|
|
@@ -48,13 +48,13 @@ SOptionCheckbox[size='l'][selected]::after {
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
SOptionCheckbox[selected]:before {
|
|
51
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
52
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
51
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
52
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
SOptionCheckbox[indeterminate]:before {
|
|
56
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
57
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
56
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
57
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
SOptionCheckbox[theme]:before {
|
|
@@ -68,10 +68,10 @@ SOptionCheckbox[theme][indeterminate]:before {
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
SOptionCheckbox[selected] {
|
|
71
|
-
background-color: var(--intergalactic-dropdown-menu-item-selected,
|
|
71
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected, oklch(0.525 0.265 263 / 0.077));
|
|
72
72
|
|
|
73
73
|
&:hover {
|
|
74
|
-
background-color: var(--intergalactic-dropdown-menu-item-selected-hover,
|
|
74
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected-hover, oklch(0.52 0.268 263.2 / 0.191));
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
|
package/lib/es6/InputSearch.js
CHANGED
|
@@ -18,14 +18,14 @@ import Input from '@semcore/input';
|
|
|
18
18
|
import React from 'react';
|
|
19
19
|
import { selectContext } from './context';
|
|
20
20
|
/*!__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
21
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SInputSearch_10vow_gg_._size_m_10vow_gg_{height:32px}.___SSearchClear_10vow_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_10vow_gg_.__hide_10vow_gg_{visibility:hidden}.___SOutline_10vow_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"10vow_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SInputSearch": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"__SSearchClear": "
|
|
27
|
-
"_hide": "
|
|
28
|
-
"__SOutline": "
|
|
24
|
+
"__SInputSearch": "___SInputSearch_10vow_gg_",
|
|
25
|
+
"_size_m": "_size_m_10vow_gg_",
|
|
26
|
+
"__SSearchClear": "___SSearchClear_10vow_gg_",
|
|
27
|
+
"_hide": "__hide_10vow_gg_",
|
|
28
|
+
"__SOutline": "___SOutline_10vow_gg_"
|
|
29
29
|
});
|
|
30
30
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
31
31
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -117,21 +117,21 @@ _defineProperty(InputSearchRoot, "defaultProps", {
|
|
|
117
117
|
locale: 'en'
|
|
118
118
|
});
|
|
119
119
|
_defineProperty(InputSearchRoot, "contextType", selectContext);
|
|
120
|
-
|
|
120
|
+
function SearchIcon(props) {
|
|
121
121
|
var _ref2 = arguments[0],
|
|
122
122
|
_ref6;
|
|
123
123
|
var SSearchIcon = Input.Addon;
|
|
124
124
|
var styles = props.styles;
|
|
125
125
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SSearchIcon, _ref6.cn("SSearchIcon", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(SearchM, _ref6.cn("SearchM", {})));
|
|
126
|
-
}
|
|
127
|
-
|
|
126
|
+
}
|
|
127
|
+
function SearchValue(props) {
|
|
128
128
|
var _ref3 = arguments[0],
|
|
129
129
|
_ref7;
|
|
130
130
|
var SSearchValue = Input.Value;
|
|
131
131
|
var styles = props.styles;
|
|
132
132
|
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SSearchValue, _ref7.cn("SSearchValue", _objectSpread({}, _assignProps3({}, _ref3))));
|
|
133
|
-
}
|
|
134
|
-
|
|
133
|
+
}
|
|
134
|
+
function SearchClear(props) {
|
|
135
135
|
var _ref4 = arguments[0],
|
|
136
136
|
_ref8;
|
|
137
137
|
var SSearchClear = ButtonLink;
|
|
@@ -140,7 +140,7 @@ var SearchClear = function SearchClear(props) {
|
|
|
140
140
|
"addonLeft": CloseM,
|
|
141
141
|
"use": 'secondary'
|
|
142
142
|
}, _ref4))));
|
|
143
|
-
}
|
|
143
|
+
}
|
|
144
144
|
var InputSearch = createComponent(InputSearchRoot, {
|
|
145
145
|
SearchIcon: SearchIcon,
|
|
146
146
|
Value: SearchValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","names":["ButtonLink","createComponent","Component","sstyled","Root","i18nEnhance","CloseM","SearchM","Input","React","selectContext","style","_sstyled","insert","localizedMessages","InputSearchRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_inherits","_createClass","key","uncontrolledProps","getValueProps","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","getClearProps","_this$asProps2","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","_this$asProps3","size","styles","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread","_assignProps","Clear","defaultValue","i18n","locale","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","_assignProps2","SearchValue","_ref3","_ref7","SSearchValue","_assignProps3","SearchClear","_ref4","_ref8","SSearchClear","_assignProps4"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchM from '@semcore/icon/Search/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport { selectContext } from './context';\nimport style from './style/input-search.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { value, onChange, getI18nText, children: hasChildren } = this.asProps;\n return {\n value,\n 'onChange': hasChildren ? onChange : undefined,\n 'autoFocus': true,\n 'ref': this.inputRef,\n 'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n 'ref': this.closeIconRef,\n /* hide through css because the width of the input changes */\n 'hide': !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n 'onClick': this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\
|
|
1
|
+
{"version":3,"file":"InputSearch.js","names":["ButtonLink","createComponent","Component","sstyled","Root","i18nEnhance","CloseM","SearchM","Input","React","selectContext","style","_sstyled","insert","localizedMessages","InputSearchRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_inherits","_createClass","key","uncontrolledProps","getValueProps","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","getClearProps","_this$asProps2","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","_this$asProps3","size","styles","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread","_assignProps","Clear","defaultValue","i18n","locale","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","_assignProps2","SearchValue","_ref3","_ref7","SSearchValue","_assignProps3","SearchClear","_ref4","_ref8","SSearchClear","_assignProps4"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchM from '@semcore/icon/Search/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport { selectContext } from './context';\nimport style from './style/input-search.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { value, onChange, getI18nText, children: hasChildren } = this.asProps;\n return {\n value,\n 'onChange': hasChildren ? onChange : undefined,\n 'autoFocus': true,\n 'ref': this.inputRef,\n 'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n 'ref': this.closeIconRef,\n /* hide through css because the width of the input changes */\n 'hide': !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n 'onClick': this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nfunction SearchIcon(props) {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n}\nfunction SearchValue(props) {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n}\nfunction SearchClear(props) {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use='secondary' />);\n}\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/es6/Select.js
CHANGED
|
@@ -34,16 +34,16 @@ import React from 'react';
|
|
|
34
34
|
import { selectContext } from './context';
|
|
35
35
|
import InputSearch from './InputSearch';
|
|
36
36
|
/*!__reshadow-styles__:"./style/select.shadow.css"*/
|
|
37
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
37
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOptionCheckbox_si140_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_si140_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SOptionCheckbox_si140_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SOptionCheckbox_si140_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SOptionCheckbox_si140_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_si140_gg_.__selected_si140_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_si140_gg_._size_l_si140_gg_{width:20px;height:20px}.___SOptionCheckbox_si140_gg_._size_l_si140_gg_.__selected_si140_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_:before,.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:before{background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SOptionCheckbox_si140_gg_.__theme_si140_gg_:before{border-color:var(--theme_si140)}.___SOptionCheckbox_si140_gg_.__theme_si140_gg_.__indeterminate_si140_gg_:before,.___SOptionCheckbox_si140_gg_.__theme_si140_gg_.__selected_si140_gg_:before{background-color:var(--theme_si140);border-color:var(--theme_si140)}.___SOptionCheckbox_si140_gg_.__selected_si140_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}@media (hover:hover){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, rgba(0, 77, 255, 0.191))}@supports (color:color(display-p3 0 0 0%)){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, rgba(0, 77, 255, 0.191))}@media (color-gamut:p3){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, color(display-p3 0.11821 0.29668 0.96194 / 0.191))}}}}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_._size_l_si140_gg_:after{width:12px;height:2px}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_._size_m_si140_gg_:after{width:8px;height:2px}", /*__inner_css_end__*/"si140_gg_"),
|
|
38
38
|
/*__reshadow_css_end__*/
|
|
39
39
|
{
|
|
40
|
-
"__SOptionCheckbox": "
|
|
41
|
-
"_selected": "
|
|
42
|
-
"_size_l": "
|
|
43
|
-
"_indeterminate": "
|
|
44
|
-
"_theme": "
|
|
45
|
-
"--theme": "--
|
|
46
|
-
"_size_m": "
|
|
40
|
+
"__SOptionCheckbox": "___SOptionCheckbox_si140_gg_",
|
|
41
|
+
"_selected": "__selected_si140_gg_",
|
|
42
|
+
"_size_l": "_size_l_si140_gg_",
|
|
43
|
+
"_indeterminate": "__indeterminate_si140_gg_",
|
|
44
|
+
"_theme": "__theme_si140_gg_",
|
|
45
|
+
"--theme": "--theme_si140",
|
|
46
|
+
"_size_m": "_size_m_si140_gg_"
|
|
47
47
|
});
|
|
48
48
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
49
49
|
function isSelectedOption(value, valueOption) {
|
|
@@ -12,10 +12,10 @@ SOptionCheckbox {
|
|
|
12
12
|
left: 0;
|
|
13
13
|
right: 0;
|
|
14
14
|
bottom: 0;
|
|
15
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
15
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
16
16
|
border: 1px solid;
|
|
17
17
|
border-radius: var(--intergalactic-addon-rounded, 4px);
|
|
18
|
-
border-color: var(--intergalactic-border-primary,
|
|
18
|
+
border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
width: 16px;
|
|
@@ -48,13 +48,13 @@ SOptionCheckbox[size='l'][selected]::after {
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
SOptionCheckbox[selected]:before {
|
|
51
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
52
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
51
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
52
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
SOptionCheckbox[indeterminate]:before {
|
|
56
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
57
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
56
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
57
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
SOptionCheckbox[theme]:before {
|
|
@@ -68,10 +68,10 @@ SOptionCheckbox[theme][indeterminate]:before {
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
SOptionCheckbox[selected] {
|
|
71
|
-
background-color: var(--intergalactic-dropdown-menu-item-selected,
|
|
71
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected, oklch(0.525 0.265 263 / 0.077));
|
|
72
72
|
|
|
73
73
|
&:hover {
|
|
74
|
-
background-color: var(--intergalactic-dropdown-menu-item-selected-hover,
|
|
74
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected-hover, oklch(0.52 0.268 263.2 / 0.191));
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
|
package/lib/esm/InputSearch.mjs
CHANGED
|
@@ -18,16 +18,16 @@ var style = (
|
|
|
18
18
|
/*__reshadow_css_start__*/
|
|
19
19
|
(sstyled.insert(
|
|
20
20
|
/*__inner_css_start__*/
|
|
21
|
-
".
|
|
21
|
+
".___SInputSearch_10vow_gg_._size_m_10vow_gg_{height:32px}.___SSearchClear_10vow_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_10vow_gg_.__hide_10vow_gg_{visibility:hidden}.___SOutline_10vow_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}",
|
|
22
22
|
/*__inner_css_end__*/
|
|
23
|
-
"
|
|
23
|
+
"10vow_gg_"
|
|
24
24
|
), /*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SInputSearch": "
|
|
27
|
-
"_size_m": "
|
|
28
|
-
"__SSearchClear": "
|
|
29
|
-
"_hide": "
|
|
30
|
-
"__SOutline": "
|
|
26
|
+
"__SInputSearch": "___SInputSearch_10vow_gg_",
|
|
27
|
+
"_size_m": "_size_m_10vow_gg_",
|
|
28
|
+
"__SSearchClear": "___SSearchClear_10vow_gg_",
|
|
29
|
+
"_hide": "__hide_10vow_gg_",
|
|
30
|
+
"__SOutline": "___SOutline_10vow_gg_"
|
|
31
31
|
})
|
|
32
32
|
);
|
|
33
33
|
var InputSearchRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -108,19 +108,19 @@ _defineProperty(InputSearchRoot, "defaultProps", {
|
|
|
108
108
|
locale: "en"
|
|
109
109
|
});
|
|
110
110
|
_defineProperty(InputSearchRoot, "contextType", selectContext);
|
|
111
|
-
|
|
111
|
+
function SearchIcon(props) {
|
|
112
112
|
var _ref2 = arguments[0], _ref6;
|
|
113
113
|
var SSearchIcon = Input.Addon;
|
|
114
114
|
var styles = props.styles;
|
|
115
115
|
return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SSearchIcon, _ref6.cn("SSearchIcon", _objectSpread({}, assignProps({}, _ref2))), /* @__PURE__ */ React.createElement(SearchM, _ref6.cn("SearchM", {})));
|
|
116
|
-
}
|
|
117
|
-
|
|
116
|
+
}
|
|
117
|
+
function SearchValue(props) {
|
|
118
118
|
var _ref3 = arguments[0], _ref7;
|
|
119
119
|
var SSearchValue = Input.Value;
|
|
120
120
|
var styles = props.styles;
|
|
121
121
|
return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(SSearchValue, _ref7.cn("SSearchValue", _objectSpread({}, assignProps({}, _ref3))));
|
|
122
|
-
}
|
|
123
|
-
|
|
122
|
+
}
|
|
123
|
+
function SearchClear(props) {
|
|
124
124
|
var _ref4 = arguments[0], _ref8;
|
|
125
125
|
var SSearchClear = ButtonLink;
|
|
126
126
|
var styles = props.styles;
|
|
@@ -128,7 +128,7 @@ var SearchClear = function SearchClear2(props) {
|
|
|
128
128
|
"addonLeft": CloseM,
|
|
129
129
|
"use": "secondary"
|
|
130
130
|
}, _ref4))));
|
|
131
|
-
}
|
|
131
|
+
}
|
|
132
132
|
var InputSearch = createComponent(InputSearchRoot, {
|
|
133
133
|
SearchIcon,
|
|
134
134
|
Value: SearchValue,
|
package/lib/esm/Select.mjs
CHANGED
|
@@ -32,18 +32,18 @@ var style = (
|
|
|
32
32
|
/*__reshadow_css_start__*/
|
|
33
33
|
(sstyled.insert(
|
|
34
34
|
/*__inner_css_start__*/
|
|
35
|
-
'.
|
|
35
|
+
'.___SOptionCheckbox_si140_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_si140_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SOptionCheckbox_si140_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SOptionCheckbox_si140_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SOptionCheckbox_si140_gg_::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_si140_gg_.__selected_si140_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_si140_gg_._size_l_si140_gg_{width:20px;height:20px}.___SOptionCheckbox_si140_gg_._size_l_si140_gg_.__selected_si140_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_:before,.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:before{background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SOptionCheckbox_si140_gg_.__theme_si140_gg_:before{border-color:var(--theme_si140)}.___SOptionCheckbox_si140_gg_.__theme_si140_gg_.__indeterminate_si140_gg_:before,.___SOptionCheckbox_si140_gg_.__theme_si140_gg_.__selected_si140_gg_:before{background-color:var(--theme_si140);border-color:var(--theme_si140)}.___SOptionCheckbox_si140_gg_.__selected_si140_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}@media (hover:hover){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, rgba(0, 77, 255, 0.191))}@supports (color:color(display-p3 0 0 0%)){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, rgba(0, 77, 255, 0.191))}@media (color-gamut:p3){.___SOptionCheckbox_si140_gg_.__selected_si140_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, color(display-p3 0.11821 0.29668 0.96194 / 0.191))}}}}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_._size_l_si140_gg_:after{width:12px;height:2px}.___SOptionCheckbox_si140_gg_.__indeterminate_si140_gg_._size_m_si140_gg_:after{width:8px;height:2px}',
|
|
36
36
|
/*__inner_css_end__*/
|
|
37
|
-
"
|
|
37
|
+
"si140_gg_"
|
|
38
38
|
), /*__reshadow_css_end__*/
|
|
39
39
|
{
|
|
40
|
-
"__SOptionCheckbox": "
|
|
41
|
-
"_selected": "
|
|
42
|
-
"_size_l": "
|
|
43
|
-
"_indeterminate": "
|
|
44
|
-
"_theme": "
|
|
45
|
-
"--theme": "--
|
|
46
|
-
"_size_m": "
|
|
40
|
+
"__SOptionCheckbox": "___SOptionCheckbox_si140_gg_",
|
|
41
|
+
"_selected": "__selected_si140_gg_",
|
|
42
|
+
"_size_l": "_size_l_si140_gg_",
|
|
43
|
+
"_indeterminate": "__indeterminate_si140_gg_",
|
|
44
|
+
"_theme": "__theme_si140_gg_",
|
|
45
|
+
"--theme": "--theme_si140",
|
|
46
|
+
"_size_m": "_size_m_si140_gg_"
|
|
47
47
|
})
|
|
48
48
|
);
|
|
49
49
|
function isSelectedOption(value, valueOption) {
|
|
@@ -12,10 +12,10 @@ SOptionCheckbox {
|
|
|
12
12
|
left: 0;
|
|
13
13
|
right: 0;
|
|
14
14
|
bottom: 0;
|
|
15
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
15
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
16
16
|
border: 1px solid;
|
|
17
17
|
border-radius: var(--intergalactic-addon-rounded, 4px);
|
|
18
|
-
border-color: var(--intergalactic-border-primary,
|
|
18
|
+
border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
width: 16px;
|
|
@@ -48,13 +48,13 @@ SOptionCheckbox[size='l'][selected]::after {
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
SOptionCheckbox[selected]:before {
|
|
51
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
52
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
51
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
52
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
SOptionCheckbox[indeterminate]:before {
|
|
56
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
57
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
56
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
57
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
SOptionCheckbox[theme]:before {
|
|
@@ -68,10 +68,10 @@ SOptionCheckbox[theme][indeterminate]:before {
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
SOptionCheckbox[selected] {
|
|
71
|
-
background-color: var(--intergalactic-dropdown-menu-item-selected,
|
|
71
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected, oklch(0.525 0.265 263 / 0.077));
|
|
72
72
|
|
|
73
73
|
&:hover {
|
|
74
|
-
background-color: var(--intergalactic-dropdown-menu-item-selected-hover,
|
|
74
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected-hover, oklch(0.52 0.268 263.2 / 0.191));
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/select",
|
|
3
3
|
"description": "Semrush Select Component",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.2.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -13,20 +13,20 @@
|
|
|
13
13
|
"types": "./lib/types/index.d.ts"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@semcore/base-trigger": "16.
|
|
17
|
-
"@semcore/button": "16.0.
|
|
18
|
-
"@semcore/checkbox": "16.
|
|
19
|
-
"@semcore/divider": "16.0.
|
|
20
|
-
"@semcore/dropdown": "16.
|
|
21
|
-
"@semcore/dropdown-menu": "16.
|
|
22
|
-
"@semcore/flex-box": "16.0.
|
|
23
|
-
"@semcore/icon": "16.
|
|
24
|
-
"@semcore/input": "16.
|
|
25
|
-
"@semcore/popper": "16.0.
|
|
16
|
+
"@semcore/base-trigger": "16.5.0-prerelease.0",
|
|
17
|
+
"@semcore/button": "16.1.0-prerelease.0",
|
|
18
|
+
"@semcore/checkbox": "16.3.0-prerelease.0",
|
|
19
|
+
"@semcore/divider": "16.1.0-prerelease.0",
|
|
20
|
+
"@semcore/dropdown": "16.2.0-prerelease.0",
|
|
21
|
+
"@semcore/dropdown-menu": "16.3.0-prerelease.0",
|
|
22
|
+
"@semcore/flex-box": "16.1.0-prerelease.0",
|
|
23
|
+
"@semcore/icon": "16.8.0-prerelease.0",
|
|
24
|
+
"@semcore/input": "16.2.0-prerelease.0",
|
|
25
|
+
"@semcore/popper": "16.1.0-prerelease.0",
|
|
26
26
|
"classnames": "2.2.6"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@semcore/base-components": "^16.0.0"
|
|
29
|
+
"@semcore/base-components": "^16.6.0-prerelease.0"
|
|
30
30
|
},
|
|
31
31
|
"repository": {
|
|
32
32
|
"type": "git",
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@types/classnames": "2.2.6",
|
|
38
|
-
"@semcore/core": "16.
|
|
38
|
+
"@semcore/core": "16.6.0-prerelease.0",
|
|
39
|
+
"@semcore/flex-box": "16.1.0-prerelease.0",
|
|
39
40
|
"@semcore/testing-utils": "1.0.0",
|
|
40
|
-
"@semcore/
|
|
41
|
-
"@semcore/typography": "16.3.2"
|
|
41
|
+
"@semcore/typography": "16.4.0-prerelease.0"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
44
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|