lucid-ui

<!doctype html> <html lang="en"> <head> <title>Code coverage report for components/Icon/WarningLightIcon/WarningLightIcon.jsx</title> <meta charset="utf-8" /> <link rel="stylesheet" href="../../../prettify.css" /> <link rel="stylesheet" href="../../../base.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type='text/css'> .coverage-summary .sorter { background-image: url(../../../sort-arrow-sprite.png); } </style> </head> <body> <div class='wrapper'> <div class='pad1'> <h1> <a href="../../../index.html">All files</a> / <a href="index.html">components/Icon/WarningLightIcon</a> WarningLightIcon.jsx </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Statements</span> <span class='fraction'>4/4</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Branches</span> <span class='fraction'>0/0</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Functions</span> <span class='fraction'>0/0</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Lines</span> <span class='fraction'>4/4</span> </div> </div> </div> <div class='status-line high'></div> <pre><table class="coverage"> <tr><td class="line-count quiet">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44</td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-yes">120x</span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-yes">120x</span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-yes">8x</span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-yes">8x</span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span> <span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import _ from 'lodash'; import React from 'react'; import Icon from '../Icon'; import { lucidClassNames } from '../../../util/style-helpers'; import { createClass } from '../../../util/component-types';   const cx = lucidClassNames.bind('&-WarningLightIcon');   /** * * {"categories": ["visual design", "icons"], "extend": "Icon", "madeFrom": ["Icon"]} * * Diet version. */ const WarningLightIcon = createClass({ displayName: 'WarningLightIcon', propTypes: { ...Icon.propTypes, },   render() { const { className, isDisabled, ...passThroughs, } = this.props;   return ( <Icon {...passThroughs} {..._.pick(passThroughs, _.keys(Icon.propTypes))} isDisabled={isDisabled} className={cx('&', className)} > <path className={cx('&-background')} d='M8.005,1.001c0.192,0,0.533,0.219,0.858,0.833c1.176,2.243,2.049,3.957,2.893,5.614 c0.855,1.68,1.739,3.417,2.937,5.698c0.312,0.596,0.384,1.141,0.192,1.458C14.677,14.949,14.16,15,13.871,15H2.118 c-0.289,0-0.805-0.051-1.013-0.396c-0.192-0.317-0.12-0.861,0.194-1.457c0.165-0.314,0.867-1.677,1.74-3.368 C4.5,6.944,6.502,3.062,7.147,1.835C7.471,1.219,7.812,1.001,8.005,1.001'/> <path className={cx('&-mark', { '&-mark-is-disabled': isDisabled })} d='M8.005,1.001c0.192,0,0.533,0.219,0.858,0.833c1.176,2.243,2.049,3.957,2.893,5.614 c0.855,1.68,1.739,3.417,2.937,5.698c0.312,0.596,0.384,1.141,0.192,1.458C14.677,14.949,14.16,15,13.871,15H2.118 c-0.289,0-0.805-0.051-1.013-0.396c-0.192-0.317-0.12-0.861,0.194-1.457c0.165-0.314,0.867-1.677,1.74-3.368 C4.5,6.944,6.502,3.062,7.147,1.835C7.471,1.219,7.812,1.001,8.005,1.001 M8.005,0.001c-0.632,0-1.264,0.457-1.743,1.369 C5.236,3.322,0.858,11.833,0.413,12.683C-0.546,14.504,0.222,16,2.118,16c1.062,0,8.612,0,11.753,0c1.896,0,2.664-1.493,1.707-3.317 c-2.375-4.525-3.457-6.79-5.829-11.312C9.268,0.459,8.635,0.001,8.005,0.001L8.005,0.001z'/> <path className={cx('&-mark', { '&-mark-is-disabled': isDisabled })} d='M9,4v7H7V4H9z M7,14h2v-2H7V14z'/> </Icon> ); }, });   export default WarningLightIcon;  </pre></td></tr> </table></pre> <div class='push'></div> </div> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Fri Feb 03 2017 18:10:35 GMT+0000 (UTC) </div> </div> <script src="../../../prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="../../../sorter.js"></script> </body> </html>