@zohodesk/icons 1.0.0-beta.10 → 1.0.0-beta.102

package/es/FontIcon/FontIcon.js

@@ -1,412 +0,0 @@
-import _typeof from 'babel-runtime/helpers/typeof';
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/* eslint css-modules/no-unused-class: [2, { markAsUsed: [
-  'size1',
-  'size2',
-  'size3',
-  'size4',
-  'size5',
-  'size6',
-  'size7',
-  'size8',
-  'size9',
-  'size10',
-  'size11',
-  'size12',
-  'size13',
-  'size14',
-  'size15',
-  'size16',
-  'size17',
-  'size18',
-  'size19',
-  'size20',
-  'size21',
-  'size22',
-  'size23',
-  'size24',
-  'size25',
-  'size26',
-  'size27',
-  'size28',
-  'size29',
-  'size30',
-  'size31',
-  'size32',
-  'size33',
-  'size34',
-  'size35',
-  'size36',
-  'size37',
-  'size38',
-  'size39',
-  'size40',
-  'size41',
-  'size42',
-  'size43',
-  'size44',
-  'size45',
-  'size46',
-  'size47',
-  'size48',
-  'size49',
-  'size50',
-  'size55',
-  'size57',
-  'size60',
-  'size61',
-  'size65',
-  'size70',
-  'size73',
-  'size80',
-  'size86',
-  'size88',
-  'size90',
-  'size95',
-  'size100',
-  'size110',
-  'size120',
-  'size132',
-  'size140',
-  'size160',
-  'size170',
-  'size180',
-  'size181',
-  'size200',
-  'size220',
-  'size225',
-  'size250',
-  'size280',
-  'size304',
-  'size350',
-  'size364',
-  'size400',
-  'size468',
-  'pure',
-  'hover_pure',
-  'athensgray',
-  'hover_athensgray',
-  'alabaster',
-  'hover_alabaster',
-  'gallery1',
-  'hover_gallery1',
-  'smoke2',
-  'hover_smoke2',
-  'smoke5',
-  'hover_smoke5',
-  'smoke12',
-  'hover_smoke12',
-  'smoke14',
-  'hover_smoke14',
-  'smoke15',
-  'hover_smoke15',
-  'smoke17',
-  'hover_smoke17',
-  'smoke18',
-  'hover_smoke18',
-  'smoke19',
-  'hover_smoke19',
-  'smoke20',
-  'hover_smoke20',
-  'smoke21',
-  'hover_smoke21',
-  'smoke23',
-  'hover_smoke23',
-  'smoke24',
-  'hover_smoke24',
-  'smoke25',
-  'hover_smoke25',
-  'smoke27',
-  'hover_smoke27',
-  'smoke31',
-  'hover_smoke31',
-  'smoke32',
-  'hover_smoke32',
-  'smoke35',
-  'hover_smoke35',
-  'smoke36',
-  'hover_smoke36',
-  'smoke37',
-  'hover_smoke37',
-  'smoke38',
-  'hover_smoke38',
-  'smoke39',
-  'hover_smoke39',
-  'smoke48',
-  'hover_smoke48',
-  'smoke50',
-  'hover_smoke50',
-  'smoke51',
-  'hover_smoke51',
-  'smoke52',
-  'hover_smoke52',
-  'smoke54',
-  'hover_smoke54',
-  'smoke55',
-  'hover_smoke55',
-  'smoke56',
-  'hover_smoke56',
-  'smoke58',
-  'hover_smoke58',
-  'smoke60',
-  'hover_smoke60',
-  'smoke61',
-  'hover_smoke61',
-  'smoke62',
-  'hover_smoke62',
-  'smoke65',
-  'hover_smoke65',
-  'smoke66',
-  'hover_smoke66',
-  'smoke67',
-  'hover_smoke67',
-  'smoke73',
-  'hover_smoke73',
-  'smoke74',
-  'hover_smoke74',
-  'smoke79',
-  'hover_smoke79',
-  'smoke86',
-  'hover_smoke86',
-  'smoke89',
-  'hover_smoke89',
-  'smoke90',
-  'hover_smoke90',
-  'smoke99',
-  'hover_smoke99',
-  'shark',
-  'hover_shark',
-  'shark1',
-  'hover_shark1',
-  'dark',
-  'hover_dark',
-  'dark2',
-  'hover_dark2',
-  'dark4',
-  'hover_dark4',
-  'dark5',
-  'hover_dark5',
-  'dark6',
-  'hover_dark6',
-  'dark13',
-  'hover_dark13',
-  'dark15',
-  'hover_dark15',
-  'dark17',
-  'hover_dark17',
-  'dark18',
-  'hover_dark18',
-  'dark20',
-  'hover_dark20',
-  'dark21',
-  'hover_dark21',
-  'dark24',
-  'hover_dark24',
-  'dark27',
-  'hover_dark27',
-  'dark28',
-  'hover_dark28',
-  'blue4',
-  'hover_blue4',
-  'blue5',
-  'hover_blue5',
-  'blue10',
-  'hover_blue10',
-  'blue11',
-  'hover_blue11',
-  'prime',
-  'hover_prime',
-  'primary',
-  'hover_primary',
-  'primary1',
-  'hover_primary1',
-  'primary2',
-  'hover_primary2',
-  'primary9',
-  'hover_primary9',
-  'primary10',
-  'hover_primary10',
-  'primary19',
-  'hover_primary19',
-  'danger',
-  'hover_danger',
-  'danger1',
-  'hover_danger1',
-  'danger4',
-  'hover_danger4',
-  'danger6',
-  'hover_danger6',
-  'danger8',
-  'hover_danger8',
-  'danger11',
-  'hover_danger11',
-  'danger12',
-  'hover_danger12',
-  'danger14',
-  'hover_danger14',
-  'danger15',
-  'hover_danger15',
-  'danger20',
-  'hover_danger20',
-  'mandatory',
-  'hover_mandatory',
-  'orange',
-  'hover_orange',
-  'error',
-  'hover_error',
-  'vermilion',
-  'hover_vermilion',
-  'olive',
-  'hover_olive',
-  'olive3',
-  'hover_olive3',
-  'olive4',
-  'hover_olive4',
-  'olive5',
-  'hover_olive5',
-  'olive6',
-  'hover_olive6',
-  'olive7',
-  'hover_olive7',
-  'olive8',
-  'hover_olive8',
-  'olive9',
-  'hover_olive9',
-  'olive10',
-  'hover_olive10',
-  'olive12',
-  'hover_olive12',
-  'olive13',
-  'hover_olive13',
-  'olive14',
-  'hover_olive14',
-  'olive15',
-  'hover_olive15',
-  'olive16',
-  'hover_olive16',
-  'gold',
-  'hover_gold',
-  'goldyellow',
-  'hover_goldyellow',
-  'yellow',
-  'hover_yellow',
-  'yellow1',
-  'hover_yellow1',
-  'yellow3',
-  'hover_yellow3',
-  'yellow5',
-  'hover_yellow5',
-  'info',
-  'hover_info',
-  'small',
-  'medium',
-  'large',
-  'xlarge',
-  'missed'
-]}] */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import fsize from '@zohodesk/variables/lib/fontsize.module.css';
-import colors from '@zohodesk/variables/lib/colors.module.css';
-import style from './FontIcon.module.css';
-var defSizes = {
-  small: '10',
-  medium: '13',
-  large: '14',
-  xlarge: '15',
-  heading4: '16',
-  heading3: '18',
-  heading2: '22',
-  heading1: '24'
-};
-
-var FontIcon = function (_React$Component) {
-  _inherits(FontIcon, _React$Component);
-
-  function FontIcon() {
-    _classCallCheck(this, FontIcon);
-
-    return _possibleConstructorReturn(this, (FontIcon.__proto__ || _Object$getPrototypeOf(FontIcon)).apply(this, arguments));
-  }
-
-  _createClass(FontIcon, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          name = _props.name,
-          size = _props.size,
-          color = _props.color,
-          hoverColor = _props.hoverColor,
-          onClick = _props.onClick,
-          isBold = _props.isBold,
-          pathName = _props.pathName,
-          iconContent = _props.iconContent,
-          iconClass = _props.iconClass,
-          title = _props.title,
-          dataId = _props.dataId;
-
-      var hoverColorClass = hoverColor ? colors['hover_' + hoverColor] + ' ' : '';
-      var bolder = isBold ? style.fbold : '';
-      var fcolor = color ? colors[color] : '';
-      var fontSize = fsize['size' + (defSizes[size] || size)];
-      if ((typeof name === 'undefined' ? 'undefined' : _typeof(name)) === 'object') {
-        var classname = style.basic + ' ' + pathName + '  ' + fontSize + ' ' + fcolor + '  ' + hoverColorClass + '  ' + (iconClass ? iconClass : '');
-        var childArray = [];
-        for (var i = 1; i < name[1] + 1; i++) {
-          var pathClass = iconContent['path' + i] + '   ' + (iconClass ? 'path' + i : '');
-          childArray.push(React.createElement('span', { className: pathClass, key: i }));
-        }
-        return React.createElement(
-          'i',
-          {
-            className: classname + ' ' + (onClick ? style.cursor : ''),
-            'data-title': title,
-            onClick: onClick,
-            'data-id': dataId
-          },
-          childArray
-        );
-      }
-      var fontClass = style.basic + ' ' + pathName + ' ' + bolder + ' ' + fontSize + ' ' + fcolor + ' ' + hoverColorClass + '  ' + (iconClass ? iconClass : '');
-      return React.createElement('i', {
-        className: fontClass + ' ' + (onClick ? style.cursor : ''),
-        'data-title': title,
-        onClick: onClick,
-        'data-id': dataId
-      });
-    }
-  }]);
-
-  return FontIcon;
-}(React.Component);
-
-export default FontIcon;
-
-FontIcon.propTypes = {
-  color: PropTypes.string,
-  dataId: PropTypes.string,
-  hoverColor: 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
-};
-FontIcon.defaultProps = {
-  size: '10',
-  dataId: 'fontIcon'
-};
-if (false) {
-  FontIcon.docs = {
-    componentGroup: 'FontIcon',
-    folderName: 'Style Guide'
-  };
-}

