@semcore/select 3.2.20 → 3.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -2
- package/lib/cjs/InputSearch.js +7 -7
- package/lib/cjs/Select.js +8 -8
- package/lib/cjs/style/input-search.shadow.css +2 -3
- package/lib/cjs/style/select.shadow.css +10 -12
- package/lib/es6/InputSearch.js +7 -7
- package/lib/es6/Select.js +8 -8
- package/lib/es6/style/input-search.shadow.css +2 -3
- package/lib/es6/style/select.shadow.css +10 -12
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.
|
|
5
|
+
## [3.3.1] - 2022-12-12
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.3.0 ~> 3.3.1]).
|
|
10
|
+
|
|
11
|
+
## [3.3.0] - 2022-12-12
|
|
12
|
+
|
|
13
|
+
### Added
|
|
14
|
+
|
|
15
|
+
- Design tokens based theming.
|
|
10
16
|
|
|
11
17
|
## [3.2.18] - 2022-12-06
|
|
12
18
|
|
package/lib/cjs/InputSearch.js
CHANGED
|
@@ -52,16 +52,16 @@ var style = (
|
|
|
52
52
|
/*__reshadow_css_start__*/
|
|
53
53
|
_core.sstyled.insert(
|
|
54
54
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
55
|
+
".___SInputSearch_1hdtg_gg_._size_m_1hdtg_gg_{height:32px}.___SClose_1hdtg_gg_.__hide_1hdtg_gg_{visibility:hidden}.___SOutline_1hdtg_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-rounded-medium,6px) var(--intergalactic-rounded-medium,6px) 0 0}"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "1hdtg_gg_")
|
|
58
58
|
/*__reshadow_css_end__*/
|
|
59
59
|
, {
|
|
60
|
-
"__SInputSearch": "
|
|
61
|
-
"_size_m": "
|
|
62
|
-
"__SClose": "
|
|
63
|
-
"_hide": "
|
|
64
|
-
"__SOutline": "
|
|
60
|
+
"__SInputSearch": "___SInputSearch_1hdtg_gg_",
|
|
61
|
+
"_size_m": "_size_m_1hdtg_gg_",
|
|
62
|
+
"__SClose": "___SClose_1hdtg_gg_",
|
|
63
|
+
"_hide": "__hide_1hdtg_gg_",
|
|
64
|
+
"__SOutline": "___SOutline_1hdtg_gg_"
|
|
65
65
|
});
|
|
66
66
|
var MAP_SIZE_TO_ICON = {
|
|
67
67
|
m: [_m["default"], _m2["default"]],
|
package/lib/cjs/Select.js
CHANGED
|
@@ -78,17 +78,17 @@ var style = (
|
|
|
78
78
|
/*__reshadow_css_start__*/
|
|
79
79
|
_core.sstyled.insert(
|
|
80
80
|
/*__inner_css_start__*/
|
|
81
|
-
".
|
|
81
|
+
".___SOptionCheckbox_15xkm_gg_{margin-top:var(--intergalactic-spacing-05x,2px);margin-right:var(--intergalactic-spacing-2x,8px);margin-bottom:auto;position:relative;flex-shrink:0}.___SOptionCheckbox_15xkm_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral,#fff);border:1px solid;border-radius:var(--intergalactic-rounded-small,4px);border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SOptionCheckbox_15xkm_gg_{width:16px;height:16px}.___SOptionCheckbox_15xkm_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:50%;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4yNSAxTDQgNS4yNSAxLjc1IDMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_15xkm_gg_._size_l_15xkm_gg_{width:20px;height:20px}.___SOptionCheckbox_15xkm_gg_._size_l_15xkm_gg_:after{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgMS41TDQuNzUgNy43NSAxIDQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_15xkm_gg_.__checked_15xkm_gg_:before{background-color:var(--intergalactic-control-primary-info,#008ff8);border-color:var(--intergalactic-control-primary-info,#008ff8)}.___SOptionCheckbox_15xkm_gg_.__theme_15xkm_gg_:before{border-color:var(--theme_15xkm)}.___SOptionCheckbox_15xkm_gg_.__theme_15xkm_gg_.__checked_15xkm_gg_:before{background-color:var(--theme_15xkm);border-color:var(--theme_15xkm)}.___SOptionCheckbox_15xkm_gg_.__selected_15xkm_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected,rgba(196,229,254,.7))}.___SOptionCheckbox_15xkm_gg_.__selected_15xkm_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover,#c4e5fe)}"
|
|
82
82
|
/*__inner_css_end__*/
|
|
83
|
-
, "
|
|
83
|
+
, "15xkm_gg_")
|
|
84
84
|
/*__reshadow_css_end__*/
|
|
85
85
|
, {
|
|
86
|
-
"__SOptionCheckbox": "
|
|
87
|
-
"_size_l": "
|
|
88
|
-
"_checked": "
|
|
89
|
-
"_theme": "
|
|
90
|
-
"--theme": "--
|
|
91
|
-
"_selected": "
|
|
86
|
+
"__SOptionCheckbox": "___SOptionCheckbox_15xkm_gg_",
|
|
87
|
+
"_size_l": "_size_l_15xkm_gg_",
|
|
88
|
+
"_checked": "__checked_15xkm_gg_",
|
|
89
|
+
"_theme": "__theme_15xkm_gg_",
|
|
90
|
+
"--theme": "--theme_15xkm",
|
|
91
|
+
"_selected": "__selected_15xkm_gg_"
|
|
92
92
|
});
|
|
93
93
|
|
|
94
94
|
function isSelectedOption(value, valueOption) {
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@import '@semcore/utils/style/var.css';
|
|
2
|
-
|
|
3
1
|
SInputSearch[size='m'] {
|
|
4
2
|
height: 32px;
|
|
5
3
|
}
|
|
@@ -13,5 +11,6 @@ SOutline {
|
|
|
13
11
|
top: -1px;
|
|
14
12
|
left: -1px;
|
|
15
13
|
width: 100%;
|
|
16
|
-
border-radius: var(--rounded-
|
|
14
|
+
border-radius: var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px) 0
|
|
15
|
+
0;
|
|
17
16
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
@import '@semcore/utils/style/var.css';
|
|
2
|
-
|
|
3
1
|
SOptionCheckbox {
|
|
4
|
-
margin-top: 2px;
|
|
5
|
-
margin-right: 8px;
|
|
2
|
+
margin-top: var(--intergalactic-spacing-05x, 2px);
|
|
3
|
+
margin-right: var(--intergalactic-spacing-2x, 8px);
|
|
6
4
|
margin-bottom: auto;
|
|
7
5
|
position: relative;
|
|
8
6
|
flex-shrink: 0;
|
|
@@ -14,10 +12,10 @@ SOptionCheckbox {
|
|
|
14
12
|
left: 0;
|
|
15
13
|
right: 0;
|
|
16
14
|
bottom: 0;
|
|
17
|
-
background: #
|
|
15
|
+
background: var(--intergalactic-bg-primary-neutral, #ffffff);
|
|
18
16
|
border: 1px solid;
|
|
19
|
-
border-radius: var(--rounded-
|
|
20
|
-
border-color: var(--
|
|
17
|
+
border-radius: var(--intergalactic-rounded-small, 4px);
|
|
18
|
+
border-color: var(--intergalactic-border-primary, #c4c7cf);
|
|
21
19
|
}
|
|
22
20
|
|
|
23
21
|
width: 16px;
|
|
@@ -30,7 +28,7 @@ SOptionCheckbox {
|
|
|
30
28
|
left: 0;
|
|
31
29
|
right: 0;
|
|
32
30
|
bottom: 0;
|
|
33
|
-
margin: 0 2px;
|
|
31
|
+
margin: 0 var(--intergalactic-spacing-05x, 2px);
|
|
34
32
|
background-repeat: no-repeat;
|
|
35
33
|
background-position: center center;
|
|
36
34
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
|
|
@@ -46,8 +44,8 @@ SOptionCheckbox[size='l'] {
|
|
|
46
44
|
}
|
|
47
45
|
|
|
48
46
|
SOptionCheckbox[checked]:before {
|
|
49
|
-
background-color: var(--
|
|
50
|
-
border-color: var(--
|
|
47
|
+
background-color: var(--intergalactic-control-primary-info, #008ff8);
|
|
48
|
+
border-color: var(--intergalactic-control-primary-info, #008ff8);
|
|
51
49
|
}
|
|
52
50
|
|
|
53
51
|
SOptionCheckbox[theme]:before {
|
|
@@ -60,9 +58,9 @@ SOptionCheckbox[theme][checked]:before {
|
|
|
60
58
|
}
|
|
61
59
|
|
|
62
60
|
SOptionCheckbox[selected] {
|
|
63
|
-
background-color:
|
|
61
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));
|
|
64
62
|
|
|
65
63
|
&:hover {
|
|
66
|
-
background-color:
|
|
64
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe);
|
|
67
65
|
}
|
|
68
66
|
}
|
package/lib/es6/InputSearch.js
CHANGED
|
@@ -28,16 +28,16 @@ var style = (
|
|
|
28
28
|
/*__reshadow_css_start__*/
|
|
29
29
|
_sstyled.insert(
|
|
30
30
|
/*__inner_css_start__*/
|
|
31
|
-
".
|
|
31
|
+
".___SInputSearch_1hdtg_gg_._size_m_1hdtg_gg_{height:32px}.___SClose_1hdtg_gg_.__hide_1hdtg_gg_{visibility:hidden}.___SOutline_1hdtg_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-rounded-medium,6px) var(--intergalactic-rounded-medium,6px) 0 0}"
|
|
32
32
|
/*__inner_css_end__*/
|
|
33
|
-
, "
|
|
33
|
+
, "1hdtg_gg_")
|
|
34
34
|
/*__reshadow_css_end__*/
|
|
35
35
|
, {
|
|
36
|
-
"__SInputSearch": "
|
|
37
|
-
"_size_m": "
|
|
38
|
-
"__SClose": "
|
|
39
|
-
"_hide": "
|
|
40
|
-
"__SOutline": "
|
|
36
|
+
"__SInputSearch": "___SInputSearch_1hdtg_gg_",
|
|
37
|
+
"_size_m": "_size_m_1hdtg_gg_",
|
|
38
|
+
"__SClose": "___SClose_1hdtg_gg_",
|
|
39
|
+
"_hide": "__hide_1hdtg_gg_",
|
|
40
|
+
"__SOutline": "___SOutline_1hdtg_gg_"
|
|
41
41
|
});
|
|
42
42
|
var MAP_SIZE_TO_ICON = {
|
|
43
43
|
m: [SearchM, CloseM],
|
package/lib/es6/Select.js
CHANGED
|
@@ -44,17 +44,17 @@ var style = (
|
|
|
44
44
|
/*__reshadow_css_start__*/
|
|
45
45
|
_sstyled.insert(
|
|
46
46
|
/*__inner_css_start__*/
|
|
47
|
-
".
|
|
47
|
+
".___SOptionCheckbox_15xkm_gg_{margin-top:var(--intergalactic-spacing-05x,2px);margin-right:var(--intergalactic-spacing-2x,8px);margin-bottom:auto;position:relative;flex-shrink:0}.___SOptionCheckbox_15xkm_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral,#fff);border:1px solid;border-radius:var(--intergalactic-rounded-small,4px);border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SOptionCheckbox_15xkm_gg_{width:16px;height:16px}.___SOptionCheckbox_15xkm_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:50%;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4yNSAxTDQgNS4yNSAxLjc1IDMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_15xkm_gg_._size_l_15xkm_gg_{width:20px;height:20px}.___SOptionCheckbox_15xkm_gg_._size_l_15xkm_gg_:after{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgMS41TDQuNzUgNy43NSAxIDQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_15xkm_gg_.__checked_15xkm_gg_:before{background-color:var(--intergalactic-control-primary-info,#008ff8);border-color:var(--intergalactic-control-primary-info,#008ff8)}.___SOptionCheckbox_15xkm_gg_.__theme_15xkm_gg_:before{border-color:var(--theme_15xkm)}.___SOptionCheckbox_15xkm_gg_.__theme_15xkm_gg_.__checked_15xkm_gg_:before{background-color:var(--theme_15xkm);border-color:var(--theme_15xkm)}.___SOptionCheckbox_15xkm_gg_.__selected_15xkm_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected,rgba(196,229,254,.7))}.___SOptionCheckbox_15xkm_gg_.__selected_15xkm_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover,#c4e5fe)}"
|
|
48
48
|
/*__inner_css_end__*/
|
|
49
|
-
, "
|
|
49
|
+
, "15xkm_gg_")
|
|
50
50
|
/*__reshadow_css_end__*/
|
|
51
51
|
, {
|
|
52
|
-
"__SOptionCheckbox": "
|
|
53
|
-
"_size_l": "
|
|
54
|
-
"_checked": "
|
|
55
|
-
"_theme": "
|
|
56
|
-
"--theme": "--
|
|
57
|
-
"_selected": "
|
|
52
|
+
"__SOptionCheckbox": "___SOptionCheckbox_15xkm_gg_",
|
|
53
|
+
"_size_l": "_size_l_15xkm_gg_",
|
|
54
|
+
"_checked": "__checked_15xkm_gg_",
|
|
55
|
+
"_theme": "__theme_15xkm_gg_",
|
|
56
|
+
"--theme": "--theme_15xkm",
|
|
57
|
+
"_selected": "__selected_15xkm_gg_"
|
|
58
58
|
});
|
|
59
59
|
|
|
60
60
|
function isSelectedOption(value, valueOption) {
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@import '@semcore/utils/style/var.css';
|
|
2
|
-
|
|
3
1
|
SInputSearch[size='m'] {
|
|
4
2
|
height: 32px;
|
|
5
3
|
}
|
|
@@ -13,5 +11,6 @@ SOutline {
|
|
|
13
11
|
top: -1px;
|
|
14
12
|
left: -1px;
|
|
15
13
|
width: 100%;
|
|
16
|
-
border-radius: var(--rounded-
|
|
14
|
+
border-radius: var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px) 0
|
|
15
|
+
0;
|
|
17
16
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
@import '@semcore/utils/style/var.css';
|
|
2
|
-
|
|
3
1
|
SOptionCheckbox {
|
|
4
|
-
margin-top: 2px;
|
|
5
|
-
margin-right: 8px;
|
|
2
|
+
margin-top: var(--intergalactic-spacing-05x, 2px);
|
|
3
|
+
margin-right: var(--intergalactic-spacing-2x, 8px);
|
|
6
4
|
margin-bottom: auto;
|
|
7
5
|
position: relative;
|
|
8
6
|
flex-shrink: 0;
|
|
@@ -14,10 +12,10 @@ SOptionCheckbox {
|
|
|
14
12
|
left: 0;
|
|
15
13
|
right: 0;
|
|
16
14
|
bottom: 0;
|
|
17
|
-
background: #
|
|
15
|
+
background: var(--intergalactic-bg-primary-neutral, #ffffff);
|
|
18
16
|
border: 1px solid;
|
|
19
|
-
border-radius: var(--rounded-
|
|
20
|
-
border-color: var(--
|
|
17
|
+
border-radius: var(--intergalactic-rounded-small, 4px);
|
|
18
|
+
border-color: var(--intergalactic-border-primary, #c4c7cf);
|
|
21
19
|
}
|
|
22
20
|
|
|
23
21
|
width: 16px;
|
|
@@ -30,7 +28,7 @@ SOptionCheckbox {
|
|
|
30
28
|
left: 0;
|
|
31
29
|
right: 0;
|
|
32
30
|
bottom: 0;
|
|
33
|
-
margin: 0 2px;
|
|
31
|
+
margin: 0 var(--intergalactic-spacing-05x, 2px);
|
|
34
32
|
background-repeat: no-repeat;
|
|
35
33
|
background-position: center center;
|
|
36
34
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
|
|
@@ -46,8 +44,8 @@ SOptionCheckbox[size='l'] {
|
|
|
46
44
|
}
|
|
47
45
|
|
|
48
46
|
SOptionCheckbox[checked]:before {
|
|
49
|
-
background-color: var(--
|
|
50
|
-
border-color: var(--
|
|
47
|
+
background-color: var(--intergalactic-control-primary-info, #008ff8);
|
|
48
|
+
border-color: var(--intergalactic-control-primary-info, #008ff8);
|
|
51
49
|
}
|
|
52
50
|
|
|
53
51
|
SOptionCheckbox[theme]:before {
|
|
@@ -60,9 +58,9 @@ SOptionCheckbox[theme][checked]:before {
|
|
|
60
58
|
}
|
|
61
59
|
|
|
62
60
|
SOptionCheckbox[selected] {
|
|
63
|
-
background-color:
|
|
61
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));
|
|
64
62
|
|
|
65
63
|
&:hover {
|
|
66
|
-
background-color:
|
|
64
|
+
background-color: var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe);
|
|
67
65
|
}
|
|
68
66
|
}
|