@zohodesk/icons 1.0.0-beta.1 → 1.0.0-beta.101

package/src/Icon/FontIcon.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import fsize from '@zohodesk/variables/lib/fontsize.module.css';
-import style from './FontIcon.module.css';
-export default class FontIcon extends React.Component {
-  render() {
-    let {
-      name,
-      onClick,
-      isBold,
-      pathName,
-      iconContent,
-      iconClass,
-      title,
-      dataId,
-      size
-    } = this.props;
-    let fontClass = `${style.basic} ${pathName} ${isBold ? style.fbold : ''} ${
-      iconClass ? iconClass : ''
-    } ${onClick ? style.cursor : ''} ${size ? fsize[`size${size}`] : ''}  `;
-    if (typeof name === 'object') {
-      let childArray = [];
-      for (let i = 1; i < name[1] + 1; i++) {
-        let pathClass = `${iconContent[`path${i}`]}   ${
-          iconClass ? `path${i}` : ''
-        }`;
-        childArray.push(<span className={pathClass} key={i} />);
-      }
-      return (
-        <i
-          className={`${fontClass}`}
-          data-title={title}
-          onClick={onClick}
-          data-id={dataId ? dataId : 'fontIcon'}
-        >
-          {childArray}
-        </i>
-      );
-    }
-
-    return (
-      <i
-        className={`${fontClass}`}
-        data-title={title}
-        onClick={onClick}
-        data-id={dataId ? dataId : 'fontIcon'}
-      />
-    );
-  }
-}
-FontIcon.propTypes = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconContent: PropTypes.object,
-  isBold: PropTypes.bool,
-  name: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-  onClick: PropTypes.func,
-  pathName: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string
-};
-
-if (__DOCS__) {
-  FontIcon.docs = {
-    componentGroup: 'Icon',
-    folderName: 'Style Guide'
-  };
-}

package/src/Icon/FontIcon.module.css

@@ -1,19 +0,0 @@
-/* $Id$ */
-.basic {
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: inline-block;
-  vertical-align: middle;
-}
-.fbold {
-  font-weight: bold;
-}
-.cursor {
-  cursor: pointer;
-}

package/src/Icon/GamescopeFontIcon.js

@@ -1,76 +0,0 @@
-/* eslint css-modules/no-unused-class: [2, { markAsUsed: [
-  'icon-circular-minus',
-  'icon-game01',
-  'icon-game02',
-  'icon-game03',
-  'icon-game04',
-  'icon-game05',
-  'icon-game07',
-  'icon-game08',
-  'icon-zdshield1',
-  'icon-zdshield2',
-  'icon-zdshield3',
-  'icon-zdshield4',
-  'path1',
-  'path2',
-  'path3'
-]}]
-*/
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import iconContent from '../../assets/css/zd-font-gamescope.module.css';
-import FontIcon from './FontIcon';
-import { FontFactory } from './FontFactory';
-
-export default class GamescopeFontIcon extends React.Component {
-  render() {
-    let { name, onClick, iconClass, isBold, title, dataId, size } = this.props;
-
-    let pathName =
-      typeof FontFactory.GamescopeFontIcon[name] === 'object'
-        ? FontFactory.GamescopeFontIcon[name][0]
-        : FontFactory.GamescopeFontIcon[name];
-    return (
-      <FontIcon
-        iconClass={iconClass}
-        iconContent={iconContent}
-        isBold={isBold}
-        name={FontFactory.GamescopeFontIcon[name]}
-        onClick={onClick}
-        pathName={iconContent[pathName]}
-        title={title}
-        dataId={dataId}
-        size={size}
-      />
-    );
-  }
-}
-
-GamescopeFontIcon.defaultProps = {
-  isBold: false
-};
-
-GamescopeFontIcon.propTypes = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  isBold: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  title: PropTypes.string
-};
-GamescopeFontIcon.propTypesDescription = {
-  name: ' ',
-  isBold: ' ',
-  iconClass: ' ',
-  onClick: ' ',
-  title: ' '
-};
-
-if (__DOCS__) {
-  GamescopeFontIcon.docs = {
-    componentGroup: 'Icon',
-    folderName: 'Style Guide'
-  };
-}