package/es/FontIcon/FontIcon.module.css

@@ -1,35 +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;
-}
-/* size units */
-.small {
-  font-size: var(--zd_size10);
-}
-.medium {
-  font-size: var(--zd_size13);
-}
-.large {
-  font-size: var(--zd_size14);
-}
-.xlarge {
-  font-size: var(--zd_size15);
-}
-.missed :global .path2::before {
-  color: #d63a3a !important;
-}
-.cursor {
-  cursor: pointer;
-}

package/es/FontIcon/FontIconAll.js

@@ -1,115 +0,0 @@
-import _Object$keys from 'babel-runtime/core-js/object/keys';
-import _Promise from 'babel-runtime/core-js/promise';
-import React from 'react';
-import asyncComponent from '../Icon/asyncComponent';
-import { FontFactory } from './FontFactory';
-
-function getAddformsFontIcon() {
-  return require('./AddformsFontIcon').default;
-}
-function getAutomateFontIcon() {
-  return require('./AutomateFontIcon').default;
-}
-function getChannelsFontIcon() {
-  return require('./ChannelsFontIcon').default;
-}
-function getCommonFontIcon() {
-  return require('./CommonFontIcon').default;
-}
-function getCommunityFontIcon() {
-  return require('./CommunityFontIcon').default;
-}
-function getCustomersFontIcon() {
-  return require('./CustomersFontIcon').default;
-}
-function getCustomizeFontIcon() {
-  return require('./CustomizeFontIcon').default;
-}
-function getGamescopeFontIcon() {
-  return require('./GamescopeFontIcon').default;
-}
-function getGettingstartedFontIcon() {
-  return require('./GettingstartedFontIcon').default;
-}
-function getKnowledgeBaseFontIcon() {
-  return require('./KnowledgeBaseFontIcon').default;
-}
-function getLogoFontIcon() {
-  return require('./LogoFontIcon').default;
-}
-function getOrganizationFontIcon() {
-  return require('./OrganizationFontIcon').default;
-}
-function getOthersFontIcon() {
-  return require('./OthersFontIcon').default;
-}
-function getReportsFontIcon() {
-  return require('./ReportsFontIcon').default;
-}
-function getSetupFontIcon() {
-  return require('./SetupFontIcon').default;
-}
-function getSocialFontIcon() {
-  return require('./SocialFontIcon').default;
-}
-function getTicketsFontIcon() {
-  return require('./TicketsFontIcon').default;
-}
-function getTopbandFontIcon() {
-  return require('./TopbandFontIcon').default;
-}
-
-function getIcon(props) {
-  var iconName = void 0;
-  var filesMap = {
-    AddformsFontIcon: getAddformsFontIcon,
-    AutomateFontIcon: getAutomateFontIcon,
-    ChannelsFontIcon: getChannelsFontIcon,
-    CommonFontIcon: getCommonFontIcon,
-    CommunityFontIcon: getCommunityFontIcon,
-    CustomersFontIcon: getCustomersFontIcon,
-    CustomizeFontIcon: getCustomizeFontIcon,
-    GamescopeFontIcon: getGamescopeFontIcon,
-    GettingstartedFontIcon: getGettingstartedFontIcon,
-    KnowledgeBaseFontIcon: getKnowledgeBaseFontIcon,
-    LogoFontIcon: getLogoFontIcon,
-    OrganizationFontIcon: getOrganizationFontIcon,
-    OthersFontIcon: getOthersFontIcon,
-    ReportsFontIcon: getReportsFontIcon,
-    SetupFontIcon: getSetupFontIcon,
-    SocialFontIcon: getSocialFontIcon,
-    TicketsFontIcon: getTicketsFontIcon,
-    TopbandFontIcon: getTopbandFontIcon
-  };
-  return new _Promise(function (res) {
-    require.ensure([], function () {
-      _Object$keys(FontFactory).map(function (name) {
-        if (typeof FontFactory[name][props.name] !== 'undefined') {
-          iconName = name;
-        }
-      });
-      if (iconName) {
-        var Icon = filesMap[iconName]();
-        var response = {
-          Icon: Icon
-        };
-        res(response);
-      }
-    }, 'IconFactory');
-  });
-}
-
-var FontIconAll = asyncComponent(function (props) {
-  return getIcon(props).then(function (res) {
-    return res.Icon;
-  });
-});
-
-export default FontIconAll;
-
-if (false) {
-  FontIconAll.docs = {
-    componentGroup: 'FontIcon',
-    folderName: 'Style Guide'
-  };
-}

