@zohodesk/dot 1.0.0-temp-64 → 1.0.0-temp-65

package/es/list/Comment/Comment.js

@@ -22,7 +22,10 @@ export default class Comment extends Component {
       customClass: `${style.container} ${className} `,
       onClick: onClick,
       dataId: "commentLstContainer",
-      title: commentTitle
+      title: commentTitle,
+      customProps: {
+        'aria-label': commentTitle
+      }
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-TK-commentLine",
       iconClass: style.commentIcon

package/es/list/Comment/docs/Comment__default.docs.js

@@ -0,0 +1,26 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Comment from '../Comment';
+export default class Comment__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(Comment, {
+      count: "2"
+    }));
+  }
+
+}
+
+if (false) {
+  Comment__default.docs = {
+    folderName: 'List',
+    componentGroup: 'Comment'
+  };
+}

package/es/list/DotNew/DotNew.module.css

@@ -1,15 +1,15 @@
 .medium {
   width: var(--zd_size6);
-  height: var(--zd_size6);
+  height: var(--zd_size6); 
 }
 .small{
   width: var(--zd_size5);
-  height: var(--zd_size5);
+  height: var(--zd_size5); 
 }
 .container{
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-   /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
-  box-shadow: 0 0 0 0 var(--dot_catskillWhite),
+   /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1); 
+  box-shadow: 0 0 0 0 var(--dot_bg_catskillWhite),
     0 0 0 0 rgba(10, 115, 235, 0.6); */
   border-radius: 50%;
   background-color: var(--zdt_dotnew_default_bg);

package/es/list/DotNew/docs/DotNew__default.docs.js

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import DotNew from '../DotNew';
+export default class DotNew__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(DotNew, null);
+  }
+
+}
+
+if (false) {
+  DotNew__default.docs = {
+    folderName: 'List',
+    componentGroup: 'DotNew'
+  };
+}

package/es/list/GridStencils/docs/GridStencils__default.docs.js

@@ -0,0 +1,35 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import GridStencils from '../GridStencils';
+import style from '@zohodesk/components/lib/common/docStyle.module.css';
+export default class GridStencils__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", {
+      className: style.w350
+    }, /*#__PURE__*/React.createElement(GridStencils, {
+      lineBar: "Bar",
+      from: "leftPanel",
+      isThreeLayout: true
+    }), /*#__PURE__*/React.createElement(GridStencils, {
+      lineBar: "Bar"
+    }), /*#__PURE__*/React.createElement(GridStencils, {
+      lineBar: "Bar"
+    }), /*#__PURE__*/React.createElement(GridStencils, {
+      lineBar: "Bar"
+    }), /*#__PURE__*/React.createElement(GridStencils, {
+      lineBar: "Bar"
+    })));
+  }
+
+}
+
+if (false) {
+  GridStencils__default.docs = {
+    folderName: 'List',
+    componentGroup: 'GridStencils'
+  };
+}

package/es/list/Icons/AddNewIcon.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Icon from '@zohodesk/icons/lib/Icon';
@@ -9,14 +11,18 @@ export default class AddNewIcon extends React.Component {
       dataId,
       dataTitle,
       iconClass,
-      className
+      className,
+      customProps
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    let {
+      AddNewIconProps
+    } = customProps;
+    return /*#__PURE__*/React.createElement("span", _extends({
       onClick: onClick,
       className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
       "data-id": dataId,
       "data-title": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, AddNewIconProps), /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-SE-addTickets",
       iconClass: iconClass ? iconClass : ''
     }));
@@ -28,5 +34,8 @@ AddNewIcon.propTypes = {
   dataId: PropTypes.string,
   dataTitle: PropTypes.string,
   iconClass: PropTypes.string,
-  onClick: PropTypes.func
+  onClick: PropTypes.func,
+  customProps: PropTypes.shape({
+    AddNewIconProps: PropTypes.object
+  })
 };

