ui-theme-igc-effect 1.4.11 → 1.4.13

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.
Files changed (20) hide show
  1. package/dist/themes/igcEffect/Theme.css +32 -32
  2. package/dist/themes/igcEffect/_color/Theme_color_igcEffectCustom.css +28 -26
  3. package/dist/themes/igcEffect/_color/Theme_color_igcEffectDark.css +112 -112
  4. package/dist/themes/igcEffect/_color/Theme_color_igcEffectDefault.css +110 -110
  5. package/dist/themes/igcEffect/_component/Theme_component_igcEffectButton.css +15 -15
  6. package/dist/themes/igcEffect/_component/Theme_component_igcEffectCheckbox.css +35 -35
  7. package/dist/themes/igcEffect/_component/Theme_component_igcEffectCommon.css +28 -24
  8. package/dist/themes/igcEffect/_component/Theme_component_igcEffectDatePicker.css +3 -3
  9. package/dist/themes/igcEffect/_component/Theme_component_igcEffectRctable.css +55 -55
  10. package/dist/themes/igcEffect/_component/Theme_component_igcEffectSelect.css +196 -191
  11. package/dist/themes/igcEffect/_component/Theme_component_igcEffectSwitch.css +39 -10
  12. package/dist/themes/igcEffect/_component/Theme_component_igcEffectTabs.css +25 -25
  13. package/dist/themes/igcEffect/_component/Theme_component_igcEffectTextField.css +44 -43
  14. package/dist/themes/igcEffect/_component/Theme_component_igcEffectTooltip.css +5 -5
  15. package/dist/themes/igcEffect/_control/Theme_control_igcEffect.css +19 -19
  16. package/dist/themes/igcEffect/_font/Theme_font_igcEffect.css +107 -107
  17. package/dist/themes/igcEffect/_shadow/Theme_shadow_igcEffect.css +8 -8
  18. package/dist/themes/igcEffect/_size/Theme_size_igcEffect.css +27 -27
  19. package/dist/themes/igcEffect/_space/Theme_space_igcEffect.css +14 -14
  20. package/package.json +36 -36
