ui-theme-igc-effect 1.0.13 → 1.2.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.
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
.Theme_color_igcEffectDefault,
|
|
2
2
|
.Theme_color_igcEffectDark {
|
|
3
|
+
--color-royal-blue: rgba(233, 234, 255, 1);
|
|
3
4
|
--color-royal-blue-50: rgba(242, 243, 255, 1);
|
|
4
5
|
--color-royal-blue-300: rgba(177, 169, 255, 1);
|
|
5
6
|
--color-gray-100: rgba(233, 234, 242, 1);
|
|
@@ -10,4 +11,5 @@
|
|
|
10
11
|
--color-aquamarine-50: rgb(242, 254, 255, 1);
|
|
11
12
|
--color-aquamarine-300: rgba(107, 245, 207, 1);
|
|
12
13
|
--color-aquamarine-500: rgba(59, 233, 185, 1);
|
|
14
|
+
--color-dark-blue: rgba(71, 91, 229, 1);
|
|
13
15
|
}
|
|
@@ -38,10 +38,6 @@
|
|
|
38
38
|
|
|
39
39
|
.Theme_control_igcEffect .SelectDropdown-List .ListItem,
|
|
40
40
|
.Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem {
|
|
41
|
-
padding-top: 8px;
|
|
42
|
-
padding-bottom: 8px;
|
|
43
|
-
padding-left: 16px;
|
|
44
|
-
padding-right: 16px;
|
|
45
41
|
line-height: var(--line-height-text-m);
|
|
46
42
|
}
|
|
47
43
|
|
|
@@ -79,7 +75,6 @@
|
|
|
79
75
|
padding-left: 8px;
|
|
80
76
|
padding-right: 8px;
|
|
81
77
|
}
|
|
82
|
-
|
|
83
78
|
.Theme_control_igcEffect .Select-ClearIndicator,
|
|
84
79
|
.Theme_control_igcEffect .deprecated--Select-ClearIndicator {
|
|
85
80
|
height: 100%;
|
|
@@ -103,3 +98,71 @@
|
|
|
103
98
|
.Theme_control_igcEffect .deprecated--Select-ClearIndicatorIcon {
|
|
104
99
|
top: -0.5px;
|
|
105
100
|
}
|
|
101
|
+
.Theme_control_igcEffect
|
|
102
|
+
.SelectDropdown-ScrollContainer
|
|
103
|
+
.SelectDropdown-List
|
|
104
|
+
.ListItem,
|
|
105
|
+
.Theme_control_igcEffect
|
|
106
|
+
.deprecated--SelectDropdown-ScrollContainer
|
|
107
|
+
.deprecated--SelectDropdown-List
|
|
108
|
+
.ListItem {
|
|
109
|
+
min-height: 40px;
|
|
110
|
+
padding: 10px 0px 10px 10px;
|
|
111
|
+
border-radius: 2px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.Theme_control_igcEffect .SelectDropdown-List .ListItem_interactive:hover,
|
|
115
|
+
.Theme_control_igcEffect
|
|
116
|
+
.deprecated--SelectDropdown-List
|
|
117
|
+
.ListItem_interactive:hover {
|
|
118
|
+
background-color: var(--color-royal-blue-50);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.Theme_control_igcEffect .SelectDropdown-List .ListItem_active,
|
|
122
|
+
.Theme_control_igcEffect
|
|
123
|
+
.SelectDropdown-List
|
|
124
|
+
.ListItem_interactive:hover
|
|
125
|
+
.Checkbox
|
|
126
|
+
input:not(:checked),
|
|
127
|
+
.Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem_active,
|
|
128
|
+
.Theme_control_igcEffect
|
|
129
|
+
.deprecated--SelectDropdown-List
|
|
130
|
+
.ListItem_interactive:hover
|
|
131
|
+
.Checkbox
|
|
132
|
+
input:not(:checked) {
|
|
133
|
+
background-color: var(--color-bg-default);
|
|
134
|
+
}
|
|
135
|
+
.Theme_control_igcEffect .SelectDropdown-List .ListItem .Checkbox,
|
|
136
|
+
.Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem .Checkbox {
|
|
137
|
+
--checkbox-size: 20px;
|
|
138
|
+
margin-right: 2px;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.Theme_control_igcEffect .SelectDropdown-ScrollContainer,
|
|
142
|
+
.Theme_control_igcEffect .deprecated--SelectDropdown-ScrollContainer {
|
|
143
|
+
margin: 8px 0px 8px 8px;
|
|
144
|
+
padding: 0px;
|
|
145
|
+
}
|
|
146
|
+
.Theme_control_igcEffect .Select-SelectContainer_view_default,
|
|
147
|
+
.Theme_control_igcEffect .deprecated--Select-SelectContainer_view_default {
|
|
148
|
+
--control-radius: 2px;
|
|
149
|
+
}
|
|
150
|
+
.Theme_control_igcEffect
|
|
151
|
+
.Select-SelectContainer_view_default:not(
|
|
152
|
+
.Select-SelectContainer_disabled
|
|
153
|
+
):hover
|
|
154
|
+
.Select-Control,
|
|
155
|
+
.Theme_control_igcEffect
|
|
156
|
+
.deprecated--Select-SelectContainer_view_default:not(
|
|
157
|
+
.deprecated--Select-SelectContainer_disabled
|
|
158
|
+
):hover
|
|
159
|
+
.deprecated--Select-Control,
|
|
160
|
+
.Theme_control_igcEffect
|
|
161
|
+
.Select-SelectContainer_view_default.Select-SelectContainer_focused
|
|
162
|
+
.Select-Control,
|
|
163
|
+
.Theme_control_igcEffect
|
|
164
|
+
.deprecated--Select-SelectContainer_view_default.deprecated--Select-SelectContainer_focused
|
|
165
|
+
.deprecated--Select-Control {
|
|
166
|
+
border-color: var(--color-control-bg-border-secondary);
|
|
167
|
+
box-shadow: 0px 0px 0px 4px var(--royal-blue);
|
|
168
|
+
}
|
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
padding-left: 16px;
|
|
17
17
|
padding-right: 16px;
|
|
18
18
|
}
|
|
19
|
-
|
|
20
19
|
.Theme_control_igcEffect .TextField-ClearButton {
|
|
21
20
|
align-self: center;
|
|
22
21
|
}
|
|
@@ -30,3 +29,15 @@
|
|
|
30
29
|
height: 14px;
|
|
31
30
|
content: url('data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2214%22 viewBox%3D%220 0 14 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z%22 fill%3D%22%233521FF%22%2F%3E%3C%2Fsvg%3E');
|
|
32
31
|
}
|
|
32
|
+
.Theme_control_igcEffect .TextField-InputContainer_view_default {
|
|
33
|
+
--control-radius: 2px;
|
|
34
|
+
}
|
|
35
|
+
.Theme_control_igcEffect
|
|
36
|
+
.TextField-InputContainer_view_default:not(
|
|
37
|
+
.TextField-InputContainer_disabled
|
|
38
|
+
):hover,
|
|
39
|
+
.Theme_control_igcEffect
|
|
40
|
+
.TextField-InputContainer_view_default.TextField-InputContainer_focus {
|
|
41
|
+
border-color: var(--color-control-bg-border-secondary);
|
|
42
|
+
box-shadow: 0px 0px 0px 4px var(--royal-blue);
|
|
43
|
+
}
|