package/es/FontIcon/GamescopeFontIcon.js

@@ -1,111 +0,0 @@
-import _typeof from 'babel-runtime/helpers/typeof';
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/* 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';
-
-var GamescopeFontIcon = function (_React$Component) {
-  _inherits(GamescopeFontIcon, _React$Component);
-
-  function GamescopeFontIcon() {
-    _classCallCheck(this, GamescopeFontIcon);
-
-    return _possibleConstructorReturn(this, (GamescopeFontIcon.__proto__ || _Object$getPrototypeOf(GamescopeFontIcon)).apply(this, arguments));
-  }
-
-  _createClass(GamescopeFontIcon, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          name = _props.name,
-          size = _props.size,
-          color = _props.color,
-          hoverColor = _props.hoverColor,
-          onClick = _props.onClick,
-          iconClass = _props.iconClass,
-          isBold = _props.isBold,
-          title = _props.title,
-          dataId = _props.dataId;
-
-
-      var pathName = _typeof(FontFactory.GamescopeFontIcon[name]) === 'object' ? FontFactory.GamescopeFontIcon[name][0] : FontFactory.GamescopeFontIcon[name];
-      return React.createElement(FontIcon, {
-        color: color,
-        hoverColor: hoverColor,
-        iconClass: iconClass,
-        iconContent: iconContent,
-        isBold: isBold,
-        name: FontFactory.GamescopeFontIcon[name],
-        onClick: onClick,
-        pathName: iconContent[pathName],
-        size: size,
-        title: title,
-        dataId: dataId
-      });
-    }
-  }]);
-
-  return GamescopeFontIcon;
-}(React.Component);
-
-export default GamescopeFontIcon;
-
-
-GamescopeFontIcon.defaultProps = {
-  isBold: false,
-  size: '10'
-};
-
-GamescopeFontIcon.propTypes = {
-  color: PropTypes.string,
-  dataId: PropTypes.string,
-  hoverColor: 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: ' ',
-  hoverColor: ' ',
-  size: ' ',
-  color: ' ',
-  iconClass: ' ',
-  onClick: ' ',
-  title: ' '
-};
-
-if (false) {
-  GamescopeFontIcon.docs = {
-    componentGroup: 'FontIcon',
-    folderName: 'Style Guide'
-  };
-}