package/es/list/Icons/CompleteIcon.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Icon from '@zohodesk/icons/lib/Icon';
@@ -10,14 +12,18 @@ export default class CompleteIcon extends React.Component {
       dataTitle,
       iconClass,
       className,
-      iconSize
+      iconSize,
+      customProps
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    let {
+      CompleteIconProps
+    } = customProps;
+    return /*#__PURE__*/React.createElement("span", _extends({
       onClick: onClick,
       className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
       "data-id": dataId,
       "data-title": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, CompleteIconProps), /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-GN-checkbox",
       iconClass: iconClass ? iconClass : '',
       size: iconSize
@@ -31,5 +37,8 @@ CompleteIcon.propTypes = {
   dataTitle: PropTypes.string,
   iconClass: PropTypes.string,
   iconSize: PropTypes.string,
-  onClick: PropTypes.func
+  onClick: PropTypes.func,
+  customProps: PropTypes.shape({
+    CompleteIcon: PropTypes.object
+  })
 };

package/es/list/Icons/DeleteIcon.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './Icons.module.css';
@@ -10,14 +12,18 @@ export default class DeleteComponent extends React.Component {
       dataTitle,
       iconClass,
       iconSize,
-      className
+      className,
+      customProps
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    let {
+      DeleteIconProps
+    } = customProps;
+    return /*#__PURE__*/React.createElement("span", _extends({
       onClick: onClick,
       className: `${style.iconStyle} ${style.redHover} ${className ? className : ''}`,
       "data-id": dataId,
       "data-title": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, DeleteIconProps), /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-GN-delete",
       iconClass: iconClass ? iconClass : '',
       size: iconSize
@@ -31,5 +37,8 @@ DeleteComponent.propTypes = {
   dataTitle: PropTypes.string,
   iconClass: PropTypes.string,
   iconSize: PropTypes.string,
-  onClick: PropTypes.func
+  onClick: PropTypes.func,
+  customProps: PropTypes.shape({
+    DeleteIconProps: PropTypes.object
+  })
 };

package/es/list/Icons/EditIcon.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './Icons.module.css';
@@ -10,14 +12,18 @@ export default class EditIcon extends React.Component {
       dataTitle,
       iconClass,
       iconSize,
-      className
+      className,
+      customProps
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    let {
+      EditIconProps
+    } = customProps;
+    return /*#__PURE__*/React.createElement("span", _extends({
       onClick: onClick,
       className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
       "data-id": dataId,
       "data-title": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, EditIconProps), /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-GN-edit",
       iconClass: iconClass ? iconClass : '',
       size: iconSize
@@ -31,5 +37,8 @@ EditIcon.propTypes = {
   dataTitle: PropTypes.string,
   iconClass: PropTypes.string,
   iconSize: PropTypes.string,
-  onClick: PropTypes.func
+  onClick: PropTypes.func,
+  customProps: PropTypes.shape({
+    EditIconProps: PropTypes.object
+  })
 };

package/es/list/Icons/ReadUnreadIcon.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Icon from '@zohodesk/icons/lib/Icon';
@@ -12,14 +14,18 @@ export default class ReadUnreadIcon extends React.Component {
       iconClass,
       className,
       isRead,
-      iconSize
+      iconSize,
+      customProps
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    let {
+      ReadUnreadIconProps
+    } = customProps;
+    return /*#__PURE__*/React.createElement("span", _extends({
       onClick: onClick,
       className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
       "data-id": dataId,
       "data-title": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, ReadUnreadIconProps), /*#__PURE__*/React.createElement(Icon, {
       name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
       size: iconSize,
       iconClass: `${iconClassName ? iconClassName : ''} ${iconClass ? iconClass : ''}`

package/es/list/Icons/SmartIcon.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import style from './Icons.module.css';
@@ -9,14 +11,18 @@ export default class SmartIcon extends Component {
       dataId,
       dataTitle,
       iconClass,
-      className
+      className,
+      customProps
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    let {
+      PeekIconProps
+    } = customProps;
+    return /*#__PURE__*/React.createElement("span", _extends({
       onClick: onClick,
       className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}`,
       "data-id": dataId,
       "data-title": dataTitle
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, PeekIconProps), /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-TK-peek",
       iconClass: iconClass ? iconClass : ''
     }));
@@ -30,5 +36,8 @@ SmartIcon.propTypes = {
   features: PropTypes.array,
   iconClass: PropTypes.string,
   module: PropTypes.string,
-  onClick: PropTypes.func
+  onClick: PropTypes.func,
+  customProps: PropTypes.shape({
+    PeekIconProps: PropTypes.object
+  })
 };

package/es/list/Icons/docs/FloatingIcons__default.docs.js

@@ -0,0 +1,24 @@
+import React, { Component } from 'react';
+import FloatingIcons from '../FloatingIcons';
+import EditIcon from '../EditIcon';
+import DeleteIcon from '../DeleteIcon';
+import SmartIcon from '../SmartIcon';
+import ReadUnreadIcon from '../ReadUnreadIcon';
+export default class FloatingIcons__default extends Component {
+  render() {
+    return /*#__PURE__*/React.createElement(FloatingIcons, null, /*#__PURE__*/React.createElement(ReadUnreadIcon, {
+      isRead: true,
+      iconSize: "15"
+    }), /*#__PURE__*/React.createElement(ReadUnreadIcon, {
+      iconSize: "15"
+    }), /*#__PURE__*/React.createElement(EditIcon, null), /*#__PURE__*/React.createElement(DeleteIcon, null), /*#__PURE__*/React.createElement(SmartIcon, null));
+  }
+
+}
+
+if (false) {
+  FloatingIcons__default.docs = {
+    folderName: 'List',
+    componentGroup: 'FloatingIcons'
+  };
+}

package/es/list/ListLayout/docs/ListLayout__default.docs.js

@@ -0,0 +1,60 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ListLayout, { Column } from '../ListLayout';
+export default class ListLayout__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  generateFooter() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, "Footer Area..!");
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, "We have to define at least 1 Column and maximum 3 column in ", /*#__PURE__*/React.createElement("b", null, "ListLayout"), " Component"), /*#__PURE__*/React.createElement("h4", null, "Variation1"), /*#__PURE__*/React.createElement(ListLayout, {
+      footer: this.generateFooter
+    }, /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, "Column One")), /*#__PURE__*/React.createElement(Column, {
+      flexible: true
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, "Column Two")), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, "Column Three")), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, "Column Four"))), /*#__PURE__*/React.createElement("h4", null, "Variation2"), /*#__PURE__*/React.createElement(ListLayout, {
+      needHover: true
+    }, /*#__PURE__*/React.createElement(Column, {
+      flexible: true
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, "Column One")), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '20px'
+      }
+    }, "Column Two"))));
+  }
+
+}
+
+if (false) {
+  ListLayout__default.docs = {
+    folderName: 'List',
+    componentGroup: 'ListLayout'
+  };
+}

package/es/list/ListStencils/docs/ListStencils__default.docs.js

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ListStencils from '../ListStencils';
+export default class ListStencils__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(ListStencils, null);
+  }
+
+}
+
+if (false) {
+  ListStencils__default.docs = {
+    folderName: 'List',
+    componentGroup: 'ListStencils'
+  };
+}

package/es/list/SecondaryText/docs/ContactName__default.docs.js

@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ContactName from '../ContactName';
+export default class ContactName__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(ContactName, {
+      text: "Antro Contact",
+      isPaidUser: true
+    });
+  }
+
+}
+
+if (false) {
+  ContactName__default.docs = {
+    folderName: 'List',
+    componentGroup: 'ContactName'
+  };
+}

package/es/list/SecondryPanel/docs/SecondryPanelDocs.module.css

@@ -0,0 +1,37 @@
+.layoutWrapper {
+  width: 100%;
+  margin-bottom: 20px;
+  padding: 10px;
+}
+
+.minilayoutContainer {
+  flex-direction: column;
+}
+.container {
+  background: gray;
+}
+.itemId {
+  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
+}
+.itemInner {
+  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  max-width: var(--zd_size240);
+  font-size: 13px;
+  padding: 5px;
+  background: #fafafa;
+}
+.itemText {
+  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/lib/common/common.module.css';
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.itemDot {
+  display: inline-block;
+  vertical-align: middle;
+  width: 3px;
+  height: 3px;
+  background-color: red;
+  border-radius: 50%;
+  margin: 0 10px;
+}

package/es/list/SecondryPanel/docs/SecondryPanel__default.docs.js

@@ -0,0 +1,81 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import SecondryPanel, { SecondryPanelUL, SecondryPanelLI } from '../SecondryPanel';
+import style from './SecondryPanelDocs.module.css';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+export default class SecondryPanel__default extends Component {
+  constructor(props) {
+    super(props);
+    this.responsiveFunc = this.responsiveFunc.bind(this);
+  }
+
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
+    return {
+      uptoTablet: mediaQueryOR([{
+        maxWidth: 640
+      }])
+    };
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      query: this.responsiveFunc
+    }, _ref2 => {
+      let {
+        uptoTablet
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(SecondryPanel, {
+        className: style.layoutWrapper
+      }, /*#__PURE__*/React.createElement(SecondryPanelUL, {
+        className: `${uptoTablet ? style.minilayoutContainer : ''}`
+      }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
+        className: style.container
+      }, /*#__PURE__*/React.createElement(SecondryPanelLI, {
+        className: `${style.itemId}`
+      }, /*#__PURE__*/React.createElement("span", {
+        className: style.itemInner
+      }, /*#__PURE__*/React.createElement("span", {
+        className: style.itemText
+      }, "#12303456789"), /*#__PURE__*/React.createElement("span", {
+        className: style.itemDot
+      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+        className: style.itemInner
+      }, /*#__PURE__*/React.createElement("span", {
+        className: style.itemText
+      }, "Nicole Hawkins"), /*#__PURE__*/React.createElement("span", {
+        className: style.itemDot
+      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+        className: style.itemInner
+      }, /*#__PURE__*/React.createElement("span", {
+        className: style.itemText
+      }, "Welcome to Diffchecker"), /*#__PURE__*/React.createElement("span", {
+        className: style.itemDot
+      }))))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
+        className: style.container
+      }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+        className: style.itemInner
+      }, /*#__PURE__*/React.createElement("span", {
+        className: style.itemText
+      }, "28 Jun 2019"), /*#__PURE__*/React.createElement("span", {
+        className: style.itemDot
+      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+        className: style.itemInner
+      }, /*#__PURE__*/React.createElement("span", {
+        className: style.itemText
+      }, "28 May 2019 07:41 PM"), /*#__PURE__*/React.createElement("span", {
+        className: style.itemDot
+      })))))));
+    });
+  }
+
+}
+
+if (false) {
+  SecondryPanel__default.docs = {
+    folderName: 'List',
+    componentGroup: 'SecondaryLayout'
+  };
+}

package/es/list/SentimentStatus/docs/SentimentStatus__default.docs.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SentimentStatus from '../SentimentStatus';
+export default class SentimentStatus__default extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(SentimentStatus, null);
+  }
+
+}
+
+if (false) {
+  SentimentStatus__default.docs = {
+    componentGroup: ''
+  };
+}

package/es/list/Subject/docs/Subject__default.docs.js

@@ -0,0 +1,44 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Subject from '../Subject';
+export default class Subject__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, "Font Variant"), /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement(Subject, {
+      text: "MacBook Pro - A touch of genius"
+    })), /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement(Subject, {
+      text: "MacBook Pro - A touch of genius",
+      fontWeight: "semibold"
+    })), /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px'
+      }
+    }, /*#__PURE__*/React.createElement(Subject, {
+      text: "MacBook Pro - A touch of genius",
+      fontWeight: "bold"
+    })));
+  }
+
+}
+
+if (false) {
+  Subject__default.docs = {
+    folderName: 'List',
+    componentGroup: 'Subject'
+  };
+}

package/es/list/TagNew/docs/TagNew__default.docs.js

@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import TagNew from '../TagNew';
+export default class TagNew__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(TagNew, {
+      text: "3 New",
+      animate: true
+    });
+  }
+
+}
+
+if (false) {
+  TagNew__default.docs = {
+    folderName: 'List',
+    componentGroup: 'TagNew'
+  };
+}