sharedui2 0.1.0

package/src/assets/workspaceVertical.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="232px" height="104px" viewBox="0 0 232 104" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
+    <title>Logos/Workspace - Vertical</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="215.552515 7.59948105 229.62722 7.59948105 229.62722 24.5937603 215.552515 24.5937603"></polygon>
+        <polygon id="path-3" points="0 0.375752113 54.6235831 0.375752113 54.6235831 54.9994141 0 54.9994141"></polygon>
+    </defs>
+    <g id="Logos/Workspace---Vertical" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Type" transform="translate(1.000000, 72.000000)">
+            <path d="M11.1090608,24.5609388 C7.56297143,24.5609388 4.97433239,23.6041066 3.34190744,21.6904422 C1.70886439,19.7773959 0.893579074,16.7777146 0.893579074,12.6913983 C0.893579074,8.58344821 1.70886439,5.57820394 3.34190744,3.6750474 C4.97433239,1.77312708 7.56297143,0.821239759 11.1090608,0.821239759 C12.0170624,0.821239759 12.930627,0.913956056 13.8497545,1.09753433 C14.768264,1.2811126 15.5087581,1.54628121 16.071237,1.89180394 C16.5681964,2.19467718 16.8766326,2.52969207 16.9953095,2.89684861 C17.1139863,3.26462326 17.0762817,3.64290575 16.8815775,4.03231421 C16.6436056,4.44335646 16.3469135,4.69678101 15.9896467,4.79444217 C15.632998,4.89148523 15.2281368,4.85439871 14.773827,4.68071018 C14.2113481,4.48600596 13.6222905,4.31355364 13.0060362,4.16211702 C12.3904,4.0106804 11.7358229,3.93465304 11.0441594,3.93465304 C8.70956298,3.93465304 7.01718149,4.62693473 5.96886922,6.01026189 C4.91993883,7.39420716 4.3957827,9.62187074 4.3957827,12.6913983 C4.3957827,14.2267802 4.52558551,15.545206 4.78519115,16.6479118 C5.04417867,17.7499995 5.43853199,18.6586192 5.96886922,19.3719166 C6.49858833,20.0858321 7.18468893,20.6099882 8.02840724,20.9450031 C8.87150744,21.280018 9.87655211,21.4475255 11.0441594,21.4475255 C11.7358229,21.4475255 12.3904,21.3721162 13.0060362,21.2206796 C13.6222905,21.0698611 14.2113481,20.8961726 14.773827,20.7020864 C15.2281368,20.529016 15.632998,20.4906933 15.9896467,20.5883544 C16.3469135,20.6853975 16.6436056,20.9400583 16.8815775,21.3504824 C17.0762817,21.7398909 17.1139863,22.1181734 16.9953095,22.485948 C16.8766326,22.8531045 16.5681964,23.1881194 16.071237,23.4909927 C15.5087581,23.8371335 14.768264,24.1023021 13.8497545,24.2858804 C12.930627,24.4688406 12.0170624,24.5609388 11.1090608,24.5609388" id="Fill-1" fill="#000000"></path>
+            <path d="M21.8435683,24.4311977 C21.3898765,24.4311977 21.0004681,24.2692533 20.675961,23.9447462 C20.351454,23.6202392 20.1895095,23.2314489 20.1895095,22.777139 L20.1895095,9.44824402 C20.1895095,8.97291847 20.351454,8.57238406 20.675961,8.24787702 C21.0004681,7.92398809 21.3898765,7.76204362 21.8435683,7.76204362 C22.2978781,7.76204362 22.6866685,7.92398809 23.0111755,8.24787702 C23.3356826,8.57238406 23.497627,8.97291847 23.497627,9.44824402 L23.497627,22.777139 C23.497627,23.2314489 23.3356826,23.6202392 23.0111755,23.9447462 C22.6866685,24.2692533 22.2978781,24.4311977 21.8435683,24.4311977 M21.8435683,5.1672235 C21.2600737,5.1672235 20.7618781,4.96201143 20.351454,4.55096918 C19.9410299,4.14054503 19.7358178,3.64296757 19.7358178,3.059473 C19.7358178,2.47536032 19.9410299,1.97840097 20.351454,1.56735871 C20.7618781,1.15693457 21.2600737,0.951104386 21.8435683,0.951104386 C22.427681,0.951104386 22.9246403,1.15693457 23.3356826,1.56735871 C23.7461067,1.97840097 23.9519369,2.47536032 23.9519369,3.059473 C23.9519369,3.64296757 23.7461067,4.14054503 23.3356826,4.55096918 C22.9246403,4.96201143 22.427681,5.1672235 21.8435683,5.1672235" id="Fill-3" fill="#000000"></path>
+            <path d="M36.0485705,22.8098369 C36.0485705,23.4149653 35.8217246,23.8371335 35.3674147,24.0744872 C34.913723,24.3124591 34.350626,24.4311359 33.6812143,24.4311359 C31.9294944,24.4311359 30.6648441,24.0207118 29.8866453,23.1992454 C29.1078284,22.377779 28.7190381,21.0908768 28.7190381,19.339775 L28.7190381,10.7455923 L27.6163322,10.7455923 C27.20529,10.7455923 26.8653302,10.6157895 26.5952167,10.3561838 C26.3244852,10.0965782 26.1891194,9.76218141 26.1891194,9.35113915 C26.1891194,8.94071501 26.3244852,8.60508201 26.5952167,8.34547638 C26.8653302,8.08587074 27.20529,7.95606793 27.6163322,7.95606793 L28.7190381,7.95606793 L28.7190381,2.63786109 C28.7190381,2.16253553 28.8809825,1.76200113 29.2054896,1.43749408 C29.5299966,1.11298704 29.918787,0.951042575 30.3730968,0.951042575 C30.8274067,0.951042575 31.216197,1.11298704 31.5407041,1.43749408 C31.864593,1.76200113 32.0271556,2.16253553 32.0271556,2.63786109 L32.0271556,7.95606793 L35.3025133,7.95606793 C35.7129375,7.95606793 36.0535153,8.08587074 36.3242469,8.34547638 C36.5943604,8.60508201 36.7297262,8.94071501 36.7297262,9.35113915 C36.7297262,9.76218141 36.5943604,10.0965782 36.3242469,10.3561838 C36.0535153,10.6157895 35.7129375,10.7455923 35.3025133,10.7455923 L32.0271556,10.7455923 L32.0271556,18.9503665 C32.0271556,19.8589862 32.1835371,20.5129452 32.4975363,20.9128615 C32.8102992,21.3127778 33.3567073,21.5124269 34.1349061,21.5124269 C34.2857246,21.5124269 34.4050196,21.507482 34.4915548,21.4963561 C34.57809,21.4852301 34.686259,21.4802852 34.8160618,21.4802852 C35.1189351,21.4802852 35.4001745,21.5933991 35.659162,21.820245 C35.9187676,22.047709 36.0485705,22.377779 36.0485705,22.8098369" id="Fill-5" fill="#000000"></path>
+            <path d="M41.2369745,24.4311977 C40.7832827,24.4311977 40.3938743,24.2692533 40.0693672,23.9447462 C39.7448602,23.6202392 39.5829157,23.2314489 39.5829157,22.777139 L39.5829157,9.41610237 C39.5829157,8.94015871 39.7448602,8.54580539 40.0693672,8.2318062 C40.3938743,7.91904322 40.7832827,7.76204362 41.2369745,7.76204362 C41.6912843,7.76204362 42.0800747,7.91904322 42.4045817,8.2318062 C42.7290888,8.54580539 42.8910332,8.94015871 42.8910332,9.41610237 L42.8910332,9.61018849 C43.3014574,8.98342632 43.8206687,8.50253779 44.4474308,8.1675229 C45.074193,7.83250801 45.8097423,7.66438245 46.6528425,7.66438245 C47.3228723,7.66438245 47.8532095,7.78367742 48.2419998,8.02103115 C48.6314083,8.25900298 48.8261125,8.64841143 48.8261125,9.18863839 C48.8261125,9.64294825 48.6963097,10.0051599 48.4367041,10.2752734 C48.1777165,10.546005 47.8093238,10.6807527 47.3339982,10.6807527 C47.1176602,10.6807527 46.9068852,10.6646819 46.7016731,10.6319221 C46.4958429,10.5997804 46.2640522,10.5830915 46.0044465,10.5830915 C45.3121648,10.5830915 44.6959105,10.7023865 44.1556835,10.9397402 C43.6154566,11.1783301 43.1939065,11.513345 42.8910332,11.945403 L42.8910332,22.777139 C42.8910332,23.2314489 42.7290888,23.6202392 42.4045817,23.9447462 C42.0800747,24.2692533 41.6912843,24.4311977 41.2369745,24.4311977" id="Fill-7" fill="#000000"></path>
+            <path d="M52.9771448,24.4311977 C52.523453,24.4311977 52.1340446,24.2692533 51.8095375,23.9447462 C51.4850305,23.6202392 51.323086,23.2314489 51.323086,22.777139 L51.323086,9.44824402 C51.323086,8.97291847 51.4850305,8.57238406 51.8095375,8.24787702 C52.1340446,7.92398809 52.523453,7.76204362 52.9771448,7.76204362 C53.4314546,7.76204362 53.820245,7.92398809 54.144752,8.24787702 C54.4692591,8.57238406 54.6312035,8.97291847 54.6312035,9.44824402 L54.6312035,22.777139 C54.6312035,23.2314489 54.4692591,23.6202392 54.144752,23.9447462 C53.820245,24.2692533 53.4314546,24.4311977 52.9771448,24.4311977 M52.9771448,5.1672235 C52.3936502,5.1672235 51.8954546,4.96201143 51.4850305,4.55096918 C51.0746064,4.14054503 50.8693943,3.64296757 50.8693943,3.059473 C50.8693943,2.47536032 51.0746064,1.97840097 51.4850305,1.56735871 C51.8954546,1.15693457 52.3936502,0.951104386 52.9771448,0.951104386 C53.5612575,0.951104386 54.0582168,1.15693457 54.4692591,1.56735871 C54.8796832,1.97840097 55.0855134,2.47536032 55.0855134,3.059473 C55.0855134,3.64296757 54.8796832,4.14054503 54.4692591,4.55096918 C54.0582168,4.96201143 53.5612575,5.1672235 52.9771448,5.1672235" id="Fill-9" fill="#000000"></path>
+            <path d="M69.7765344,24.4311977 C69.4303936,24.4311977 69.1281384,24.3613515 68.8685328,24.2204227 C68.6089272,24.0807301 68.3604475,23.8371953 68.1224757,23.4910545 L64.4255678,18.2371309 L60.7280419,23.4910545 C60.2953658,24.1184348 59.7662648,24.4311977 59.1395026,24.4311977 C58.7711099,24.4311977 58.4422761,24.295832 58.1499107,24.0263366 C57.8581634,23.755605 57.7122897,23.4150271 57.7122897,23.0039849 C57.7122897,22.8315326 57.7555573,22.6535173 57.8420926,22.4693209 C57.9280097,22.2857426 58.0256708,22.1071092 58.1338398,21.9340388 L62.6417062,15.8691567 L58.4577288,10.2592026 C58.2197569,9.93469553 58.1010801,9.59968064 58.1010801,9.2535398 C58.1010801,8.84311565 58.2525167,8.49141183 58.5553899,8.19966455 C58.8576451,7.90791726 59.2254197,7.76204362 59.6580958,7.76204362 C59.960969,7.76204362 60.2415903,7.83250801 60.501196,7.97281867 C60.7608016,8.11374744 61.0086632,8.35666414 61.2472531,8.70218688 L64.5553706,13.3719977 L67.86287,8.70218688 C68.1008419,8.37767984 68.3338688,8.14032612 68.5607147,7.9888895 C68.7875606,7.83807099 69.063237,7.76204362 69.3877441,7.76204362 C69.819802,7.76204362 70.1764507,7.90235429 70.4576901,8.18359372 C70.7383115,8.46421505 70.8792402,8.79922994 70.8792402,9.18863839 C70.8792402,9.36232692 70.8353545,9.54034221 70.7494374,9.72392048 C70.6629022,9.90749875 70.5658592,10.0861322 70.4576901,10.2592026 L66.3064724,15.7393539 L70.7815791,21.7720943 C70.9762833,22.0100662 71.1060861,22.2264042 71.1709875,22.4204903 C71.2358889,22.6151945 71.2686487,22.7672493 71.2686487,22.8741821 C71.2686487,23.3723776 71.1116491,23.755605 70.798268,24.0263366 C70.4848869,24.295832 70.1443091,24.4311977 69.7765344,24.4311977" id="Fill-11" fill="#000000"></path>
+            <path d="M86.575615,24.4311977 C86.0131361,24.4311977 85.5427554,24.2797611 85.1644729,23.977506 C84.7861904,23.6746328 84.5210218,23.2635905 84.3702033,22.7449973 L79.0841381,3.059473 C79.0402524,2.88640258 79.0192367,2.73496596 79.0192367,2.60516314 C79.0192367,2.15147139 79.1811812,1.76206294 79.5056882,1.4375559 C79.8295771,1.11304885 80.2400013,0.951104386 80.7381969,0.951104386 C81.1702548,0.951104386 81.5485373,1.07596233 81.8730443,1.32444201 C82.1975514,1.57292169 82.4243973,1.95676716 82.5542001,2.47536032 L86.2511079,17.6208766 C86.3376431,17.9886513 86.4186154,18.3619889 86.4946427,18.7396533 C86.570052,19.1179358 86.6405164,19.5129072 86.7054178,19.9233313 C86.7913349,19.5129072 86.8723071,19.1179358 86.9489526,18.7396533 C87.0243619,18.3619889 87.1158419,17.9886513 87.2240109,17.6208766 L90.4350854,6.04308346 C90.5859039,5.5028565 90.8671433,5.07574342 91.2781856,4.76174423 C91.6886097,4.44836314 92.1423015,4.29136354 92.6404971,4.29136354 C93.1374564,4.29136354 93.5911482,4.44836314 94.0021904,4.76174423 C94.4126146,5.07574342 94.693854,5.5028565 94.8452906,6.04308346 L97.9914637,17.6208766 C98.0996327,17.9886513 98.1966757,18.3663157 98.2832109,18.7557241 C98.3697462,19.1451326 98.4562814,19.5561748 98.5428166,19.9888509 C98.6726194,19.1667664 98.8345639,18.3780597 99.0292681,17.6208766 L102.823837,2.41107702 C103.061191,1.4375559 103.645304,0.951104386 104.574939,0.951104386 C105.050264,0.951104386 105.450799,1.10872209 105.774688,1.42148507 C106.099195,1.73486616 106.261139,2.11871163 106.261139,2.57302149 C106.261139,2.72445811 106.239506,2.88640258 106.196238,3.059473 L100.78037,22.7449973 C100.628933,23.2635905 100.363765,23.6746328 99.9861003,23.977506 C99.6071997,24.2797611 99.136819,24.4311977 98.5749582,24.4311977 C98.0124794,24.4311977 97.5420987,24.2797611 97.1644343,23.977506 C96.7861518,23.6746328 96.5209832,23.2635905 96.3695466,22.7449973 L92.964386,10.3890054 C92.8994846,10.1510336 92.8290202,9.89142793 92.7536109,9.61018849 C92.6775836,9.32956716 92.6182452,9.05883557 92.5755957,8.79922994 C92.5317099,9.03781988 92.4723715,9.30237038 92.3969623,9.59411767 C92.3209349,9.88586495 92.2510886,10.1510336 92.1861872,10.3890054 L88.7810266,22.7449973 C88.62959,23.2635905 88.3699844,23.6746328 88.0028278,23.977506 C87.6344351,24.2797611 87.1591095,24.4311977 86.575615,24.4311977" id="Fill-13" fill="#000000"></path>
+            <path d="M114.174414,21.6750513 C115.644276,21.6750513 116.709277,21.2318674 117.368799,20.3454996 C118.027703,19.4585136 118.357773,18.0424267 118.357773,16.0966207 C118.357773,14.1508146 118.027703,12.7347277 117.368799,11.8483599 C116.709277,10.961374 115.644276,10.5181901 114.174414,10.5181901 C112.703933,10.5181901 111.638932,10.961374 110.980028,11.8483599 C110.319888,12.7347277 109.990436,14.1508146 109.990436,16.0966207 C109.990436,18.0424267 110.319888,19.4585136 110.980028,20.3454996 C111.638932,21.2318674 112.703933,21.6750513 114.174414,21.6750513 M114.174414,24.5937603 C111.601227,24.5937603 109.698689,23.9020967 108.466798,22.5175334 C107.233671,21.1348243 106.618035,18.994314 106.618035,16.0966207 C106.618035,13.1995454 107.233671,11.0590352 108.466798,9.6750899 C109.698689,8.29176274 111.601227,7.59948105 114.174414,7.59948105 C116.746982,7.59948105 118.650138,8.29176274 119.882029,9.6750899 C121.114537,11.0590352 121.730792,13.1995454 121.730792,16.0966207 C121.730792,18.994314 121.114537,21.1348243 119.882029,22.5175334 C118.650138,23.9020967 116.746982,24.5937603 114.174414,24.5937603" id="Fill-15" fill="#000000"></path>
+            <path d="M127.081388,24.4311977 C126.627696,24.4311977 126.238287,24.2692533 125.91378,23.9447462 C125.589273,23.6202392 125.427329,23.2314489 125.427329,22.777139 L125.427329,9.41610237 C125.427329,8.94015871 125.589273,8.54580539 125.91378,8.2318062 C126.238287,7.91904322 126.627696,7.76204362 127.081388,7.76204362 C127.535697,7.76204362 127.924488,7.91904322 128.248995,8.2318062 C128.573502,8.54580539 128.735446,8.94015871 128.735446,9.41610237 L128.735446,9.61018849 C129.14587,8.98342632 129.665082,8.50253779 130.291844,8.1675229 C130.918606,7.83250801 131.654155,7.66438245 132.497256,7.66438245 C133.167285,7.66438245 133.697623,7.78367742 134.086413,8.02103115 C134.475821,8.25900298 134.670526,8.64841143 134.670526,9.18863839 C134.670526,9.64294825 134.540723,10.0051599 134.281117,10.2752734 C134.02213,10.546005 133.653737,10.6807527 133.178411,10.6807527 C132.962073,10.6807527 132.751298,10.6646819 132.546086,10.6319221 C132.340256,10.5997804 132.108465,10.5830915 131.84886,10.5830915 C131.156578,10.5830915 130.540324,10.7023865 130.000097,10.9397402 C129.45987,11.1783301 129.03832,11.513345 128.735446,11.945403 L128.735446,22.777139 C128.735446,23.2314489 128.573502,23.6202392 128.248995,23.9447462 C127.924488,24.2692533 127.535697,24.4311977 127.081388,24.4311977" id="Fill-17" fill="#000000"></path>
+            <path d="M149.491411,22.8424731 C149.491411,23.2751491 149.345538,23.6484868 149.05379,23.9612497 C148.761425,24.2740127 148.377579,24.4310123 147.902254,24.4310123 C147.70755,24.4310123 147.491212,24.3933077 147.253858,24.3178984 C147.015886,24.2418711 146.810674,24.0959974 146.637604,23.8802775 L140.475678,16.5507451 L140.475678,22.7775717 C140.475678,23.2312634 140.313116,23.6206719 139.989227,23.9445608 C139.66472,24.269686 139.275929,24.4310123 138.82162,24.4310123 C138.36731,24.4310123 137.978519,24.269686 137.654012,23.9445608 C137.329505,23.6206719 137.167561,23.2312634 137.167561,22.7775717 L137.167561,2.63773746 C137.167561,2.16241191 137.329505,1.76187751 137.654012,1.43798857 C137.978519,1.11348153 138.36731,0.950918954 138.82162,0.950918954 C139.275929,0.950918954 139.66472,1.11348153 139.989227,1.43798857 C140.313116,1.76187751 140.475678,2.16241191 140.475678,2.63773746 L140.475678,15.0586308 L146.799548,8.2483097 C146.950985,8.07523928 147.129,7.95161755 147.33483,7.87559018 C147.540042,7.80018093 147.740309,7.76185819 147.934395,7.76185819 C148.367072,7.76185819 148.72372,7.90773183 149.00496,8.19947911 C149.285581,8.4912264 149.42651,8.84354833 149.42651,9.25397247 C149.42651,9.62174712 149.296707,9.94563606 149.037719,10.2262574 L143.718894,15.7076449 L149.102621,21.8368103 C149.361608,22.1396835 149.491411,22.4746984 149.491411,22.8424731" id="Fill-19" fill="#000000"></path>
+            <path d="M157.43658,24.5609388 C155.425872,24.5609388 153.804573,24.2796993 152.572065,23.7178386 C152.20429,23.5447681 151.93974,23.2857806 151.777177,22.9396398 C151.615233,22.5934989 151.620177,22.2263424 151.793866,21.8369339 C151.966318,21.4475255 152.241995,21.1941009 152.620277,21.074806 C152.99856,20.9561291 153.46894,20.9833259 154.031419,21.1557782 C154.506745,21.3072148 155.030901,21.4475255 155.604506,21.5773283 C156.176874,21.7071311 156.788184,21.7720325 157.43658,21.7720325 C158.582553,21.7720325 159.409583,21.610088 159.917668,21.285581 C160.425135,20.9616921 160.679796,20.4529887 160.679796,19.7613251 C160.679796,19.4800856 160.630965,19.231606 160.533922,19.0152679 C160.436879,18.799548 160.24712,18.5937178 159.966499,18.3990136 C159.685259,18.2049275 159.306358,18.0157862 158.831033,17.8315899 C158.355089,17.6480116 157.728945,17.4588703 156.950128,17.2641661 C156.042127,17.0268124 155.268873,16.7672068 154.631603,16.4859673 C153.993715,16.2047279 153.463995,15.8690949 153.042445,15.4809227 C152.620277,15.0915142 152.312459,14.6372043 152.118373,14.1179931 C151.923669,13.5993999 151.826008,12.9831456 151.826008,12.2698482 C151.826008,10.7777339 152.339038,9.62187074 153.366952,8.79916813 C154.393013,7.97831984 156.020493,7.56727759 158.247538,7.56727759 C159.069005,7.56727759 159.852767,7.62723412 160.598824,7.74529288 C161.344881,7.86458785 161.96608,8.06485505 162.463657,8.34547638 C162.830814,8.56181441 163.084857,8.82698302 163.225785,9.1403641 C163.366096,9.45374519 163.360533,9.79432306 163.209715,10.1614796 C163.036026,10.550888 162.771476,10.7993677 162.414827,10.9075367 C162.058178,11.0157058 161.631065,10.994072 161.133488,10.8426353 C160.679796,10.7128325 160.209415,10.5997186 159.722964,10.5020575 C159.236512,10.4050144 158.722864,10.3561838 158.182637,10.3561838 C157.101565,10.3561838 156.317803,10.5076204 155.831352,10.8098756 C155.3449,11.1133669 155.101983,11.5781846 155.101983,12.2049468 C155.101983,12.7884414 155.3449,13.269948 155.831352,13.6482305 C156.317803,14.026513 157.23075,14.3887247 158.571427,14.7348655 C159.587598,14.993853 160.441824,15.2806555 161.133488,15.5940365 C161.825769,15.9074176 162.382067,16.2640663 162.804235,16.6646007 C163.225785,17.064517 163.522478,17.5132639 163.695548,18.0096052 C163.868618,18.5078007 163.955154,19.0696615 163.955154,19.6964237 C163.955154,21.3183408 163.430998,22.5341605 162.382067,23.3445009 C161.333755,24.1560776 159.685259,24.5609388 157.43658,24.5609388" id="Fill-21" fill="#000000"></path>
+            <path d="M178.094945,15.9020401 C178.094945,14.0427693 177.771056,12.6804578 177.122042,11.8157238 C176.473028,10.9509898 175.500743,10.5183137 174.203333,10.5183137 C173.467784,10.5183137 172.813825,10.6271008 172.241456,10.8428208 C171.66847,11.0591588 171.230231,11.3941737 170.927976,11.8478654 L170.927976,21.3500497 C171.51147,21.5670059 172.235893,21.6751749 173.100627,21.6751749 C174.851729,21.6751749 176.121943,21.2103572 176.911267,20.2801037 C177.699974,19.3510864 178.094945,17.8917318 178.094945,15.9020401 M181.467964,15.9990831 C181.467964,18.8967765 180.808442,21.0533576 179.489398,22.4694445 C178.170355,23.8855314 176.224549,24.5938839 173.65198,24.5938839 C173.154403,24.5938839 172.700093,24.5611242 172.289669,24.4962228 C171.878627,24.4313214 171.424935,24.3447862 170.927976,24.2366171 L170.927976,29.6852449 C170.927976,30.1605705 170.765413,30.5611049 170.441524,30.8849938 C170.117017,31.2095008 169.727609,31.3714453 169.273917,31.3714453 C168.819607,31.3714453 168.430817,31.2095008 168.10631,30.8849938 C167.781802,30.5611049 167.619858,30.1605705 167.619858,29.6852449 L167.619858,9.41560789 C167.619858,8.94028233 167.781802,8.54592901 168.10631,8.23192982 C168.430817,7.91854873 168.819607,7.76216724 169.273917,7.76216724 C169.727609,7.76216724 170.117017,7.91854873 170.441524,8.23192982 C170.765413,8.54592901 170.927976,8.94028233 170.927976,9.41560789 L170.927976,9.51326905 C171.813725,8.2374928 173.143895,7.59960467 174.916631,7.59960467 C176.927338,7.59960467 178.52144,8.26468958 179.700174,9.59424129 C180.878289,10.923793 181.467964,13.0587403 181.467964,15.9990831" id="Fill-23" fill="#000000"></path>
+            <path d="M187.53229,19.3070152 C187.53229,20.2799182 187.818474,20.9721999 188.392079,21.3826241 C188.964448,21.7936663 189.74821,21.9988784 190.742746,21.9988784 C191.629114,21.9988784 192.34303,21.8530047 192.883257,21.5606394 C193.423484,21.2695102 193.867286,20.8961726 194.213426,20.4424808 L194.213426,17.0367021 C193.43461,16.7777146 192.526608,16.6479118 191.488804,16.6479118 C190.104858,16.6479118 189.099814,16.853742 188.472433,17.2641661 C187.845671,17.6745903 187.53229,18.3563641 187.53229,19.3070152 M184.256932,19.2748736 C184.256932,17.5231536 184.808285,16.2263617 185.910373,15.3826434 C187.013697,14.5395432 188.678264,14.1179931 190.905309,14.1179931 C191.532071,14.1179931 192.115566,14.1563158 192.656411,14.2317251 C193.196638,14.3077524 193.715231,14.4214844 194.213426,14.5723029 L194.213426,14.02095 C194.213426,12.7019062 193.948258,11.7667078 193.418539,11.215973 C192.88882,10.66462 191.964129,10.3889436 190.645703,10.3889436 C190.083224,10.3889436 189.569576,10.4371561 189.105377,10.5348172 C188.639941,10.6318603 188.16956,10.7567182 187.694235,10.9075367 C187.240543,11.0589734 186.818993,11.0756623 186.429584,10.9563673 C186.040176,10.8376905 185.781188,10.562014 185.651385,10.1293379 C185.521583,9.69728 185.575358,9.3183794 185.81333,8.99387235 C186.051302,8.66998342 186.429584,8.41037779 186.948795,8.21567356 C187.575558,7.97831984 188.256095,7.81019429 188.991645,7.71315123 C189.726576,7.61549006 190.407732,7.56727759 191.035112,7.56727759 C192.202719,7.56727759 193.196638,7.68595445 194.018722,7.92392628 C194.840189,8.16189811 195.510218,8.54574358 196.02943,9.0754627 C196.548023,9.60518181 196.926305,10.2912824 197.164277,11.1343826 C197.402249,11.9781009 197.520926,13.0053975 197.520926,14.2156542 L197.520926,22.7449355 C197.520926,23.2208792 197.363926,23.6207955 197.050545,23.9446844 C196.737164,24.2691915 196.342193,24.4311359 195.866867,24.4311359 C195.390923,24.4311359 194.99657,24.2691915 194.683189,23.9446844 C194.369808,23.6207955 194.213426,23.2208792 194.213426,22.7449355 L194.213426,22.6157508 C193.261539,23.9125428 191.823818,24.5609388 189.899646,24.5609388 C189.056546,24.5609388 188.288855,24.4583327 187.597191,24.2531206 C186.90491,24.0479086 186.310289,23.7240196 185.81333,23.2802176 C185.315752,22.8370337 184.931907,22.2856808 184.661793,21.6261589 C184.39168,20.9672551 184.256932,20.1828752 184.256932,19.2748736" id="Fill-25" fill="#000000"></path>
+            <path d="M201.023191,16.0644172 C201.023191,13.1240744 201.644391,10.9724381 202.888025,9.61074479 C204.131042,8.24781521 206.071285,7.56727759 208.709372,7.56727759 C209.336135,7.56727759 209.985149,7.62723412 210.655178,7.74591099 C211.325208,7.86458785 211.843801,8.02096934 212.212194,8.21567356 C212.622618,8.41037779 212.892732,8.6755464 213.022535,9.01056129 C213.152337,9.34557618 213.141211,9.69728 212.990393,10.0644365 C212.838956,10.4322112 212.595421,10.6806909 212.260407,10.8104937 C211.924774,10.9396784 211.541546,10.9514225 211.10887,10.8426353 C210.741096,10.7344663 210.373939,10.6479311 210.006782,10.5830297 C209.63839,10.5181283 209.239092,10.4859866 208.806415,10.4859866 C207.250018,10.4859866 206.12506,10.9242257 205.434015,11.7994675 C204.741733,12.6753275 204.39621,14.0969774 204.39621,16.0644172 C204.39621,18.0318571 204.741733,19.4528889 205.434015,20.3287488 C206.12506,21.2039907 207.250018,21.6422297 208.806415,21.6422297 C209.239092,21.6422297 209.63839,21.610088 210.006782,21.5451866 C210.373939,21.4802852 210.741096,21.39375 211.10887,21.285581 C211.541546,21.177412 211.924774,21.1885379 212.260407,21.3183408 C212.595421,21.4475255 212.838956,21.6966233 212.990393,22.0637798 C213.141211,22.4321726 213.152337,22.7826402 213.022535,23.1176551 C212.892732,23.453288 212.622618,23.7178386 212.212194,23.9125428 C211.843801,24.107247 211.325208,24.2636285 210.655178,24.3829235 C209.985149,24.5009822 209.336135,24.5609388 208.709372,24.5609388 C206.071285,24.5609388 204.131042,23.8804011 202.888025,22.5174715 C201.644391,21.1557782 201.023191,19.0047601 201.023191,16.0644172" id="Fill-27" fill="#000000"></path>
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="Clip-30"></g>
+            <path d="M222.654584,10.2264428 C221.551878,10.2264428 220.687144,10.540442 220.060381,11.1665861 C219.433001,11.7945845 219.065227,12.918306 218.957676,14.539605 L226.28659,14.539605 C226.243322,13.0054593 225.924996,11.9021354 225.330376,11.2314875 C224.735137,10.5620758 223.843206,10.2264428 222.654584,10.2264428 M227.973408,23.7828018 C227.454815,24.0640412 226.784167,24.2692533 225.962701,24.3990561 C225.140616,24.5288589 224.31915,24.5937603 223.497684,24.5937603 C220.708777,24.5937603 218.686944,23.9181676 217.43342,22.5663639 C216.179277,21.2157965 215.552515,19.0592155 215.552515,16.0966207 C215.552515,13.1995454 216.13601,11.0590352 217.303617,9.6750899 C218.471224,8.29176274 220.265594,7.59948105 222.687343,7.59948105 C225.108475,7.59948105 226.870703,8.28063678 227.973408,9.64294825 C229.076114,11.0046416 229.627467,13.1779116 229.627467,16.1615221 C229.627467,16.3994939 229.55144,16.599143 229.400621,16.7617056 C229.248567,16.923032 229.05448,17.0046223 228.816509,17.0046223 L218.957676,17.0046223 C219.000325,17.8916082 219.130128,18.6314843 219.346466,19.2261048 C219.562804,19.8213434 219.870622,20.3016138 220.271157,20.6693885 C220.671073,21.0371631 221.162469,21.2967688 221.746582,21.4475873 C222.330695,21.5990239 223.011232,21.6750513 223.789431,21.6750513 C224.35191,21.6750513 224.8977,21.6317837 225.427419,21.5452485 C225.957138,21.4587132 226.470168,21.3072766 226.968364,21.0909386 C227.357154,20.9401201 227.724929,20.9506279 228.070452,21.1230802 C228.415974,21.2967688 228.654564,21.5668823 228.784367,21.9340388 C228.913552,22.3024315 228.902426,22.6535173 228.751607,22.987914 C228.600171,23.323547 228.340565,23.5880975 227.973408,23.7828018" id="Fill-29" fill="#000000" mask="url(#mask-2)"></path>
+        </g>
+        <g id="Logo" transform="translate(89.000000, 0.000000)">
+            <mask id="mask-4" fill="white">
+                <use xlink:href="#path-3"></use>
+            </mask>
+            <g id="Clip-35"></g>
+            <path d="M27.3121465,54.9994141 C12.2520901,54.9994141 -7.88732394e-05,42.7472451 -7.88732394e-05,27.6879775 C-7.88732394e-05,12.6279211 12.2520901,0.375752113 27.3121465,0.375752113 C29.1104563,0.375752113 30.5680338,1.83332958 30.5680338,3.63163944 C30.5680338,5.42916056 29.1104563,6.88673803 27.3121465,6.88673803 C15.8424,6.88673803 6.51169577,16.218231 6.51169577,27.6879775 C6.51169577,39.1569352 15.8424,48.4876394 27.3121465,48.4876394 C38.781893,48.4876394 48.1125972,39.1569352 48.1125972,27.6879775 C48.1125972,25.8896676 49.5701746,24.4320901 51.3684845,24.4320901 C53.1660056,24.4320901 54.6235831,25.8896676 54.6235831,27.6879775 C54.6235831,42.7472451 42.3722028,54.9994141 27.3121465,54.9994141" id="Fill-34" fill="#2071C5" mask="url(#mask-4)"></path>
+            <path d="M27.3121465,31.2265465 L27.2088225,31.2265465 C25.2543437,31.2265465 23.6697803,29.6419831 23.6697803,27.6875042 C23.6697803,25.7330254 25.2543437,24.148462 27.2088225,24.148462 L27.3121465,24.148462 C29.2666254,24.148462 30.8511887,25.7330254 30.8511887,27.6875042 C30.8511887,29.6419831 29.2666254,31.2265465 27.3121465,31.2265465" id="Fill-37" fill="#2071C5" mask="url(#mask-4)"></path>
+            <path d="M27.3121465,43.0983887 C18.8143437,43.0983887 11.9011042,36.1851493 11.9011042,27.6873465 C11.9011042,19.1903324 18.8143437,12.2763042 27.3121465,12.2763042 C29.1104563,12.2763042 30.5680338,13.7346704 30.5680338,15.5321915 C30.5680338,17.3305014 29.1104563,18.7880789 27.3121465,18.7880789 C22.4046535,18.7880789 18.4128789,22.7806423 18.4128789,27.6873465 C18.4128789,32.5948394 22.4046535,36.5866141 27.3121465,36.5866141 C32.2188507,36.5866141 36.2114141,32.5948394 36.2114141,27.6873465 C36.2114141,25.8898254 37.6689915,24.4314592 39.4673014,24.4314592 C41.2648225,24.4314592 42.7231887,25.8898254 42.7231887,27.6873465 C42.7231887,36.1851493 35.8091606,43.0983887 27.3121465,43.0983887" id="Fill-32" fill="#2071C5" mask="url(#mask-4)"></path>
+        </g>
+    </g>
+</svg>

