fk-react-ui-components
Version:
Step 1 : Create a file in [ Seeds / Plants / Trees ] <br> Step 2 : It should export an Object with component name and story Component [Refer other components] <br> Step 3 : Story Component should return a react component <br> Step 3 : Created file should
69 lines (52 loc) • 9.21 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var SilverIcon = function (_Component) {
_inherits(SilverIcon, _Component);
function SilverIcon() {
_classCallCheck(this, SilverIcon);
return _possibleConstructorReturn(this, (SilverIcon.__proto__ || Object.getPrototypeOf(SilverIcon)).apply(this, arguments));
}
_createClass(SilverIcon, [{
key: 'render',
value: function render() {
return _react2.default.createElement(
'svg',
{ viewBox: '0 0 16 16', width: this.props.width },
_react2.default.createElement(
'g',
{ stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd' },
_react2.default.createElement('path', {
d: 'M2.55212355,9.54110117 C2.55212355,11.2432314 4.33501886,12.9350645 7.99999936,14.5466822 C11.6649809,12.9350647 13.4478764,11.2432315 13.4478764,9.54110117 L13.4478764,2.18068225 C11.6024409,1.66655336 9.76013407,1.4097507 7.91988417,1.4097507 C6.08547313,1.4097507 4.29667714,1.66491643 2.55212355,2.17539417 L2.55212355,9.54110117 Z M2.07142857,1.81817477 C3.96902242,1.22510587 5.91850762,0.928571429 7.91988417,0.928571429 C9.92126072,0.928571429 11.9241565,1.22510587 13.9285714,1.81817477 L13.9285714,9.54110117 C13.9285714,11.5230255 11.952381,13.366468 8,15.0714286 C4.04761905,13.366468 2.07142857,11.5230255 2.07142857,9.54110117 L2.07142857,1.81817477 Z M3.45813906,3.02353244 C4.91188007,2.56918413 6.40537488,2.34200997 7.9386235,2.34200997 C9.47187212,2.34200997 11.0062846,2.56918413 12.5418609,3.02353244 C12.5418609,5.461039 12.5418609,7.51340586 12.5418609,9.18063302 C12.5418609,10.6989794 11.0279073,12.1646995 8,13.5777935 C4.97209271,12.1646995 3.45813906,10.6989794 3.45813906,9.18063302 C3.45813906,7.63058159 3.45813906,5.57821473 3.45813906,3.02353244 Z M5.43629344,8.4776198 C5.51815717,9.12786532 5.76939037,9.62281103 6.19000058,9.9624718 C6.61061079,10.3021326 7.2132882,10.4719604 7.99805087,10.4719604 C8.53722235,10.4719604 8.98746613,10.4012539 9.3487957,10.2598387 C9.71012528,10.1184235 9.98958693,9.90233906 10.187189,9.61157887 C10.3847912,9.32081868 10.4835907,9.00891697 10.4835907,8.67586439 C10.4835907,8.30844924 10.4010225,7.99985158 10.2358836,7.75006214 C10.0707447,7.50027271 9.84209426,7.30335171 9.54992542,7.15929326 C9.25775658,7.0152348 8.8068071,6.87580416 8.19706343,6.74099717 C7.58731977,6.60619017 7.20341286,6.47667166 7.04533117,6.35243776 C6.92112412,6.25463661 6.85902153,6.13701266 6.85902153,5.99956239 C6.85902153,5.84889574 6.92535839,5.72862856 7.05803409,5.63875723 C7.26410487,5.49866368 7.54921221,5.42861796 7.91336468,5.42861796 C8.26622559,5.42861796 8.53086731,5.49403802 8.70729777,5.62488011 C8.88372822,5.75572219 8.99875916,5.97048502 9.05239402,6.26917503 L10.3057497,6.21763144 C10.2859895,5.68369 10.0792161,5.25680758 9.68542333,4.93697137 C9.29163055,4.61713516 8.70518451,4.45721945 7.92606761,4.45721945 C7.44899965,4.45721945 7.04180426,4.52462194 6.70446923,4.65942894 C6.36713419,4.79423594 6.10884387,4.99049612 5.92959053,5.24821538 C5.75033718,5.50593464 5.66071186,5.78281349 5.66071186,6.07886022 C5.66071186,6.53878998 5.85125389,6.92866711 6.23234368,7.24850332 C6.50334086,7.47582493 6.97475598,7.66745945 7.64660316,7.82341264 C8.16883731,7.94500327 8.50334444,8.02958678 8.65013458,8.07716572 C8.86467402,8.14853413 9.01499052,8.23245684 9.10108858,8.32893636 C9.18718664,8.42541587 9.23023503,8.54237901 9.23023503,8.67982929 C9.23023503,8.89393452 9.1279069,9.08094338 8.92324757,9.24086148 C8.71858824,9.40077959 8.41442669,9.48073744 8.0107538,9.48073744 C7.62966401,9.48073744 7.32691389,9.39086746 7.10249435,9.21112479 C6.87807481,9.03138213 6.72916973,8.74987762 6.65577466,8.36660283 L5.43629344,8.4776198 Z',
id: 'Combined-Shape',
fill: '#B6B6BB',
fillRule: 'nonzero'
}),
_react2.default.createElement('path', {
d: 'M2.3523166,9.58780121 C2.3523166,11.3415111 4.18891357,13.084612 7.96428506,14.7450665 C11.7396576,13.0846122 13.5762548,11.3415112 13.5762548,9.58780121 L13.5762548,2.00433929 C11.6752339,1.47463074 9.77743587,1.21004618 7.88175676,1.21004618 C5.99209237,1.21004618 4.14941698,1.4729442 2.3523166,1.99889097 L2.3523166,9.58780121 Z M1.85714286,1.63084673 C3.81189315,1.01980605 5.82009778,0.714285714 7.88175676,0.714285714 C9.94341573,0.714285714 12.0066397,1.01980605 14.0714286,1.63084673 L14.0714286,9.58780121 C14.0714286,11.6297839 12.0357143,13.5290882 7.96428571,15.2857143 C3.89285714,13.5290882 1.85714286,11.6297839 1.85714286,9.58780121 L1.85714286,1.63084673 Z M2.87525781,2.4266356 C4.50413386,1.91746577 6.17755295,1.66288085 7.89551507,1.66288085 C9.61347718,1.66288085 11.3327434,1.91746577 13.0533136,2.4266356 C13.0533136,5.15825092 13.0533136,7.4582557 13.0533136,9.32664995 C13.0533136,11.0281995 11.356971,12.670773 7.96428571,14.2543704 C4.57160044,12.670773 2.87525781,11.0281995 2.87525781,9.32664995 C2.87525781,7.58956981 2.87525781,5.28956503 2.87525781,2.4266356 Z M5.0757722,8.54819434 C5.16813309,9.28067293 5.45158122,9.83821178 5.9261251,10.2208276 C6.40066898,10.6034435 7.08062601,10.7947485 7.96601661,10.7947485 C8.57432453,10.7947485 9.0823018,10.7151001 9.48996366,10.5558009 C9.89762551,10.3965017 10.2129217,10.1530902 10.4358618,9.82555915 C10.6588019,9.49802808 10.7702703,9.14668183 10.7702703,8.77150987 C10.7702703,8.35762969 10.6771146,8.01000534 10.4908004,7.72862637 C10.3044861,7.4472474 10.0465165,7.22542286 9.71688367,7.0631461 C9.38725084,6.90086934 8.87847737,6.74380566 8.19054799,6.59195034 C7.50261861,6.44009503 7.06948439,6.29419701 6.89113232,6.15425191 C6.75099856,6.04408237 6.68093273,5.91158315 6.68093273,5.75675028 C6.68093273,5.58702963 6.75577578,5.4515529 6.90546411,5.35031602 C7.13795877,5.19250559 7.45962462,5.11360156 7.87047134,5.11360156 C8.26857862,5.11360156 8.5671546,5.18729495 8.76620824,5.33468393 C8.96526188,5.48207292 9.09504291,5.72399565 9.15555521,6.06045939 L10.5696252,6.00239736 C10.5473312,5.4009312 10.3140438,4.92006324 9.8697561,4.55977906 C9.42546838,4.19949488 8.763824,4.01935549 7.88480313,4.01935549 C7.34656208,4.01935549 6.88715317,4.09528201 6.50656261,4.24713733 C6.12597205,4.39899264 5.83456189,4.6200728 5.6323234,4.91038444 C5.4300849,5.20069607 5.32896717,5.5125903 5.32896717,5.84607649 C5.32896717,6.3641711 5.54394187,6.80335391 5.97389774,7.16363809 C6.27964413,7.41970784 6.81150748,7.63557735 7.56950374,7.81125311 C8.15870251,7.94822065 8.53610255,8.04350099 8.70171518,8.09709698 C8.94376441,8.17749097 9.11335557,8.27202694 9.21049374,8.3807077 C9.30763192,8.48938847 9.35620028,8.62114331 9.35620028,8.77597618 C9.35620028,9.01715815 9.2407509,9.22781703 9.00984868,9.40795912 C8.77894645,9.58810121 8.43578313,9.6781709 7.9803484,9.6781709 C7.55039253,9.6781709 7.20882161,9.57693554 6.95562538,9.37446179 C6.70242915,9.17198803 6.5344304,8.85488316 6.45162408,8.42313765 L5.0757722,8.54819434 Z',
id: 'Combined-Shape',
fill: '#B6B6BB',
fillRule: 'nonzero'
})
)
);
}
}]);
return SilverIcon;
}(_react.Component);
SilverIcon.propTypes = {
width: _propTypes.PropTypes.string
};
SilverIcon.defaultProps = {
width: '20px'
};
exports.default = SilverIcon;