Icon component setup & bg image (#133)

This commit is contained in:
Mike Stone 2016-09-08 08:50:44 -04:00 committed by Mike Arpaia
parent 8bf2b7ee7b
commit a0a035f2c4
8 changed files with 521 additions and 5 deletions

View File

@ -0,0 +1,25 @@
import React, { Component, PropTypes } from 'react';
import radium from 'radium';
import KolideLoginBackground from './svg/KolideLoginBackground';
class Icon extends Component {
static propTypes = {
alt: PropTypes.string,
name: PropTypes.string,
style: PropTypes.object,
variant: PropTypes.string,
};
static iconNames = {
kolideLoginBackground: KolideLoginBackground,
};
render () {
const { alt, name, style, variant } = this.props;
const IconComponent = Icon.iconNames[name];
return <IconComponent alt={alt} style={style} variant={variant} />;
}
}
export default radium(Icon);

View File

@ -0,0 +1,430 @@
/* eslint-disable */
import React, { Component } from 'react';
import base, { basePropTypes } from '../base';
export class KolideLoginBackground extends Component {
static propTypes = {
...basePropTypes,
};
static variants = {
default: (
<g id="x9gtaJ_1_">
<g>
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="183,301 0,587 0,442 183,301" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1991,352 2041,353 1991,352" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="785,782 786,782 785,835 785,782" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="2057,944 2058,945 2058,983 2057,944" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1637,950 1632,956 1637,950" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1430,959 1430,958 1451,959 1430,959" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1492,960 1492,959 1512,959 1512,960 1492,960" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1574,961 1554,960 1574,960 1574,961" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1574,961 1574,960 1595,960 1595,961 1574,961" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1595,961 1595,960 1616,961 1595,961" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2142,1029 2262,1059 2217,1061 2216,1061 2142,1030
2142,1029" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="2058,1040 2059,1098 2058,1040" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="1144,1058 1147,1057 1153,1072 1295,1316 1131,1316
1131,1311 1132,1301 1132,1292 1133,1282 1133,1272 1134,1262 1134,1252 1135,1242 1135,1232 1136,1222 1137,1193 1138,1183
1138,1173 1139,1163 1139,1153 1140,1143 1140,1133 1141,1123 1142,1094 1143,1084 1143,1074 1144,1064 1144,1058" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="2315,1316 2266,1059 2271,1066 2288,1083 2295,1090
2312,1108 2318,1115 2335,1132 2342,1139 2359,1157 2365,1164 2383,1182 2389,1188 2406,1206 2412,1213 2430,1231 2436,1237
2453,1255 2459,1262 2477,1280 2483,1286 2500,1304 2500,1316 2315,1316" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="245,1072 283,1071 245,1072" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1234,1076 1234,1075 1245,1076 1234,1076" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1276,1076 1287,1077 1276,1076" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1318,1077 1329,1078 1318,1077" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1360,1078 1370,1079 1360,1078" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1402,1079 1412,1080 1402,1079" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1443,1080 1454,1081 1443,1080" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1485,1081 1496,1082 1485,1081" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="2059,1155 2060,1196 2059,1198 2059,1155" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1969,0 2182,157 2212,177 2213,178 2211,179 2056,163
1998,160 1780,210 1780,209 1822,0 1823,0 2001,157 1969,0" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1182,174 1187,170 1298,342 1298,343 1021,361 1024,356
1182,174" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="0,0 0,-1 2500,-1 2500,0 2281,0 2212,177 2182,157
1969,0 1823,0 1822,0 1678,0 1487,134 1483,135 1187,170 1182,174 1074,268 1206,0 1054,0 840,0 699,0 596,0 595,0 179,0 0,0
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="423,131 595,0 596,0 496,239 495,241 494,241 426,132
413,326 185,299 423,131" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="0,249 133,161 184,298 0,251 0,249" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="496,239 596,0 699,0 700,2 674,30 547,180 496,239" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="840,1 1071,269 834,191 832,190 831,188 840,1" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1487,134 1678,0 1679,2 1688,232 1779,209 1780,209
1780,210 1746,332 1746,333 1688,233 1686,235 1502,469 1488,143 1487,134" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1969,0 2001,157 1823,0 1969,0" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="2281,0 2500,0 2500,173 2285,4 2281,0" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="133,161 423,131 185,299 248,504 246,505 0,591 0,587
183,301 184,298 133,161" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="2285,4 2393,120 2395,125 2213,178 2212,177 2281,0
2285,4" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="2393,120 2500,178 2500,197 2290,300 2394,128 2395,125
2393,120" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="1779,209 1688,232 1679,2 1779,209" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="2393,120 2285,4 2500,173 2500,178 2393,120" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="792,119 809,148 815,160 816,161 819,171 792,133
789,129 792,119" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="789,129 792,133 789,145 769,369 767,369 511,250
495,245 494,241 495,241 784,121 789,129" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="2213,178 2395,125 2166,351 2211,179 2213,178" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="2395,125 2394,128 2166,353 2165,353 2166,351 2395,125
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="472,543 472,544 472,545 315,568 520,706 532,712
533,713 474,709 290,694 289,694 307,600 311,571 310,571 412,327 472,543" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FFFFFF" points="0,834 245,507 121,819 120,821 0,837 0,834" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1483,135 1487,134 1488,143 1487,136 1484,138 1486,136
1483,135" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1484,138 1299,342 1298,342 1187,170 1483,135 1486,136
1484,138" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="815,160 809,148 815,160" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1780,210 1998,160 1747,332 1746,332 1780,210" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="816,161 830,186 828,186 819,171 816,161" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1074,268 1182,174 1024,356 1023,357 1072,270 1074,268
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="869,266 828,186 830,186 831,188 832,190 869,266" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="1016,360 834,191 1071,269 1072,269 1072,270 1023,357
1024,356 1021,361 1298,343 1298,344 1038,488 1036,489 921,503 920,503 915,456 892,312 892,311 894,313 1036,487 1019,363
1016,360" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="869,266 832,190 834,191 1016,360 894,313 892,311
869,266" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="2500,477 2289,303 2289,309 2288,302 2166,353 2394,128
2290,300 2500,197 2500,477" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FFFFFF" points="2289,309 2289,303 2500,477 2500,499 2311,565 2310,558
2289,309" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1686,235 1688,233 1746,333 1746,332 1747,332 1751,334
1746,336 1745,334 1639,446 1686,235" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1686,235 1639,446 1639,447 1409,648 1407,648 1501,469
1502,469 1686,235" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1409,648 1639,447 1641,449 1633,470 1589,636 1579,637
1577,637 1567,638 1564,638 1554,639 1552,639 1542,640 1539,640 1529,641 1527,641 1517,642 1514,642 1504,643 1502,643
1492,644 1489,644 1479,645 1477,645 1467,646 1464,646 1454,647 1452,647 1442,648 1439,648 1429,649 1427,649 1417,650
1414,650 1409,648" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1016,360 1019,363 1036,487 894,313 1016,360" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="921,503 1036,489 1035,491 854,827 853,827 921,503
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="472,545 472,544 476,546 783,739 534,715 468,1007
467,1007 297,709 290,694 474,709 533,713 532,712 472,545" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1807,595 1641,449 1639,447 1639,446 1745,334 1746,336
1807,595" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FFFFFF" points="1641,449 1807,595 1807,597 1806,597 1786,600 1776,602
1775,602 1765,604 1682,619 1672,621 1671,621 1661,623 1589,636 1633,470 1641,449" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1383,727 1206,562 1207,561 1405,649 1406,650 1383,727
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1038,488 1037,489 1079,508 1164,544 1207,560 1207,561
1206,562 1001,716 1000,716 1035,491 1036,489 1038,488" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="1944,352 1991,352 2041,353 2165,353 2165,354 2132,586
1999,497 1944,353 1944,352" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1776,602 1786,600 1776,602" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1765,604 1775,602 1765,604" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1672,621 1682,619 1672,621" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1661,623 1671,621 1661,623" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="854,827 1035,491 1000,716 997,719 856,827 854,827
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="2095,810 2309,566 2310,563 2310,558 2311,565 2311,566
2339,697 2337,698 2095,810" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1874,719 1999,497 2132,586 2309,566 2095,810 2094,811
2093,811 2136,1029 2060,1196 2059,1155 2059,1098 2058,1040 2058,983 2058,945 2135,1025 2058,914 1910,788 1907,785 2092,811
2131,588 1961,735 1905,783 1874,719" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="2339,697 2311,566 2500,804 2500,814 2340,698 2339,697
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="476,546 717,598 719,598 848,823 786,742 783,739
476,546" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="1206,562 1383,727 1383,729 1348,752 1313,775 1295,803
1243,889 1244,891 1242,897 1242,892 1122,804 1061,761 1001,720 997,719 1000,716 1001,716 1311,775 1206,562" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1806,597 1650,783 1647,784 1646,782 1589,637 1579,637
1589,636 1661,623 1671,621 1672,621 1682,619 1765,604 1775,602 1776,602 1786,600 1806,597" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1406,650 1407,648 1409,648 1414,650 1408,651 1645,782
1646,783 1614,777 1417,735 1385,728 1384,732 1383,729 1383,727 1406,650" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="120,821 121,819 310,571 311,571 307,600 289,694
120,821" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2340,698 2500,869 2500,904 2358,1026 2357,1026
2357,1025 2337,698 2339,697 2340,698" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="2500,869 2340,698 2500,814 2500,869" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="2358,1026 2500,904 2500,1066 2266,1059 2353,1028
2358,1026" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="2094,811 2357,1025 2357,1026 2301,1026 2353,1028
2266,1059 2315,1316 2237,1316 2260,1091 2262,1059 2142,1029 2136,1029 2093,811 2094,811" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="468,1007 534,715 783,739 786,742 786,782 785,782
785,743 470,1006 468,1007" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="856,827 853,830 892,971 794,904 790,903 786,899
785,897 819,863 851,829 853,827 854,827 856,827" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1726,869 1739,856 1728,868 1726,869" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1779,815 1819,775 1779,815" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="1845,748 1819,775 1779,815 1739,856 1726,869 1730,870
1730,871 1726,873 1725,871 1653,935 1653,934 1836,756 1845,748" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1836,756 1858,735 1845,748 1836,756" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1858,735 1873,720 1873,719 1874,719 1905,783 1961,735
2131,588 2092,811 1907,785 1728,868 1739,856 1779,815 1819,775 1845,748 1858,735" />
<path fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" d="M1836,756l-183,178l-14,14l14-13l72-64l1,2l87,291l-11-10
l-177-193h-9l-21-1h-21h-20h-21l-21-1h-20h-21h-20l-21-1h-28v-1l245-173l3-1l223-63l-15,15L1836,756L1836,756z M1632,956l5-6
L1632,956L1632,956z" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1653,934 1653,935 1639,948 1653,934" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1511,1081 1244,891 1382,950 1400,956 1402,957
1402,958 1402,959 1511,1081" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="785,888 785,897 786,899 784,899 780,902 782,899
785,888" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="785,782 785,835 785,888 782,899 470,1006 785,743
785,782" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="1910,788 2058,914 2135,1025 2058,945 2057,944
2043,929 2025,910 1910,788" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1910,788 2025,910 1730,871 1730,870 1726,869 1728,868
1907,785 1910,788" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="46,885 105,945 0,841 0,840 46,885" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="46,885 0,840 0,839 46,885" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="470,1006 782,899 780,902 503,1158 500,1160 468,1007
470,1006" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="790,903 804,917 803,917 790,903" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="803,917 804,917 817,931 803,917" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="818,932 832,945 832,946 818,932" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="832,946 846,960 832,946" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="846,960 860,974 859,974 846,960" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="859,974 860,974 873,988 859,974" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="874,989 888,1002 888,1003 874,989" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="888,1003 902,1017 888,1003" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="902,1017 916,1031 915,1031 902,1017" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="915,1031 916,1031 930,1046 915,1031" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="930,1046 944,1059 944,1060 930,1046" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="944,1060 956,1071 892,971 853,830 856,827 997,719
1001,720 1101,1011 964,1074 959,1075 958,1075 944,1060" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="503,1158 780,902 784,899 660,1147 655,1162 653,1164
532,1316 525,1316 501,1161 503,1158" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FFFFFF" points="790,903 794,904 892,971 956,1071 944,1060 944,1059
916,1031 902,1017 888,1003 888,1002 860,974 846,960 832,946 832,945 804,917 790,903" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="944,1059 930,1046 916,1031 944,1059" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="888,1002 874,989 873,988 860,974 888,1002" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="832,945 818,932 817,931 804,917 832,945" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="106,946 180,1072 181,1073 180,1075 159,1080 0,1129
0,1125 104,947 106,946" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="1540,1110 1541,1111 1534,1104 1514,1084 1513,1083
1511,1081 1402,959 1430,959 1451,959 1471,959 1492,960 1512,960 1533,960 1554,960 1574,961 1595,961 1616,961 1625,961
1573,1142 1558,1129 1540,1110" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1534,1104 1541,1111 1540,1110 1534,1104" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1514,1084 1534,1104 1540,1110 1558,1129 1573,1142
1625,961 1802,1154 1813,1164 1817,1167 1819,1170 1816,1170 1814,1171 1814,1170 1573,1145 1622,1311 1514,1084" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="322,1071 363,1066 364,1067 415,1038 465,1009 467,1007
468,1007 500,1160 362,1072 361,1074 358,1072 357,1071 322,1071" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="184,1072 434,1008 363,1066 322,1071 283,1071 245,1072
206,1072 184,1072" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="434,1008 465,1009 415,1038 364,1067 363,1066 434,1008
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1228,1073 1104,1012 1143,1056 1141,1057 964,1074
1101,1011 1001,720 1061,761 1122,804 1242,892 1242,897 1242,902 1241,917 1241,922 1240,937 1240,942 1239,956 1239,962
1238,976 1238,981 1237,996 1237,1001 1236,1016 1236,1021 1235,1036 1235,1041 1234,1056 1234,1061 1231,1075 1228,1073" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1141,1057 1143,1056 1104,1012 1228,1073 1147,1057
1144,1058 1136,1066 1141,1057" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="2136,1029 2142,1029 2142,1030 2216,1061 1952,1305
1987,1270 2006,1251 2025,1232 2059,1198 2060,1196 2136,1029" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1987,1270 2006,1251 1987,1270" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2006,1251 2025,1232 2006,1251" />
<path fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" d="M964,1074l177-17l-5,9l8-8v6l-1,10v10l-1,10l-1,29l-1,10v10
l-1,10v10l-1,10v10l-1,10l-1,29l-1,10v10l-1,10v10l-1,10v10l-1,10v9l-1,10v5H903l6-7l-8,7h-4l62-241L964,1074L964,1074z
M1125,1078l9-11L1125,1078L1125,1078z M1111,1093l8-11L1111,1093L1111,1093z M1097,1108l8-11L1097,1108L1097,1108z M1083,1123
l9-12L1083,1123L1083,1123z M1069,1138l9-12L1069,1138L1069,1138z M1052,1155l9-11L1052,1155L1052,1155z M1038,1170l9-11
L1038,1170L1038,1170z M1025,1185l11-14L1025,1185L1025,1185z M1011,1200l12-14L1011,1200L1011,1200z M997,1215l12-14L997,1215
L997,1215z M986,1227l9-11L986,1227L986,1227z M972,1242l8-11L972,1242L972,1242z M958,1257l8-11L958,1257L958,1257z M944,1272
l9-12L944,1272L944,1272z M927,1289l12-14L927,1289L927,1289z M913,1304l9-11L913,1304L913,1304z" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1134,1067 1125,1078 1134,1067" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1119,1082 1111,1093 1119,1082" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1105,1097 1097,1108 1105,1097" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1092,1111 1083,1123 1092,1111" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1078,1126 1069,1138 1078,1126" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1061,1144 1052,1155 1061,1144" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1047,1159 1038,1170 1047,1159" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1036,1171 1025,1185 1036,1171" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1023,1186 1011,1200 1023,1186" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1009,1201 997,1215 1009,1201" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="995,1216 986,1227 995,1216" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="980,1231 972,1242 980,1231" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="966,1246 958,1257 966,1246" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="953,1260 944,1272 953,1260" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="939,1275 927,1289 939,1275" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="922,1293 913,1304 922,1293" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2271,1066 2288,1083 2271,1066" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2295,1090 2312,1108 2295,1090" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2318,1115 2335,1132 2318,1115" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2342,1139 2359,1157 2342,1139" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2365,1164 2383,1182 2365,1164" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2389,1188 2406,1206 2389,1188" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2412,1213 2430,1231 2412,1213" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2436,1237 2453,1255 2436,1237" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2459,1262 2477,1280 2459,1262" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2483,1286 2500,1303 2500,1304 2483,1286" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1952,1305 2216,1061 2217,1061 2236,1316 1941,1316
1952,1305" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="357,1071 164,1316 159,1316 180,1075 181,1073 206,1072
245,1072 283,1071 322,1071 357,1071" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="164,1316 357,1071 358,1072 305,1316 164,1316" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="956,1076 958,1075 959,1075 897,1316 759,1316 956,1076
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1496,1082 1511,1081 1513,1083 1487,1316 1479,1316
1234,1077 1234,1076 1245,1076 1276,1076 1287,1077 1318,1077 1329,1078 1360,1078 1370,1079 1402,1079 1412,1080 1443,1080
1454,1081 1485,1081 1496,1082" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1816,1170 1927,1316 1788,1316 1814,1171 1816,1170
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1952,1305 1941,1316 1927,1316 1816,1170 1819,1170
2059,1198 2025,1232 2006,1251 1987,1270 1952,1305" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="699,0 840,0 840,1 831,188 830,186 816,161 815,160
809,148 792,119 700,2 699,0" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="179,0 0,247 0,0 179,0" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="700,2 792,119 789,129 784,121 495,241 496,239 547,180
674,30 700,2" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1054,0 1072,269 1071,269 840,1 840,0 1054,0" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="1488,143 1502,469 1501,469 1299,343 1299,342 1484,138
1487,136 1488,143" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="0,251 184,298 183,301 0,442 0,251" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1072,269 1054,0 1206,0 1074,268 1072,270 1072,269
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="892,312 915,456 920,503 719,598 717,598 529,355
529,353 767,369 769,369 892,312" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1747,332 1998,160 2056,163 2211,179 2166,351 2165,353
2041,353 1991,352 1944,352 1751,334 1747,332" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="1751,334 1944,352 1944,353 1807,595 1746,336 1751,334
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1299,343 1501,469 1407,648 1406,650 1405,649 1299,343
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1944,353 1999,497 1874,719 1873,719 1872,719 1807,597
1807,595 1944,353" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="2165,354 2310,563 2309,566 2132,586 2165,354" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1038,488 1298,344 1207,560 1164,544 1079,508 1037,489
1038,488" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="245,507 0,834 0,591 246,505 245,507" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="472,543 529,355 717,598 476,546 472,544 472,543" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="472,545 532,712 520,706 315,568 472,545" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1207,560 1298,344 1298,343 1298,342 1299,342 1299,343
1405,649 1207,561 1207,560" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1567,638 1577,637 1567,638" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1579,637 1589,637 1646,782 1645,782 1408,651 1414,650
1417,650 1427,649 1429,649 1439,648 1442,648 1452,647 1454,647 1464,646 1467,646 1477,645 1479,645 1489,644 1492,644
1502,643 1504,643 1514,642 1517,642 1527,641 1529,641 1539,640 1542,640 1552,639 1554,639 1564,638 1567,638 1577,637
1579,637" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1554,639 1564,638 1554,639" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1542,640 1552,639 1542,640" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1529,641 1539,640 1529,641" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1517,642 1527,641 1517,642" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1504,643 1514,642 1504,643" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1492,644 1502,643 1492,644" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1479,645 1489,644 1479,645" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1467,646 1477,645 1467,646" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1454,647 1464,646 1454,647" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1442,648 1452,647 1442,648" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1429,649 1439,648 1429,649" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="1417,650 1427,649 1417,650" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1206,562 1311,775 1001,716 1206,562" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="1873,720 1650,783 1806,597 1807,597 1872,719 1873,719
1873,720" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="0,837 120,821 105,945 46,885 0,839 0,837" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1730,871 2025,910 2043,929 1817,1167 1813,1164
1726,873 1730,871" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="1244,891 1243,889 1295,803 1313,775 1348,752 1383,729
1384,732 1400,956 1382,950 1244,891" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="1244,891 1511,1081 1496,1082 1485,1081 1454,1081
1443,1080 1412,1080 1402,1079 1370,1079 1360,1078 1329,1078 1318,1077 1287,1077 1276,1076 1245,1076 1234,1075 1234,1061
1234,1056 1235,1041 1235,1036 1236,1021 1236,1016 1237,1001 1237,996 1238,981 1238,976 1239,962 1239,956 1240,942 1240,937
1241,922 1241,917 1242,902 1242,897 1244,891" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1242,902 1241,917 1242,902" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1241,922 1240,937 1241,922" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="104,947 0,1125 0,841 105,945 104,947" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1240,942 1239,956 1240,942" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1239,962 1238,976 1239,962" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1238,981 1237,996 1238,981" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FFFFFF" points="434,1006 297,709 467,1007 434,1006" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="430,1006 434,1006 467,1007 465,1009 434,1008 430,1006
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1237,1001 1236,1016 1237,1001" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="2357,1026 2358,1026 2353,1028 2301,1026 2357,1026
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1236,1021 1235,1036 1236,1021" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1235,1041 1234,1056 1235,1041" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1147,1057 1228,1073 1231,1075 1234,1061 1234,1075
1234,1076 1234,1077 1298,1316 1295,1316 1153,1072 1147,1057" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="2266,1059 2500,1066 2500,1303 2483,1286 2477,1280
2459,1262 2453,1255 2436,1237 2430,1231 2412,1213 2406,1206 2389,1188 2383,1182 2365,1164 2359,1157 2342,1139 2335,1132
2318,1115 2312,1108 2295,1090 2288,1083 2271,1066 2266,1059" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="180,1072 106,946 430,1006 434,1008 184,1072 180,1072
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1144,1064 1143,1074 1144,1064" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="180,1072 184,1072 206,1072 181,1073 180,1072" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="361,1074 521,1316 305,1316 358,1072 361,1074" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1143,1084 1142,1094 1143,1084" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="180,1075 159,1316 0,1316 0,1129 159,1080 180,1075
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1141,1123 1140,1133 1141,1123" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1140,1143 1139,1153 1140,1143" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1139,1163 1138,1173 1139,1163" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="653,1164 749,1316 532,1316 653,1164" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="1814,1171 1788,1316 1635,1316 1814,1170 1814,1171
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1138,1183 1137,1193 1138,1183" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1136,1222 1135,1232 1136,1222" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1135,1242 1134,1252 1135,1242" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1134,1262 1133,1272 1134,1262" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1133,1282 1132,1292 1133,1282" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1132,1301 1131,1311 1132,1301" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="749,1316 653,1164 655,1162 956,1076 759,1316 749,1316
" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="1298,1316 1234,1077 1479,1316 1298,1316" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F6F6F6" points="521,1316 361,1074 362,1072 500,1160 503,1158 501,1161
525,1316 521,1316" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="786,742 848,823 851,829 819,863 785,897 785,888
785,835 786,782 786,742" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="2043,929 2057,944 2058,983 2058,1040 2059,1098
2059,1155 2059,1198 1819,1170 1817,1167 2043,929" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1512,959 1533,960 1512,960 1512,959" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F7F7F7" points="1514,1084 1622,1311 1573,1145 1814,1170 1635,1316
1487,1316 1513,1083 1514,1084" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="495,245 511,250 767,369 529,353 495,245" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="2166,353 2288,302 2289,309 2310,558 2310,563 2165,354
2165,353 2166,353" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#ECECEC" points="120,821 289,694 290,694 297,709 434,1006 430,1006
106,946 104,947 105,945 120,821" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EDEDED" points="1471,959 1492,959 1492,960 1471,959" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="2311,565 2500,499 2500,804 2311,566 2311,565" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="920,503 921,503 853,827 851,829 848,823 719,598
920,503" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#E9E9E9" points="2217,1061 2262,1059 2260,1091 2237,1316 2236,1316
2217,1061" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FFFFFF" points="1678,0 1822,0 1780,209 1779,209 1679,2 1678,0" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="179,0 595,0 423,131 133,161 0,249 0,247 179,0" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FFFFFF" points="769,369 789,145 792,133 819,171 828,186 869,266
892,311 892,312 769,369" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#FDFDFD" points="494,241 495,245 529,353 529,355 472,543 412,327
310,571 121,819 245,507 246,505 248,504 185,299 413,326 426,132 494,241" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F1F1F1" points="1384,732 1385,728 1417,735 1614,777 1646,783 1645,782
1646,782 1647,784 1402,957 1400,956 1384,732" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#F3F3F3" points="1402,958 1430,958 1430,959 1402,959 1402,958" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="2095,810 2337,698 2357,1025 2094,811 2095,810" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="784,899 786,899 790,903 803,917 817,931 818,932
832,946 846,960 859,974 873,988 874,989 888,1003 902,1017 915,1031 930,1046 944,1060 958,1075 956,1076 655,1162 660,1147
784,899" />
<polygon fillRule="evenodd" clipRule="evenodd" fill="#EAEAEA" points="901,1316 909,1309 903,1316 901,1316" />
</g>
</g>
),
};
render () {
const { alt, style, variant } = this.props;
return (
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="2500px"
height="1316px"
viewBox="0 0 2500 1316"
enableBackground="new 0 0 2500 1316"
xmlSpace="preserve"
alt={alt}
style={style}
>
{KolideLoginBackground.variants[variant]}
</svg>
);
}
}
export default base(KolideLoginBackground);

View File

@ -0,0 +1 @@
export default from './KolideLoginBackground.svg.jsx';

View File

@ -0,0 +1,28 @@
import React, { Component, PropTypes } from 'react';
import { keys, pick } from 'lodash';
import radium from 'radium';
export const basePropTypes = {
alt: PropTypes.string,
style: PropTypes.object,
variant: PropTypes.string,
};
export default function (SVGComponent) {
class ComponentWrapper extends Component {
static propTypes = {
...basePropTypes,
};
static defaultProps = {
variant: 'default',
};
render () {
const svgProps = pick(this.props, keys(ComponentWrapper.propTypes));
return <SVGComponent {...svgProps} />;
}
}
return radium(ComponentWrapper);
}

View File

@ -0,0 +1,34 @@
import React from 'react';
import expect from 'expect';
import { mount } from 'enzyme';
import base from './base';
import { KolideLoginBackground } from './KolideLoginBackground/KolideLoginBackground.svg.jsx';
describe('base - svg HOC', () => {
const WrappedComponent = base(KolideLoginBackground);
const mountedComponent = mount(
<WrappedComponent alt="image alt" fakeProp="fake" name="component name" />
);
it('renders a wrapped component', () => {
expect(mountedComponent).toExist();
});
it('filters out unwanted props', () => {
expect(mountedComponent.find(KolideLoginBackground).props()).toEqual({
alt: 'image alt',
variant: 'default',
});
});
it('allows overriding the default variant prop', () => {
const Component = base(KolideLoginBackground);
const mounted = mount(
<Component variant="my variant" />
);
expect(mounted.find(KolideLoginBackground).props()).toContain({
variant: 'my variant',
});
});
});

View File

@ -2,7 +2,6 @@
<html data-uuid="{{ .UUID }}">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/assets/bundle.css">
<title>Kolide</title>
</head>
<body>

View File

@ -31,7 +31,6 @@
"history": "2.0.0",
"jsdom": "^9.5.0",
"lodash": "^4.3.0",
"normalize.css": "4.2.0",
"postcss-functions": "^2.1.0",
"postcss-loader": "^0.8.0",
"precss": "^1.4.0",
@ -47,6 +46,7 @@
"redux-thunk": "^2.1.0",
"style-loader": "^0.13.0",
"stylus-loader": "1.5.1",
"url-loader": "^0.5.7",
"webpack": "1.13.1",
"webpack-dev-middleware": "^1.5.1",
"webpack-hot-middleware": "^2.7.1",

View File

@ -36,9 +36,8 @@ var config = {
plugins: plugins,
module: {
loaders: [
{test: /\.(png|gif)$/, loader: 'url-loader?name=[name]@[hash].[ext]&limit=5000'},
{test: /\.svg$/, loader: 'url-loader?name=[name]@[hash].[ext]&limit=5000!svgo-loader?useConfig=svgo1'},
{test: /\.(pdf|ico|jpg|eot|otf|woff|ttf|mp4|webm)$/, loader: 'file-loader?name=[name]@[hash].[ext]'},
{test: /\.(png|gif)$/, loader: 'url-loader?name=[name]@[hash].[ext]&limit=6000'},
{test: /\.(pdf|ico|jpg|svg|eot|otf|woff|ttf|mp4|webm)$/, loader: 'file-loader?name=[name]@[hash].[ext]'},
{test: /\.json$/, loader: 'json-loader'},
{
test: /\.jsx?$/,