Skip to content

Commit 258d478

Browse files
jazibjoharjazibjohar
committed
Adding lib and dist to make module work directly from the repo
1 parent c60f91c commit 258d478

22 files changed

+42457
-0
lines changed

‎dist/smb-react-selection.css

+373
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,373 @@
1+
/**
2+
* React Select
3+
* ============
4+
* Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
5+
* https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
6+
* MIT License: https://github.com/JedWatson/react-select
7+
*/
8+
.Select {
9+
position: relative;
10+
}
11+
.Select,
12+
.Select div,
13+
.Select input,
14+
.Select span {
15+
-webkit-box-sizing: border-box;
16+
-moz-box-sizing: border-box;
17+
box-sizing: border-box;
18+
}
19+
.Select.is-disabled > .Select-control {
20+
background-color: #f9f9f9;
21+
}
22+
.Select.is-disabled > .Select-control:hover {
23+
box-shadow: none;
24+
}
25+
.Select.is-disabled .Select-arrow-zone {
26+
cursor: default;
27+
pointer-events: none;
28+
opacity: 0.35;
29+
}
30+
.Select-control {
31+
background-color: #fff;
32+
border-color: #d9d9d9 #ccc #b3b3b3;
33+
border-radius: 4px;
34+
border: 1px solid #ccc;
35+
color: #333;
36+
cursor: default;
37+
display: table;
38+
border-spacing: 0;
39+
border-collapse: separate;
40+
height: 36px;
41+
outline: none;
42+
overflow: hidden;
43+
position: relative;
44+
width: 100%;
45+
}
46+
.Select-control:hover {
47+
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
48+
}
49+
.Select-control .Select-input:focus {
50+
outline: none;
51+
}
52+
.is-searchable.is-open > .Select-control {
53+
cursor: text;
54+
}
55+
.is-open > .Select-control {
56+
border-bottom-right-radius: 0;
57+
border-bottom-left-radius: 0;
58+
background: #fff;
59+
border-color: #b3b3b3 #ccc #d9d9d9;
60+
}
61+
.is-open > .Select-control > .Select-arrow {
62+
border-color: transparent transparent #999;
63+
border-width: 0 5px 5px;
64+
}
65+
.is-searchable.is-focused:not(.is-open) > .Select-control {
66+
cursor: text;
67+
}
68+
.is-focused:not(.is-open) > .Select-control {
69+
border-color: #007eff;
70+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
71+
}
72+
.Select-placeholder,
73+
.Select--single > .Select-control .Select-value {
74+
bottom: 0;
75+
color: #aaa;
76+
left: 0;
77+
line-height: 34px;
78+
padding-left: 10px;
79+
padding-right: 10px;
80+
position: absolute;
81+
right: 0;
82+
top: 0;
83+
max-width: 100%;
84+
overflow: hidden;
85+
text-overflow: ellipsis;
86+
white-space: nowrap;
87+
}
88+
.has-value.Select--single > .Select-control .Select-value .Select-value-label,
89+
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
90+
color: #333;
91+
}
92+
.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
93+
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
94+
cursor: pointer;
95+
text-decoration: none;
96+
}
97+
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
98+
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
99+
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
100+
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
101+
color: #007eff;
102+
outline: none;
103+
text-decoration: underline;
104+
}
105+
.Select-input {
106+
height: 34px;
107+
padding-left: 10px;
108+
padding-right: 10px;
109+
vertical-align: middle;
110+
}
111+
.Select-input > input {
112+
width: 100%;
113+
background: none transparent;
114+
border: 0 none;
115+
box-shadow: none;
116+
cursor: default;
117+
display: inline-block;
118+
font-family: inherit;
119+
font-size: inherit;
120+
margin: 0;
121+
outline: none;
122+
line-height: 14px;
123+
/* For IE 8 compatibility */
124+
padding: 8px 0 12px;
125+
/* For IE 8 compatibility */
126+
-webkit-appearance: none;
127+
}
128+
.is-focused .Select-input > input {
129+
cursor: text;
130+
}
131+
.has-value.is-pseudo-focused .Select-input {
132+
opacity: 0;
133+
}
134+
.Select-control:not(.is-searchable) > .Select-input {
135+
outline: none;
136+
}
137+
.Select-loading-zone {
138+
cursor: pointer;
139+
display: table-cell;
140+
position: relative;
141+
text-align: center;
142+
vertical-align: middle;
143+
width: 16px;
144+
}
145+
.Select-loading {
146+
-webkit-animation: Select-animation-spin 400ms infinite linear;
147+
-o-animation: Select-animation-spin 400ms infinite linear;
148+
animation: Select-animation-spin 400ms infinite linear;
149+
width: 16px;
150+
height: 16px;
151+
box-sizing: border-box;
152+
border-radius: 50%;
153+
border: 2px solid #ccc;
154+
border-right-color: #333;
155+
display: inline-block;
156+
position: relative;
157+
vertical-align: middle;
158+
}
159+
.Select-clear-zone {
160+
-webkit-animation: Select-animation-fadeIn 200ms;
161+
-o-animation: Select-animation-fadeIn 200ms;
162+
animation: Select-animation-fadeIn 200ms;
163+
color: #999;
164+
cursor: pointer;
165+
display: table-cell;
166+
position: relative;
167+
text-align: center;
168+
vertical-align: middle;
169+
width: 17px;
170+
}
171+
.Select-clear-zone:hover {
172+
color: #D0021B;
173+
}
174+
.Select-clear {
175+
display: inline-block;
176+
font-size: 18px;
177+
line-height: 1;
178+
}
179+
.Select--multi .Select-clear-zone {
180+
width: 17px;
181+
}
182+
.Select-arrow-zone {
183+
cursor: pointer;
184+
display: table-cell;
185+
position: relative;
186+
text-align: center;
187+
vertical-align: middle;
188+
width: 25px;
189+
padding-right: 5px;
190+
}
191+
.Select-arrow {
192+
border-color: #999 transparent transparent;
193+
border-style: solid;
194+
border-width: 5px 5px 2.5px;
195+
display: inline-block;
196+
height: 0;
197+
width: 0;
198+
}
199+
.is-open .Select-arrow,
200+
.Select-arrow-zone:hover > .Select-arrow {
201+
border-top-color: #666;
202+
}
203+
.Select--multi .Select-multi-value-wrapper {
204+
display: inline-block;
205+
}
206+
.Select .Select-aria-only {
207+
display: inline-block;
208+
height: 1px;
209+
width: 1px;
210+
margin: -1px;
211+
clip: rect(0, 0, 0, 0);
212+
overflow: hidden;
213+
float: left;
214+
}
215+
@-webkit-keyframes Select-animation-fadeIn {
216+
from {
217+
opacity: 0;
218+
}
219+
to {
220+
opacity: 1;
221+
}
222+
}
223+
@keyframes Select-animation-fadeIn {
224+
from {
225+
opacity: 0;
226+
}
227+
to {
228+
opacity: 1;
229+
}
230+
}
231+
.Select-menu-outer {
232+
border-bottom-right-radius: 4px;
233+
border-bottom-left-radius: 4px;
234+
background-color: #fff;
235+
border: 1px solid #ccc;
236+
border-top-color: #e6e6e6;
237+
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
238+
box-sizing: border-box;
239+
margin-top: -1px;
240+
max-height: 200px;
241+
position: absolute;
242+
top: 100%;
243+
width: 100%;
244+
z-index: 1;
245+
-webkit-overflow-scrolling: touch;
246+
}
247+
.Select-menu {
248+
max-height: 198px;
249+
overflow-y: auto;
250+
}
251+
.Select-option {
252+
box-sizing: border-box;
253+
background-color: #fff;
254+
color: #666666;
255+
cursor: pointer;
256+
display: block;
257+
padding: 8px 10px;
258+
}
259+
.Select-option:last-child {
260+
border-bottom-right-radius: 4px;
261+
border-bottom-left-radius: 4px;
262+
}
263+
.Select-option.is-selected {
264+
background-color: #f5faff;
265+
/* Fallback color for IE 8 */
266+
background-color: rgba(0, 126, 255, 0.04);
267+
color: #333;
268+
}
269+
.Select-option.is-focused {
270+
background-color: #ebf5ff;
271+
/* Fallback color for IE 8 */
272+
background-color: rgba(0, 126, 255, 0.08);
273+
color: #333;
274+
}
275+
.Select-option.is-disabled {
276+
color: #cccccc;
277+
cursor: default;
278+
}
279+
.Select-noresults {
280+
box-sizing: border-box;
281+
color: #999999;
282+
cursor: default;
283+
display: block;
284+
padding: 8px 10px;
285+
}
286+
.Select--multi .Select-input {
287+
vertical-align: middle;
288+
margin-left: 10px;
289+
padding: 0;
290+
}
291+
.Select--multi.has-value .Select-input {
292+
margin-left: 5px;
293+
}
294+
.Select--multi .Select-value {
295+
background-color: #ebf5ff;
296+
/* Fallback color for IE 8 */
297+
background-color: rgba(0, 126, 255, 0.08);
298+
border-radius: 2px;
299+
border: 1px solid #c2e0ff;
300+
/* Fallback color for IE 8 */
301+
border: 1px solid rgba(0, 126, 255, 0.24);
302+
color: #007eff;
303+
display: inline-block;
304+
font-size: 0.9em;
305+
line-height: 1.4;
306+
margin-left: 5px;
307+
margin-top: 5px;
308+
vertical-align: top;
309+
}
310+
.Select--multi .Select-value-icon,
311+
.Select--multi .Select-value-label {
312+
display: inline-block;
313+
vertical-align: middle;
314+
}
315+
.Select--multi .Select-value-label {
316+
border-bottom-right-radius: 2px;
317+
border-top-right-radius: 2px;
318+
cursor: default;
319+
padding: 2px 5px;
320+
}
321+
.Select--multi a.Select-value-label {
322+
color: #007eff;
323+
cursor: pointer;
324+
text-decoration: none;
325+
}
326+
.Select--multi a.Select-value-label:hover {
327+
text-decoration: underline;
328+
}
329+
.Select--multi .Select-value-icon {
330+
cursor: pointer;
331+
border-bottom-left-radius: 2px;
332+
border-top-left-radius: 2px;
333+
border-right: 1px solid #c2e0ff;
334+
/* Fallback color for IE 8 */
335+
border-right: 1px solid rgba(0, 126, 255, 0.24);
336+
padding: 1px 5px 3px;
337+
}
338+
.Select--multi .Select-value-icon:hover,
339+
.Select--multi .Select-value-icon:focus {
340+
background-color: #d8eafd;
341+
/* Fallback color for IE 8 */
342+
background-color: rgba(0, 113, 230, 0.08);
343+
color: #0071e6;
344+
}
345+
.Select--multi .Select-value-icon:active {
346+
background-color: #c2e0ff;
347+
/* Fallback color for IE 8 */
348+
background-color: rgba(0, 126, 255, 0.24);
349+
}
350+
.Select--multi.is-disabled .Select-value {
351+
background-color: #fcfcfc;
352+
border: 1px solid #e3e3e3;
353+
color: #333;
354+
}
355+
.Select--multi.is-disabled .Select-value-icon {
356+
cursor: not-allowed;
357+
border-right: 1px solid #e3e3e3;
358+
}
359+
.Select--multi.is-disabled .Select-value-icon:hover,
360+
.Select--multi.is-disabled .Select-value-icon:focus,
361+
.Select--multi.is-disabled .Select-value-icon:active {
362+
background-color: #fcfcfc;
363+
}
364+
@keyframes Select-animation-spin {
365+
to {
366+
transform: rotate(1turn);
367+
}
368+
}
369+
@-webkit-keyframes Select-animation-spin {
370+
to {
371+
-webkit-transform: rotate(1turn);
372+
}
373+
}

0 commit comments

Comments
 (0)