package/src/Icon/GettingstartedFontIcon.js

@@ -1,118 +0,0 @@
-/* eslint css-modules/no-unused-class: [2, { markAsUsed: [
-  'icon-ic-social_arrow-line',
-  'icon-ic-social_fb-2',
-  'icon-ic-social_twitter-2',
-  'icon-arrow-left',
-  'icon-camera',
-  'icon-channels-4',
-  'icon-check',
-  'icon-close-e',
-  'icon-CRM_new',
-  'icon-delete-2',
-  'icon-delete2',
-  'icon-exclamation-thincircle',
-  'icon-fb2',
-  'icon-Get_Start_rocket',
-  'icon-Getsrart-gear-bg',
-  'icon-GetStartBG',
-  'icon-GetStartstar',
-  'icon-greenemail',
-  'icon-info31',
-  'icon-invite-agents',
-  'icon-livechat',
-  'icon-open',
-  'icon-pen2',
-  'icon-Quicksetup',
-  'icon-Quicksetupgear',
-  'icon-Quicksetupgear1',
-  'icon-rebrand_new',
-  'icon-Rebrand',
-  'icon-rebrand2',
-  'icon-spam',
-  'icon-telephone',
-  'icon-TelephonyDashboard',
-  'icon-ticknew',
-  'icon-TPCRM05-01',
-  'icon-twit',
-  'icon-zd_live_chat',
-  'icon-zd-self-service',
-  'icon-zd-social',
-  'icon-Zoho-Desk',
-  'icon-SkyDeskSupport',
-  'path1',
-  'path2',
-  'path3',
-  'path4',
-  'path5',
-  'path6',
-  'path7',
-  'path8',
-  'path9',
-  'path10',
-  'path11',
-  'path12',
-  'path13',
-  'path14',
-  'path15',
-  'path16',
-  'path17',
-  'path18'
-] }] */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import iconContent from '../../assets/css/zd-font-gettingstarted.module.css';
-import FontIcon from './FontIcon';
-import { FontFactory } from './FontFactory';
-
-export default class GettingstartedFontIcon extends React.Component {
-  render() {
-    let { name, onClick, iconClass, isBold, title, dataId, size } = this.props;
-
-    let pathName =
-      typeof FontFactory.GettingstartedFontIcon[name] === 'object'
-        ? FontFactory.GettingstartedFontIcon[name][0]
-        : FontFactory.GettingstartedFontIcon[name];
-    return (
-      <FontIcon
-        iconClass={iconClass}
-        iconContent={iconContent}
-        isBold={isBold}
-        name={FontFactory.GettingstartedFontIcon[name]}
-        onClick={onClick}
-        pathName={iconContent[pathName]}
-        title={title}
-        dataId={dataId}
-        size={size}
-      />
-    );
-  }
-}
-
-GettingstartedFontIcon.defaultProps = {
-  isBold: false
-};
-
-GettingstartedFontIcon.propTypes = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  isBold: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  title: PropTypes.string
-};
-GettingstartedFontIcon.propTypesDescription = {
-  name: ' ',
-  isBold: ' ',
-  iconClass: ' ',
-  onClick: ' ',
-  title: ' '
-};
-
-if (__DOCS__) {
-  GettingstartedFontIcon.docs = {
-    componentGroup: 'Icon',
-    folderName: 'Style Guide'
-  };
-}

package/src/Icon/KnowledgeBaseFontIcon.js