@@ -1,35 +1,35 @@
1
- .Theme_control_igcEffect .Checkbox_size_l {
2
- --checkbox-size: 24px;
3
- --control-radius: 2px;
4
- }
5
-
6
- .Theme_control_igcEffect .Checkbox-Input::before {
7
- content: '';
8
- width: var(--checkbox-size);
9
- height: var(--checkbox-size);
10
- background-size: var(--checkbox-size) var(--checkbox-size);
11
- border: 0;
12
- transition: none;
13
- }
14
-
15
- .Theme_control_igcEffect .Checkbox-Input:checked:before {
16
- background-image: url('data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Crect x%3D%222%22 y%3D%222%22 width%3D%2220%22 height%3D%2220%22 rx%3D%222%22 fill%3D%22%233521FF%22 stroke%3D%22%233521FF%22%2F%3E %3Crect x%3D%224%22 y%3D%224%22 width%3D%2216%22 height%3D%2216%22 rx%3D%222%22 fill%3D%22white%22%2F%3E %3Crect x%3D%226%22 y%3D%226%22 width%3D%2212%22 height%3D%2212%22 rx%3D%222%22 fill%3D%22%233521FF%22%2F%3E%3C%2Fsvg%3E');
17
- }
18
-
19
- .Theme_control_igcEffect .Checkbox-Input:checked:before {
20
- transform: none;
21
- }
22
-
23
- .Theme_control_igcEffect .Checkbox-Input:before {
24
- top: calc(-1px / var(--zoom));
25
- left: calc(-1px / var(--zoom));
26
- }
27
-
28
- .Theme_control_igcEffect .Checkbox_intermediate .Checkbox-Input:before {
29
- top: calc(var(--checkbox-size) / 2 - 0.5px);
30
- left: calc(var(--checkbox-size) / 5 - 1.5px);
31
- }
32
-
33
- .Theme_control_igcEffect .Checkbox_disabled .Checkbox-Input:disabled:before {
34
- background-image: url('data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Crect x%3D%222%22 y%3D%222%22 width%3D%2220%22 height%3D%2220%22 rx%3D%222%22 fill%3D%22%233521FF%22 stroke%3D%22%233521FF%22 opacity%3D%220.3%22%2F%3E %3Crect x%3D%224%22 y%3D%224%22 width%3D%2216%22 height%3D%2216%22 rx%3D%222%22 fill%3D%22white%22%2F%3E %3Crect x%3D%226%22 y%3D%226%22 width%3D%2212%22 height%3D%2212%22 rx%3D%222%22 fill%3D%22%233521FF%22 opacity%3D%220.3%22%2F%3E%3C%2Fsvg%3E');
35
- }
1
+ .Theme_control_igcEffect .Checkbox_size_l {
2
+ --checkbox-size: 24px;
3
+ --control-radius: 2px;
4
+ }
5
+
6
+ .Theme_control_igcEffect .Checkbox-Input::before {
7
+ content: '';
8
+ width: var(--checkbox-size);
9
+ height: var(--checkbox-size);
10
+ background-size: var(--checkbox-size) var(--checkbox-size);
11
+ border: 0;
12
+ transition: none;
13
+ }
14
+
15
+ .Theme_control_igcEffect .Checkbox-Input:checked:before {
16
+ background-image: url('data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%0D xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Crect x%3D%222%22 y%3D%222%22 width%3D%2220%22 height%3D%2220%22 rx%3D%222%22 fill%3D%22%233521FF%22 stroke%3D%22%233521FF%22%2F%3E%0D %3Crect x%3D%224%22 y%3D%224%22 width%3D%2216%22 height%3D%2216%22 rx%3D%222%22 fill%3D%22white%22%2F%3E%0D %3Crect x%3D%226%22 y%3D%226%22 width%3D%2212%22 height%3D%2212%22 rx%3D%222%22 fill%3D%22%233521FF%22%2F%3E%0D%3C%2Fsvg%3E%0D');
17
+ }
18
+
19
+ .Theme_control_igcEffect .Checkbox-Input:checked:before {
20
+ transform: none;
21
+ }
22
+
23
+ .Theme_control_igcEffect .Checkbox-Input:before {
24
+ top: calc(-1px / var(--zoom));
25
+ left: calc(-1px / var(--zoom));
26
+ }
27
+
28
+ .Theme_control_igcEffect .Checkbox_intermediate .Checkbox-Input:before {
29
+ top: calc(var(--checkbox-size) / 2 - 0.5px);
30
+ left: calc(var(--checkbox-size) / 5 - 1.5px);
31
+ }
32
+
33
+ .Theme_control_igcEffect .Checkbox_disabled .Checkbox-Input:disabled:before {
34
+ background-image: url('data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%0D xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Crect x%3D%222%22 y%3D%222%22 width%3D%2220%22 height%3D%2220%22 rx%3D%222%22 fill%3D%22%233521FF%22 stroke%3D%22%233521FF%22 opacity%3D%220.3%22%2F%3E%0D %3Crect x%3D%224%22 y%3D%224%22 width%3D%2216%22 height%3D%2216%22 rx%3D%222%22 fill%3D%22white%22%2F%3E%0D %3Crect x%3D%226%22 y%3D%226%22 width%3D%2212%22 height%3D%2212%22 rx%3D%222%22 fill%3D%22%233521FF%22 opacity%3D%220.3%22%2F%3E%0D%3C%2Fsvg%3E%0D');
35
+ }
@@ -1,24 +1,28 @@
1
- * {
2
- margin: 0;
3
- padding: 0;
4
- box-sizing: border-box;
5
- font-weight: 500;
6
- }
7
-
8
- .Theme_control_igcEffect .MixFocus:not(.MixFocus_before):focus,
9
- .Theme_control_igcEffect .MixFocus:not(.MixFocus_before):focus:hover {
10
- box-shadow: none;
11
- }
12
-
13
- .Theme_control_igcEffect *::-webkit-scrollbar-track {
14
- background: var(--color-gray-100);
15
- }
16
-
17
- .Theme_control_igcEffect *::-webkit-scrollbar-thumb {
18
- background: var(--color-gray-200);
19
- cursor: pointer;
20
- }
21
-
22
- .Theme_control_igcEffect *::-webkit-scrollbar-thumb:hover {
23
- background: var(--color-gray-200);
24
- }
1
+ * {
2
+ margin: 0;
3
+ padding: 0;
4
+ box-sizing: border-box;
5
+ font-weight: 500;
6
+ }
7
+
8
+ .Theme_control_igcEffect {
9
+ --font-weight-placeholder: 400;
10
+ }
11
+
12
+ .Theme_control_igcEffect .MixFocus:not(.MixFocus_before):focus,
13
+ .Theme_control_igcEffect .MixFocus:not(.MixFocus_before):focus:hover {
14
+ box-shadow: none;
15
+ }
16
+
17
+ .Theme_control_igcEffect *::-webkit-scrollbar-track {
18
+ background: var(--color-gray-100);
19
+ }
20
+
21
+ .Theme_control_igcEffect *::-webkit-scrollbar-thumb {
22
+ background: var(--color-gray-200);
23
+ cursor: pointer;
24
+ }
25
+
26
+ .Theme_control_igcEffect *::-webkit-scrollbar-thumb:hover {
27
+ background: var(--color-gray-200);
28
+ }
@@ -1,3 +1,3 @@
1
- .Theme_control_igcEffect.DatePickerDropdown {
2
- --color-control-typo-disable: rgba(26, 27, 38, 0.3);
3
- }
1
+ .Theme_control_igcEffect.DatePickerDropdown {
2
+ --color-control-typo-disable: rgba(26, 27, 38, 0.3);
3
+ }
@@ -1,55 +1,55 @@
1
- .Theme_control_igcEffect .rcta--RcTable-cell {
2
- font-weight: 500;
3
- padding: 8px;
4
- }
5
-
6
- .Theme_control_igcEffect .rcta--RcTable-thead .rcta--RcTable-cell {
7
- padding: 4px 8px;
8
- }
9
-
10
- .Theme_control_igcEffect .rcta--RcTable thead > tr:last-child > * {
11
- border-bottom: 0px;
12
- }
13
-
14
- .Theme_control_igcEffect
15
- .rcta--RcTable
16
- tbody
17
- > tr:not(.rcta--RcTable-placeholder):hover {
18
- background-color: var(--color-bg-default);
19
- }
20
-
21
- .Theme_control_igcEffect
22
- .rcta--RcTable
23
- tbody
24
- > tr:not(.rcta--RcTable-placeholder):hover
25
- .rcta--RcTable-cell-fix-left:before,
26
- .Theme_control_igcEffect
27
- .rcta--RcTable
28
- tbody
29
- > tr:not(.rcta--RcTable-placeholder):hover
30
- .rcta--RcTable-cell-fix-right:before {
31
- background-color: var(--color-bg-default);
32
- }
33
-
34
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar {
35
- width: 16px;
36
- }
37
-
38
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-track {
39
- background: var(--color-gray-100);
40
- border-left: 8px var(--color-bg-default) solid;
41
- }
42
-
43
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb {
44
- background: var(--color-gray-200);
45
- border-left: 8px var(--color-bg-default) solid;
46
- }
47
-
48
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb:hover {
49
- background-color: var(--color-gray-200);
50
- }
51
-
52
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb:horizontal,
53
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-track:horizontal {
54
- border-left: none;
55
- }
1
+ .Theme_control_igcEffect .rcta--RcTable-cell {
2
+ font-weight: 500;
3
+ padding: 8px;
4
+ }
5
+
6
+ .Theme_control_igcEffect .rcta--RcTable-thead .rcta--RcTable-cell {
7
+ padding: 4px 8px;
8
+ }
9
+
10
+ .Theme_control_igcEffect .rcta--RcTable thead > tr:last-child > * {
11
+ border-bottom: 0px;
12
+ }
13
+
14
+ .Theme_control_igcEffect
15
+ .rcta--RcTable
16
+ tbody
17
+ > tr:not(.rcta--RcTable-placeholder):hover {
18
+ background-color: var(--color-bg-default);
19
+ }
20
+
21
+ .Theme_control_igcEffect
22
+ .rcta--RcTable
23
+ tbody
24
+ > tr:not(.rcta--RcTable-placeholder):hover
25
+ .rcta--RcTable-cell-fix-left:before,
26
+ .Theme_control_igcEffect
27
+ .rcta--RcTable
28
+ tbody
29
+ > tr:not(.rcta--RcTable-placeholder):hover
30
+ .rcta--RcTable-cell-fix-right:before {
31
+ background-color: var(--color-bg-default);
32
+ }
33
+
34
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar {
35
+ width: 16px;
36
+ }
37
+
38
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-track {
39
+ background: var(--color-gray-100);
40
+ border-left: 8px var(--color-bg-default) solid;
41
+ }
42
+
43
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb {
44
+ background: var(--color-gray-200);
45
+ border-left: 8px var(--color-bg-default) solid;
46
+ }
47
+
48
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb:hover {
49
+ background-color: var(--color-gray-200);
50
+ }
51
+
52
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb:horizontal,
53
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-track:horizontal {
54
+ border-left: none;
55
+ }
@@ -1,191 +1,196 @@
1
- .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar,
2
- .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar {
3
- width: 16px;
4
- }
5
-
6
- .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-track,
7
- .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar-track {
8
- background: var(--color-gray-100);
9
- border-right: 8px var(--color-bg-default) solid;
10
- margin: 0;
11
- }
12
-
13
- .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-thumb,
14
- .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar-thumb {
15
- background: var(--color-gray-200);
16
- border-right: 8px var(--color-bg-default) solid;
17
- border-radius: 0;
18
- margin: 0;
19
- padding: 0;
20
- }
21
-
22
- .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-thumb:hover,
23
- .Theme_control_igcEffect.deprecated--SelectDropdown
24
- *::-webkit-scrollbar-thumb:hover {
25
- background-color: var(--color-gray-200);
26
- }
27
-
28
- .Theme_control_igcEffect.SelectDropdown,
29
- .Theme_control_igcEffect.deprecated--SelectDropdown {
30
- min-width: 16px;
31
- border-radius: 2px;
32
- border: none;
33
- }
34
-
35
- .Theme_control_igcEffect .SelectDropdown-List,
36
- .Theme_control_igcEffect .deprecated--SelectDropdown-List {
37
- padding-top: 0px;
38
- }
39
-
40
- .Theme_control_igcEffect .SelectDropdown-List .ListItem,
41
- .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem {
42
- line-height: var(--line-height-text-m);
43
- }
44
-
45
- .Theme_control_igcEffect.SelectDropdown-List .ListItemGrid-Slot,
46
- .Theme_control_igcEffect.deprecated--SelectDropdown-List .ListItemGrid-Slot {
47
- line-height: var(--line-height-text-m);
48
- }
49
-
50
- .Theme_control_igcEffect .Select .Select-IndicatorsDropdown,
51
- .Theme_control_igcEffect
52
- .deprecated--Select
53
- .deprecated--Select-IndicatorsDropdown {
54
- color: var(--color-control-bg-primary);
55
- }
56
-
57
- .Theme_control_igcEffect
58
- .Select
59
- .Select-SelectContainer_disabled
60
- .Select-IndicatorsDropdown,
61
- .Theme_control_igcEffect
62
- .deprecated--Select
63
- .deprecated--Select-SelectContainer_disabled
64
- .deprecated--Select-IndicatorsDropdown {
65
- color: var(--color-typo-secondary);
66
- }
67
-
68
- .Theme_control_igcEffect .Select-SelectContainer_status_alert,
69
- .Theme_control_igcEffect .deprecated--Select-SelectContainer_status_alert {
70
- --container-border-color: var(--color-typo-alert);
71
- }
72
-
73
- .Theme_control_igcEffect .Select-SelectContainer_status_warning,
74
- .Theme_control_igcEffect .deprecated--Select-SelectContainer_status_warning {
75
- --container-border-color: var(--color-typo-warning);
76
- }
77
-
78
- .Theme_control_igcEffect .Select-Delimiter,
79
- .Theme_control_igcEffect .deprecated--Select-Delimiter {
80
- display: none;
81
- }
82
-
83
- .Theme_control_igcEffect .Select-SelectContainer_view_default .Select-Control,
84
- .Theme_control_igcEffect
85
- .deprecated--Select-SelectContainer_view_default
86
- .deprecated--Select-Control {
87
- padding-left: 8px;
88
- padding-right: 8px;
89
- }
90
- .Theme_control_igcEffect .Select-ClearIndicator,
91
- .Theme_control_igcEffect .deprecated--Select-ClearIndicator {
92
- height: 100%;
93
- padding-left: 8px;
94
- padding-right: 8px;
95
- }
96
-
97
- .Theme_control_igcEffect .Select-ClearIndicator .IconClear svg,
98
- .Theme_control_igcEffect .deprecated--Select-ClearIndicator .IconClear svg {
99
- display: none;
100
- }
101
-
102
- .Theme_control_igcEffect .Select-ClearIndicator .IconClear:before,
103
- .Theme_control_igcEffect .deprecated--Select-ClearIndicator .IconClear:before {
104
- width: 12px;
105
- height: 12px;
106
- content: url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M11.8327 1.34187L10.6577 0.16687L5.99935 4.8252L1.34102 0.16687L0.166016 1.34187L4.82435 6.0002L0.166016 10.6585L1.34102 11.8335L5.99935 7.1752L10.6577 11.8335L11.8327 10.6585L7.17435 6.0002L11.8327 1.34187Z%22 fill%3D%22%233521FF%22%2F%3E%3C%2Fsvg%3E');
107
- }
108
-
109
- .Theme_control_igcEffect .Select-ClearIndicatorIcon,
110
- .Theme_control_igcEffect .deprecated--Select-ClearIndicatorIcon {
111
- top: -0.5px;
112
- }
113
- .Theme_control_igcEffect .SelectDropdown-List .ListItem,
114
- .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem {
115
- min-height: 34px;
116
- padding: 8px;
117
- border-radius: 2px;
118
- }
119
-
120
- .Theme_control_igcEffect .SelectDropdown-List .ListItem_interactive:hover,
121
- .Theme_control_igcEffect
122
- .deprecated--SelectDropdown-List
123
- .ListItem_interactive:hover {
124
- background-color: var(--color-royal-blue-50);
125
- }
126
-
127
- .Theme_control_igcEffect .SelectDropdown-List .ListItem_active,
128
- .Theme_control_igcEffect
129
- .SelectDropdown-List
130
- .ListItem_interactive:hover
131
- .Checkbox
132
- input:not(:checked),
133
- .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem_active,
134
- .Theme_control_igcEffect
135
- .deprecated--SelectDropdown-List
136
- .ListItem_interactive:hover
137
- .Checkbox
138
- input:not(:checked) {
139
- background-color: var(--color-bg-default);
140
- }
141
- .Theme_control_igcEffect .SelectDropdown-List .ListItem .Checkbox,
142
- .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem .Checkbox {
143
- --checkbox-size: 20px;
144
- margin: 2px;
145
- }
146
-
147
- .Theme_control_igcEffect > .SelectDropdown-ScrollContainer,
148
- .Theme_control_igcEffect > .deprecated--SelectDropdown-ScrollContainer,
149
- .Theme_control_igcEffect > .SelectDropdown-List,
150
- .Theme_control_igcEffect > .deprecated--SelectDropdown-List {
151
- margin: 8px 0 8px 8px;
152
- padding: 0 8px 0 0;
153
- }
154
- .Theme_control_igcEffect .Select-SelectContainer_view_default,
155
- .Theme_control_igcEffect .deprecated--Select-SelectContainer_view_default {
156
- --control-radius: 2px;
157
- }
158
- .Theme_control_igcEffect
159
- .Select-SelectContainer_view_default:not(
160
- .Select-SelectContainer_disabled
161
- ):hover
162
- .Select-Control,
163
- .Theme_control_igcEffect
164
- .deprecated--Select-SelectContainer_view_default:not(
165
- .deprecated--Select-SelectContainer_disabled
166
- ):hover
167
- .deprecated--Select-Control,
168
- .Theme_control_igcEffect
169
- .Select-SelectContainer_view_default.Select-SelectContainer_focused
170
- .Select-Control,
171
- .Theme_control_igcEffect
172
- .deprecated--Select-SelectContainer_view_default.deprecated--Select-SelectContainer_focused
173
- .deprecated--Select-Control {
174
- border-color: var(--color-control-bg-border-secondary);
175
- box-shadow: 0px 0px 0px 4px var(--color-royal-blue);
176
- }
177
- .Theme_control_igcEffect {
178
- &:is(.SelectDropdown, .deprecated--SelectDropdown) {
179
- & .ListItem_checked {
180
- background-color: var(--color-royal-blue-50);
181
-
182
- &.Text {
183
- color: var(--color-typo-primary);
184
- }
185
-
186
- &::before {
187
- content: none;
188
- }
189
- }
190
- }
191
- }
1
+ .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar,
2
+ .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar {
3
+ width: 16px;
4
+ }
5
+
6
+ .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-track,
7
+ .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar-track {
8
+ background: var(--color-gray-100);
9
+ border-right: 8px var(--color-bg-default) solid;
10
+ margin: 0;
11
+ }
12
+
13
+ .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-thumb,
14
+ .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar-thumb {
15
+ background: var(--color-gray-200);
16
+ border-right: 8px var(--color-bg-default) solid;
17
+ border-radius: 0;
18
+ margin: 0;
19
+ padding: 0;
20
+ }
21
+
22
+ .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-thumb:hover,
23
+ .Theme_control_igcEffect.deprecated--SelectDropdown
24
+ *::-webkit-scrollbar-thumb:hover {
25
+ background-color: var(--color-gray-200);
26
+ }
27
+
28
+ .Theme_control_igcEffect.SelectDropdown,
29
+ .Theme_control_igcEffect.deprecated--SelectDropdown {
30
+ min-width: 16px;
31
+ border-radius: 2px;
32
+ border: none;
33
+ }
34
+
35
+ .Theme_control_igcEffect .SelectDropdown-List,
36
+ .Theme_control_igcEffect .deprecated--SelectDropdown-List {
37
+ padding-top: 0px;
38
+ }
39
+
40
+ .Theme_control_igcEffect .SelectDropdown-List .ListItem,
41
+ .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem {
42
+ line-height: var(--line-height-text-m);
43
+ }
44
+
45
+ .Theme_control_igcEffect.SelectDropdown-List .ListItemGrid-Slot,
46
+ .Theme_control_igcEffect.deprecated--SelectDropdown-List .ListItemGrid-Slot {
47
+ line-height: var(--line-height-text-m);
48
+ }
49
+
50
+ .Theme_control_igcEffect .Select .Select-IndicatorsDropdown,
51
+ .Theme_control_igcEffect
52
+ .deprecated--Select
53
+ .deprecated--Select-IndicatorsDropdown {
54
+ color: var(--color-control-bg-primary);
55
+ }
56
+
57
+ .Theme_control_igcEffect
58
+ .Select
59
+ .Select-SelectContainer_disabled
60
+ .Select-IndicatorsDropdown,
61
+ .Theme_control_igcEffect
62
+ .deprecated--Select
63
+ .deprecated--Select-SelectContainer_disabled
64
+ .deprecated--Select-IndicatorsDropdown {
65
+ color: var(--color-typo-secondary);
66
+ }
67
+
68
+ .Theme_control_igcEffect .Select-SelectContainer_status_alert,
69
+ .Theme_control_igcEffect .deprecated--Select-SelectContainer_status_alert {
70
+ --container-border-color: var(--color-typo-alert);
71
+ }
72
+
73
+ .Theme_control_igcEffect .Select-SelectContainer_status_warning,
74
+ .Theme_control_igcEffect .deprecated--Select-SelectContainer_status_warning {
75
+ --container-border-color: var(--color-typo-warning);
76
+ }
77
+
78
+ .Theme_control_igcEffect .Select-Delimiter,
79
+ .Theme_control_igcEffect .deprecated--Select-Delimiter {
80
+ display: none;
81
+ }
82
+
83
+ .Theme_control_igcEffect .Select-SelectContainer_view_default .Select-Control,
84
+ .Theme_control_igcEffect
85
+ .deprecated--Select-SelectContainer_view_default
86
+ .deprecated--Select-Control {
87
+ padding-left: 8px;
88
+ padding-right: 8px;
89
+ }
90
+ .Theme_control_igcEffect .Select-ClearIndicator,
91
+ .Theme_control_igcEffect .deprecated--Select-ClearIndicator {
92
+ height: 100%;
93
+ padding-left: 8px;
94
+ padding-right: 8px;
95
+ }
96
+
97
+ .Theme_control_igcEffect .Select-ClearIndicator .IconClear svg,
98
+ .Theme_control_igcEffect .deprecated--Select-ClearIndicator .IconClear svg {
99
+ display: none;
100
+ }
101
+
102
+ .Theme_control_igcEffect .Select-ClearIndicator .IconClear:before,
103
+ .Theme_control_igcEffect .deprecated--Select-ClearIndicator .IconClear:before {
104
+ width: 12px;
105
+ height: 12px;
106
+ content: url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22%0D xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath d%3D%22M11.8327 1.34187L10.6577 0.16687L5.99935 4.8252L1.34102 0.16687L0.166016 1.34187L4.82435 6.0002L0.166016 10.6585L1.34102 11.8335L5.99935 7.1752L10.6577 11.8335L11.8327 10.6585L7.17435 6.0002L11.8327 1.34187Z%22 fill%3D%22%233521FF%22%2F%3E%0D%3C%2Fsvg%3E%0D');
107
+ }
108
+
109
+ .Theme_control_igcEffect .Select-ClearIndicatorIcon,
110
+ .Theme_control_igcEffect .deprecated--Select-ClearIndicatorIcon {
111
+ top: -0.5px;
112
+ }
113
+ .Theme_control_igcEffect .SelectDropdown-List .ListItem,
114
+ .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem {
115
+ min-height: 34px;
116
+ padding: 8px;
117
+ border-radius: 2px;
118
+ }
119
+
120
+ .Theme_control_igcEffect .SelectDropdown-List .ListItem_interactive:hover,
121
+ .Theme_control_igcEffect
122
+ .deprecated--SelectDropdown-List
123
+ .ListItem_interactive:hover {
124
+ background-color: var(--color-royal-blue-50);
125
+ }
126
+
127
+ .Theme_control_igcEffect .SelectDropdown-List .ListItem_active,
128
+ .Theme_control_igcEffect
129
+ .SelectDropdown-List
130
+ .ListItem_interactive:hover
131
+ .Checkbox
132
+ input:not(:checked),
133
+ .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem_active,
134
+ .Theme_control_igcEffect
135
+ .deprecated--SelectDropdown-List
136
+ .ListItem_interactive:hover
137
+ .Checkbox
138
+ input:not(:checked) {
139
+ background-color: var(--color-bg-default);
140
+ }
141
+ .Theme_control_igcEffect .SelectDropdown-List .ListItem .Checkbox,
142
+ .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem .Checkbox {
143
+ --checkbox-size: 20px;
144
+ margin: 2px;
145
+ }
146
+
147
+ .Theme_control_igcEffect > .SelectDropdown-ScrollContainer,
148
+ .Theme_control_igcEffect > .deprecated--SelectDropdown-ScrollContainer,
149
+ .Theme_control_igcEffect > .SelectDropdown-List,
150
+ .Theme_control_igcEffect > .deprecated--SelectDropdown-List {
151
+ margin: 8px 0 8px 8px;
152
+ padding: 0 8px 0 0;
153
+ }
154
+ .Theme_control_igcEffect .Select-SelectContainer_view_default,
155
+ .Theme_control_igcEffect .deprecated--Select-SelectContainer_view_default {
156
+ --control-radius: 2px;
157
+ }
158
+ .Theme_control_igcEffect
159
+ .Select-SelectContainer_view_default:not(
160
+ .Select-SelectContainer_disabled
161
+ ):hover
162
+ .Select-Control,
163
+ .Theme_control_igcEffect
164
+ .deprecated--Select-SelectContainer_view_default:not(
165
+ .deprecated--Select-SelectContainer_disabled
166
+ ):hover
167
+ .deprecated--Select-Control,
168
+ .Theme_control_igcEffect
169
+ .Select-SelectContainer_view_default.Select-SelectContainer_focused
170
+ .Select-Control,
171
+ .Theme_control_igcEffect
172
+ .deprecated--Select-SelectContainer_view_default.deprecated--Select-SelectContainer_focused
173
+ .deprecated--Select-Control {
174
+ border-color: var(--color-control-bg-border-secondary);
175
+ box-shadow: 0px 0px 0px 4px var(--color-royal-blue);
176
+ }
177
+ .Theme_control_igcEffect {
178
+ &:is(.SelectDropdown, .deprecated--SelectDropdown) {
179
+ & .ListItem_checked {
180
+ background-color: var(--color-royal-blue-50);
181
+
182
+ &.Text {
183
+ color: var(--color-typo-primary);
184
+ }
185
+
186
+ &::before {
187
+ content: none;
188
+ }
189
+ }
190
+ }
191
+ }
192
+
193
+ .Theme_control_igcEffect .Select-Placeholder,
194
+ .Theme_control_igcEffect .deprecated--Select-Placeholder {
195
+ font-weight: var(--font-weight-placeholder);
196
+ }