package/src/components/ws-button/index.js

@@ -0,0 +1,4 @@
+import WsButton from './ws-button.component.jsx';
+import './ws-button.component.less';
+
+export { WsButton };

package/src/components/ws-button/ws-button.component.jsx

@@ -0,0 +1,48 @@
+// Copyright © 2024. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary.
+
+// Dependencies
+import React from 'react';
+import './ws-button.component.less';
+
+function WsButton({id, children, disabled, isLoading, name, onClick, size, tabIndex, type, value, variant }) {
+    const classes = ['ws-button'];
+    if (!size || size === 'default') {
+        classes.push('ws-button-default');
+    } else if (size === 'baby') {
+        classes.push('ws-button-baby');
+    }
+    let loading = null;
+    if (isLoading) {
+        classes.push('ws-button-loading');
+        if (variant === 'primary') {
+            loading = <div className='ws-button-loading-content-light' />;
+        } else if (variant === 'secondary') {
+            loading = <div className='ws-button-loading-content-dark' />;
+        }
+        if (variant === 'primary') {
+            classes.push('ws-button-primary-loading');
+        } else if (variant === 'secondary') {
+            classes.push('ws-button-secondary-loading');
+        }
+    } else {
+        if (variant === 'primary') {
+            classes.push('ws-button-primary');
+        } else if (variant === 'secondary') {
+            classes.push('ws-button-secondary');
+        }
+    }
+    return (
+        <button data-testid="ws-button.component" className={classes.join(' ')}
+            disabled={disabled}
+            id={id}
+            name={name}
+            onClick={onClick}
+            tabIndex={tabIndex}
+            type={type}
+            value={value}>
+                {loading ? loading : children}
+        </button>
+    );
+}
+
+export default WsButton;