@@ -1,394 +0,0 @@
-/* eslint css-modules/no-unused-class: [2, { markAsUsed: [
-  'icon-add-column-left',
-  'icon-add-column-right',
-  'icon-add-row-above',
-  'icon-add-row-below',
-  'icon-add-table-header',
-  'icon-default-table',
-  'icon-delete-column',
-  'icon-delete-row',
-  'icon-delete-table',
-  'icon-editor-image',
-  'icon-format-table',
-  'icon-no-border',
-  'icon-table-1',
-  'icon-table-2',
-  'icon-table-3',
-  'icon-table-4v',
-  'icon-table-color-picker',
-  'icon-kn-catlogo-abacus',
-  'icon-kn-catlogo-board',
-  'icon-kn-catlogo-bulb',
-  'icon-kn-catlogo-certificate',
-  'icon-kn-catlogo-compass',
-  'icon-kn-catlogo-fourround',
-  'icon-kn-catlogo-lamb',
-  'icon-kn-catlogo-microscope',
-  'icon-kn-catlogo-pen',
-  'icon-kn-catlogo-sandclock',
-  'icon-kn-catlogo-setsquare',
-  'icon-kn-catlogo-testflask',
-  'icon-kn-catlogo-testround',
-  'icon-kn-catlogo-testtube',
-  'icon-article-emptyattach-3px',
-  'icon-Attach-inapp',
-  'icon-caution-thick',
-  'icon-desk-KB',
-  'icon-desk-KB2',
-  'icon-document-new',
-  'icon-document9',
-  'icon-exclamation1',
-  'icon-eye4',
-  'icon-import-article',
-  'icon-KB-ANALYTICS_Analyse',
-  'icon-KB-ANALYTICS_Calculator',
-  'icon-KB-ANALYTICS_Dashboard',
-  'icon-KB-ANALYTICS_Graph-1',
-  'icon-KB-ANALYTICS_Graph-2',
-  'icon-KB-ANALYTICS_Graph-3',
-  'icon-KB-ANALYTICS_Graph-4',
-  'icon-KB-ANALYTICS_Graph-5',
-  'icon-KB-ANALYTICS_Graph-6',
-  'icon-KB-ANALYTICS_Graph-7',
-  'icon-KB-ANALYTICS_Report',
-  'icon-KB-ANALYTICS_Table',
-  'icon-KB-ANALYTICS_Task-2',
-  'icon-KB-ANALYTICS_Task',
-  'icon-KB-ANANLYTICS_Analysis-1',
-  'icon-KB-ANANLYTICS_Analysis-2',
-  'icon-KB-ANANLYTICS_Analysis-3',
-  'icon-KB-ANANLYTICS_Calculator',
-  'icon-KB-ANANLYTICS_Dashboard',
-  'icon-KB-ANANLYTICS_Graph-1',
-  'icon-KB-ANANLYTICS_Graph-2',
-  'icon-KB-ANANLYTICS_Graph-3',
-  'icon-KB-ANANLYTICS_Graph-4',
-  'icon-KB-ANANLYTICS_Graph-5',
-  'icon-KB-ANANLYTICS_Report-1',
-  'icon-KB-ANANLYTICS_Table',
-  'icon-KB-ANANLYTICS_Task-1',
-  'icon-KB-ANANLYTICS_Task-2',
-  'icon-KB-BUSINESS_Award',
-  'icon-KB-BUSINESS_Calculator',
-  'icon-KB-BUSINESS_Cart',
-  'icon-KB-BUSINESS_Coin',
-  'icon-KB-BUSINESS_Coins',
-  'icon-KB-BUSINESS_Flag',
-  'icon-KB-BUSINESS_Graph',
-  'icon-KB-BUSINESS_Growth',
-  'icon-KB-BUSINESS_Idea-1',
-  'icon-KB-BUSINESS_Idea',
-  'icon-KB-BUSINESS_Idea2',
-  'icon-KB-BUSINESS_Leadership',
-  'icon-KB-BUSINESS_Manager-Chair',
-  'icon-KB-BUSINESS_Meeting',
-  'icon-KB-BUSINESS_Meeting2',
-  'icon-KB-BUSINESS_Money-bag',
-  'icon-KB-BUSINESS_Money-bag2',
-  'icon-KB-BUSINESS_Network',
-  'icon-KB-BUSINESS_Persionolity',
-  'icon-KB-BUSINESS_Product',
-  'icon-KB-BUSINESS_Report',
-  'icon-KB-BUSINESS_Success',
-  'icon-KB-BUSINESS_Success2',
-  'icon-KB-BUSINESS_Suitcase',
-  'icon-KB-BUSINESS_Suitcase2',
-  'icon-KB-BUSINESS_Target',
-  'icon-KB-BUSINESS_Tie',
-  'icon-kb-catlogo-book',
-  'icon-kb-catlogo-camera',
-  'icon-kb-catlogo-globe',
-  'icon-kb-catlogo-headphone',
-  'icon-kb-catlogo-match',
-  'icon-kb-catlogo-mic',
-  'icon-kb-catlogo-mobile',
-  'icon-kb-catlogo-monitor',
-  'icon-kb-catlogo-mp4',
-  'icon-kb-catlogo-pendrive',
-  'icon-kb-catlogo-radio',
-  'icon-kb-catlogo-roundmic',
-  'icon-kb-catlogo-satelite',
-  'icon-kb-catlogo-system',
-  'icon-kb-catlogo-tablet',
-  'icon-kb-catlogo-train',
-  'icon-kb-catlogo-videocamera',
-  'icon-kb-catlogo-volume',
-  'icon-kb-catlogo-wifimodem',
-  'icon-kb-essential-alarm',
-  'icon-kb-essential-attach',
-  'icon-kb-essential-bag',
-  'icon-kb-essential-bell',
-  'icon-kb-essential-block',
-  'icon-kb-essential-bluetooth',
-  'icon-kb-essential-close',
-  'icon-kb-essential-connect',
-  'icon-kb-essential-dustbin',
-  'icon-kb-essential-eye',
-  'icon-kb-essential-female',
-  'icon-kb-essential-gear',
-  'icon-kb-essential-home',
-  'icon-kb-essential-key-1',
-  'icon-kb-essential-key',
-  'icon-kb-essential-lock',
-  'icon-kb-essential-men',
-  'icon-kb-essential-ok',
-  'icon-kb-essential-onoffbtn',
-  'icon-kb-essential-pen',
-  'icon-kb-essential-pin',
-  'icon-kb-essential-plus',
-  'icon-kb-essential-search',
-  'icon-kb-essential-sendmessage',
-  'icon-kb-essential-shield',
-  'icon-kb-essential-signal',
-  'icon-kb-essential-tags',
-  'icon-kb-essential-tools',
-  'icon-KB-ESSENTIALS_Add',
-  'icon-KB-ESSENTIALS_Agent-lady',
-  'icon-KB-ESSENTIALS_Agent-man',
-  'icon-KB-ESSENTIALS_Attach-pin',
-  'icon-KB-ESSENTIALS_Bag',
-  'icon-KB-ESSENTIALS_Ban',
-  'icon-KB-ESSENTIALS_Bluetooth',
-  'icon-KB-ESSENTIALS_Clock',
-  'icon-KB-ESSENTIALS_Close',
-  'icon-KB-ESSENTIALS_Dustbin',
-  'icon-KB-ESSENTIALS_Eye',
-  'icon-KB-ESSENTIALS_Home',
-  'icon-KB-ESSENTIALS_Key-2',
-  'icon-KB-ESSENTIALS_Key',
-  'icon-KB-ESSENTIALS_Lock',
-  'icon-KB-ESSENTIALS_Navigation',
-  'icon-KB-ESSENTIALS_Network',
-  'icon-KB-ESSENTIALS_Notification',
-  'icon-KB-ESSENTIALS_OK',
-  'icon-KB-ESSENTIALS_Pencil',
-  'icon-KB-ESSENTIALS_Pin',
-  'icon-KB-ESSENTIALS_Search',
-  'icon-KB-ESSENTIALS_Security',
-  'icon-KB-ESSENTIALS_Settings-2',
-  'icon-KB-ESSENTIALS_Settings',
-  'icon-KB-ESSENTIALS_Switch',
-  'icon-KB-ESSENTIALS_Tag',
-  'icon-KB-ESSENTIALS_Wifi',
-  'icon-KB-FINANCE_Agreement',
-  'icon-KB-FINANCE_Bank',
-  'icon-KB-FINANCE_Cah-Bag',
-  'icon-KB-FINANCE_Coin',
-  'icon-KB-FINANCE_Debit-card',
-  'icon-KB-FINANCE_Diamond',
-  'icon-KB-FINANCE_Home-loan',
-  'icon-KB-FINANCE_Mobile-Banking',
-  'icon-KB-FINANCE_Piggy',
-  'icon-KB-FINANCE_Report',
-  'icon-KB-FINANCE_Swipe-Machine',
-  'icon-KB-FINANCE_Wallet',
-  'icon-kb-finance-briefcase',
-  'icon-kb-finance-cards',
-  'icon-kb-finance-graph',
-  'icon-kb-finance-handmoney',
-  'icon-kb-finance-home',
-  'icon-kb-finance-homemoney',
-  'icon-kb-finance-invoice',
-  'icon-kb-finance-mobilewallet',
-  'icon-kb-finance-piggy',
-  'icon-kb-finance-swipe',
-  'icon-kb-finance-wallet',
-  'icon-KB-PRODUCTIVITY_Agreement',
-  'icon-KB-PRODUCTIVITY_Balence',
-  'icon-KB-PRODUCTIVITY_Calender',
-  'icon-KB-PRODUCTIVITY_Calender2',
-  'icon-KB-PRODUCTIVITY_Clock-2',
-  'icon-KB-PRODUCTIVITY_Clock',
-  'icon-KB-PRODUCTIVITY_Computer',
-  'icon-KB-PRODUCTIVITY_File',
-  'icon-KB-PRODUCTIVITY_Files',
-  'icon-KB-PRODUCTIVITY_Graph',
-  'icon-KB-PRODUCTIVITY_Idea',
-  'icon-KB-PRODUCTIVITY_Idea2',
-  'icon-KB-PRODUCTIVITY_Mail',
-  'icon-KB-PRODUCTIVITY_Mail2',
-  'icon-KB-PRODUCTIVITY_Settings',
-  'icon-KB-PRODUCTIVITY_Success',
-  'icon-KB-PRODUCTIVITY_Success2',
-  'icon-KB-PRODUCTIVITY_Support',
-  'icon-KB-PRODUCTIVITY_Target',
-  'icon-KB-PRODUCTIVITY_Target2',
-  'icon-KB-PRODUCTIVITY_Time-1',
-  'icon-KB-PRODUCTIVITY_Time',
-  'icon-kb-quick-edit',
-  'icon-KB-SOCIAL_Android',
-  'icon-KB-SOCIAL_Android2',
-  'icon-KB-SOCIAL_Chat',
-  'icon-KB-SOCIAL_Chat2',
-  'icon-KB-SOCIAL_Cloud',
-  'icon-KB-SOCIAL_Connect',
-  'icon-KB-SOCIAL_Facebook',
-  'icon-KB-SOCIAL_Facebook2',
-  'icon-KB-SOCIAL_Instagram',
-  'icon-KB-SOCIAL_Instagram2',
-  'icon-KB-SOCIAL_Like-1',
-  'icon-KB-SOCIAL_Like-12',
-  'icon-KB-SOCIAL_Like',
-  'icon-KB-SOCIAL_Like2',
-  'icon-KB-SOCIAL_Location',
-  'icon-KB-SOCIAL_Location2',
-  'icon-KB-SOCIAL_Mail',
-  'icon-KB-SOCIAL_Message',
-  'icon-KB-SOCIAL_Network',
-  'icon-KB-SOCIAL_Rate',
-  'icon-KB-SOCIAL_Rate2',
-  'icon-KB-SOCIAL_Social',
-  'icon-KB-SOCIAL_Social2',
-  'icon-KB-SOCIAL_Sound-cloud',
-  'icon-KB-SOCIAL_Twitter',
-  'icon-KB-SOCIAL_Twitter2',
-  'icon-KB-TOP-BAR_Gamification',
-  'icon-KB-TOP-BAR_Notification',
-  'icon-KB-TOP-BAR_Setup',
-  'icon-KB-TRAVEL_Bicycle',
-  'icon-KB-TRAVEL_Bike',
-  'icon-KB-TRAVEL_Boat',
-  'icon-KB-TRAVEL_Car',
-  'icon-KB-TRAVEL_Cards',
-  'icon-KB-TRAVEL_Chess',
-  'icon-KB-TRAVEL_Coffee',
-  'icon-KB-TRAVEL_Dice',
-  'icon-KB-TRAVEL_Flight',
-  'icon-KB-TRAVEL_Gamification',
-  'icon-KB-TRAVEL_Helicopter',
-  'icon-KB-TRAVEL_Music',
-  'icon-KB-TRAVEL_Scooter',
-  'icon-KB-TRAVEL_Train',
-  'icon-KB-TRAVEL_Travel-bag',
-  'icon-kb-travel-airplane',
-  'icon-kb-travel-ball',
-  'icon-kb-travel-bike',
-  'icon-kb-travel-car',
-  'icon-kb-travel-cards',
-  'icon-kb-travel-chesscoin',
-  'icon-kb-travel-cub',
-  'icon-kb-travel-cycle',
-  'icon-kb-travel-dice',
-  'icon-kb-travel-helihopter',
-  'icon-kb-travel-mp3',
-  'icon-kb-travel-sailboat',
-  'icon-kb-travel-scooter',
-  'icon-kb-travel-trolleybag',
-  'icon-kb-travel-videogame',
-  'icon-KB-UI_Charging',
-  'icon-KB-UI_Cloud',
-  'icon-KB-UI_Dashboard',
-  'icon-KB-UI_Download',
-  'icon-KB-UI_Images',
-  'icon-KB-UI_Laptop',
-  'icon-KB-UI_Layers',
-  'icon-KB-UI_Mouse',
-  'icon-KB-UI_Refresh',
-  'icon-KB-UI_Save',
-  'icon-KB-UI_Settings',
-  'icon-KB-UI_Switch',
-  'icon-KB-UI_UI',
-  'icon-KB-UI_Warning',
-  'icon-KB-UI-Interface_browse',
-  'icon-KB-UI-Interface_Charging',
-  'icon-KB-UI-Interface_Cloud',
-  'icon-KB-UI-Interface_Download',
-  'icon-KB-UI-Interface_Image',
-  'icon-KB-UI-Interface_Laptop',
-  'icon-KB-UI-Interface_Layer',
-  'icon-KB-UI-Interface_Menu',
-  'icon-KB-UI-Interface_Mouse',
-  'icon-KB-UI-Interface_Power',
-  'icon-KB-UI-Interface_Refresh',
-  'icon-KB-UI-Interface_Save',
-  'icon-KB-UI-Interface_Settings',
-  'icon-KB-UI-Interface_Warning',
-  'icon-KBEditor-anchor',
-  'icon-KBEditor-permalink',
-  'icon-KBEditor-quote',
-  'icon-move2',
-  'icon-Problem-new',
-  'icon-viewarticle-new',
-  'icon-viewarticle',
-  'path1',
-  'path2',
-  'path3',
-  'path4',
-  'path5',
-  'path6',
-  'path7',
-  'path8',
-  'path9',
-  'path10',
-  'path11',
-  'path12',
-  'path13',
-  'path14',
-  'path15',
-  'path16',
-  'path17',
-  'path18',
-  'path19',
-  'path20',
-  'path21',
-  'path22',
-  'path23',
-  'path24'
-]}] */
-import React from 'react';
-import PropTypes from 'prop-types';
-import iconContent from '../../assets/css/zd-font-kb.module.css';
-import FontIcon from './FontIcon';
-import { FontFactory } from './FontFactory';
-
-export default class KnowledgeBaseFontIcon extends React.Component {
-  render() {
-    let { name, onClick, iconClass, isBold, title, dataId, size } = this.props;
-
-    let pathName =
-      typeof FontFactory.KnowledgeBaseFontIcon[name] === 'object'
-        ? FontFactory.KnowledgeBaseFontIcon[name][0]
-        : FontFactory.KnowledgeBaseFontIcon[name];
-    return (
-      <FontIcon
-        iconClass={iconClass}
-        iconContent={iconContent}
-        isBold={isBold}
-        name={FontFactory.KnowledgeBaseFontIcon[name]}
-        onClick={onClick}
-        pathName={iconContent[pathName]}
-        title={title}
-        dataId={dataId}
-        size={size}
-      />
-    );
-  }
-}
-
-KnowledgeBaseFontIcon.defaultProps = {
-  isBold: false
-};
-
-KnowledgeBaseFontIcon.propTypes = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  isBold: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  title: PropTypes.string
-};
-KnowledgeBaseFontIcon.propTypesDescription = {
-  name: ' ',
-  isBold: ' ',
-  iconClass: ' ',
-  onClick: ' ',
-  title: ' '
-};
-
-if (__DOCS__) {
-  KnowledgeBaseFontIcon.docs = {
-    componentGroup: 'Icon',
-    folderName: 'Style Guide'
-  };
-}