package/src/components/ws-button/ws-button.component.less

@@ -0,0 +1,100 @@
+// Copyright © 2024. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary.
+
+@import (reference) '../../../theme.less';
+
+.ws-button {
+    cursor: pointer;
+    display: inline-block;
+    font-size: 16px;
+    font-weight: 600;
+    text-align: center;
+    transition: background-color 0.1s ease, border 0.1s ease, color 0.1s ease;
+    user-select: none;
+    width: 100%;
+
+    &-default {
+        border-radius: 20px;
+        height: 40px;
+    }
+
+    &-baby {
+        border-radius: 12px;
+        height: 24px;
+    }
+
+    &-loading {
+        background-color: @ws-button-primary-background-color;
+        border: none;
+    }
+
+    &-loading-content-light {
+        background-image: url('../../assets/spinner-light.svg');
+        background-repeat: no-repeat;
+        display: block;
+        height: 20px;
+        margin: 0 auto;
+        width: 20px;
+       
+    }
+
+    &-loading-content-dark {
+        background-image: url('../../assets/spinner-dark.svg');
+        background-repeat: no-repeat;
+        display: block;
+        height: 20px;
+        margin: 0 auto;
+        width: 20px;
+    }
+}
+
+.ws-button:focus {
+    outline: none;
+}
+
+// primary button
+.ws-button-primary, 
+.ws-button-primary-loading {
+    background-color: @ws-button-primary-background-color;
+    border: none;
+    color: @ws-button-primary-text-color;
+}
+
+.ws-button-primary-loading {
+    cursor: none;
+}
+
+.ws-button-primary:hover {
+    background-color: @ws-button-primary-background-color-hover;
+}
+
+.ws-button-primary.disabled, 
+.ws-button-primary[disabled]  {
+    background-color: @ws-button-primary-background-color-disabled;
+    border: none;
+    cursor: none;
+}
+
+// secondary button
+.ws-button-secondary,
+.ws-button-secondary-loading {
+    background-color: @ws-button-secondary-background-color;
+    border: 2px solid @ws-button-secondary-border-color;
+    color: @ws-button-secondary-text-color;
+}
+
+.ws-button-secondary-loading {
+    cursor: none;
+}
+
+.ws-button-secondary:hover {
+    border: 2px solid @ws-button-secondary-border-hover;
+    color: @ws-button-secondary-text-color-hover;
+}
+
+.ws-button-secondary.disabled, 
+.ws-button-secondary[disabled]  {
+    background-color: @ws-button-secondary-background-color-disabled;
+    border: 2px solid @ws-button-secondary-border-hover-disabled;
+    color: @ws-button-secondary-text-color-disabled;
+    cursor: none;
+}

package/src/components/ws-button/ws-button.component.test.js

@@ -0,0 +1,11 @@
+import { render, screen } from '@testing-library/react';
+import WsButton from './ws-button.component.jsx';
+
+test('renders a primary baby button', () => {
+    render(
+        <WsButton variant="primary" size="baby">Click Me</WsButton>
+    );
+    const button = screen.getByRole('button', { name: /click me/i });
+    expect(button).toBeInTheDocument();
+    expect(button).toHaveClass('ws-button ws-button-baby ws-button-primary');
+});

package/src/components/ws-button/ws-buttons.component.jsx

@@ -0,0 +1,60 @@
+// Copyright © 2024. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary.
+
+import React from 'react';
+import WsButton from './ws-button.component.jsx';
+
+const maincontainer = {
+    padding: '25px'
+ };
+ 
+ const flexContainer = {
+     display: 'flex'
+ };
+
+ const flexColumn = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '20px'
+};
+ 
+ const item = {
+     flex: '1',
+     marginRight: '10px'
+ };
+
+function handleClick(){
+    alert('Button clicked');
+}
+
+ const Buttons = () => {
+    return (
+        <div data-testid="buttons.component" style={maincontainer}>
+            <div style={flexColumn}>
+                <div style={flexContainer}>
+                    <div style={item}>
+                        <WsButton variant="primary" onClick={handleClick}>Default</WsButton>
+                    </div>
+                    <div style={item}>
+                        <WsButton variant="primary" size="baby" onClick={handleClick}>Baby</WsButton>
+                    </div>
+                    <div style={item}>
+                        <WsButton variant="secondary" size="default" onClick={handleClick}>Secondary</WsButton>
+                    </div>
+                </div>
+                <div style={flexContainer}>
+                    <div style={item}>
+                        <WsButton variant="primary" size="default" disabled>Disabled</WsButton>
+                    </div>
+                    <div style={item}>
+                        <WsButton variant="primary" size="default" isLoading/>
+                    </div>
+                    <div style={item}>
+                        <WsButton variant="secondary" size="baby" isLoading/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+  };
+
+  export default Buttons;

package/src/components/ws-button/ws-buttons.component.test.js

@@ -0,0 +1,18 @@
+import { render, screen } from '@testing-library/react';
+import Buttons from './ws-buttons.component.jsx';
+
+test('renders a default button', () => {
+    render(
+        <Buttons />
+    );
+    const button = screen.getByRole('button', { name: /Default/i });
+    expect(button).toBeInTheDocument();
+});
+
+test('renders a disabled button', () => {
+    render(
+        <Buttons />
+    );
+    const button = screen.getByRole('button', { name: /Disabled/i });
+    expect(button).toBeDisabled();
+});

package/src/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
+import './index.less';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <BrowserRouter>
+    <App />
+  </BrowserRouter>
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

package/src/index.less

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

package/src/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

package/src/main.js

@@ -0,0 +1 @@
+//export * from './components/ws-button/main';

package/src/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/src/setupTests.js

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';

package/theme.less

@@ -0,0 +1,95 @@
+// Copyright © 2018-2023. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary.
+
+@primary: #309ddd;
+@primary-alt: #45a6df;
+@heading-text: #26262a;
+@light-text: #ffffff;
+@error-text: #f66355;
+@input-text: #333333;
+@input-background: #f3f3f3;
+@input-border: #eeeeee;
+@input-focus-background: #ffffff;
+@background-color: #39404d;
+@spinner-background-color: #309ddc;
+@spinner-gray-color: #808080;
+@light-background: #ffffff;
+@customer-picker-hover: #342e41;
+@link-color: #1471a4;
+@light-gray: #f3f3f3;
+@language-picker-gray: #767676;
+
+// Screen sizes
+@screen-xs: 740px;
+@screen-small: 856px;
+@screen-mobile: 440px;
+@screen-intermediate: 992px;
+@screen-medium: 1075px;
+@screen-large: 1200px;
+@screen-xl: 1500px;
+@screen-iphone5: 368px;
+@screen-iphone6: 375px;
+@screen-iphone6plus: 414px;
+@break-height: 515px;
+@break-width: 500px;
+
+// Citrix Cloud Console & Console vNext
+@primary-text: #ffffff;
+@secondary-text: #000000;
+@cc-primary: #2576b7;
+@secondary: #6b788d;
+@alt-secondary: #797f8c;
+
+// Console vNext
+@dark: #485164;
+@azure-ad-login: #8794aa;
+@azure-ad-color: #323c4c;
+@credentials-background: #c5cad0;
+@warning-color: #eea848;
+@btn-color: #309ddc;
+@cc-link-color: #288ccc;
+@global-background-color: #39404d;
+@language-panel-color: #566075;
+@gray-border: #b2b6bd;
+
+// Federated login
+@ws-blue: #2071c5;
+@ws-white: #ffffff;
+@ws-gray: #999;
+@ws-logo-background: #bdf0ed;
+@ws-teal: #05758a;
+
+@ws-white-text: @ws-white;
+@ws-dark-text: #333333;
+
+@ws-button-color: @ws-blue;
+@ws-button-text-color: @ws-white;
+@ws-button-color-secondary: #dedede;
+@ws-button-text-color-secondary: @ws-dark-text;
+@ws-input-border-color: @ws-gray;
+@ws-divider-line-color: @ws-gray;
+
+@ws-branded-background-color: #f9f9f9;
+@ws-branded-border-color: #cccccc;
+
+@ws-blue-hover: rgba(32, 113, 197, 0.2);
+@ws-mobile-width: 380px;
+@ws-mobile-width-greater: 381px;
+
+// Primary button
+@ws-button-primary-text-color: @ws-white;
+@ws-button-primary-background-color: rgb(5, 117, 138);
+@ws-button-primary-background-color-hover: rgb(0, 84, 99);
+@ws-button-primary-background-color-disabled: rgb(130, 186, 196);
+
+// Secondary button
+@ws-button-secondary-text-color: rgb(5, 117, 138);
+@ws-button-secondary-text-color-hover: rgb(0, 84, 99);
+@ws-button-secondary-border-color: rgb(5, 117, 138);
+@ws-button-secondary-background-color: @ws-white;
+@ws-button-secondary-background-color-hover: @ws-white;
+@ws-button-secondary-border-hover: rgb(0, 84, 99);
+@ws-button-secondary-text-color-hover: rgb(0, 84, 99);
+@ws-button-secondary-background-color-disabled: @ws-white;
+@ws-button-secondary-border-color-disabled: rgb(130, 186, 196);
+@ws-button-secondary-border-hover-disabled: rgb(130, 186, 196);
+@ws-button-secondary-text-color-disabled: rgb(130, 186, 196);

package/webpack.config.js

@@ -0,0 +1,15 @@
+module.exports = {
+    module: {
+      rules: [
+        {
+          test: /\.less$/i,
+          use: [
+            // compiles Less to CSS
+            "style-loader",
+            "css-loader",
+            "less-loader",
+          ],
+        },
+      ],
+    },
+  };