@zohodesk/dot 1.0.0-beta.239 → 1.0.0-beta.240

package/es/layout/SetupDetailLayout/docs/SetupDetailLayout__default.docs.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { SetupDetailLayout, SetupHeader, SetupFooter, SetupContent } from '../';
-import FormAction from '../../../FormAction/FormAction';
-export default class SetupDetailLayout__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    return /*#__PURE__*/React.createElement(SetupDetailLayout, {
-      getHelpInfo: () => {},
-      needHelpInfo: true
-    }, /*#__PURE__*/React.createElement(SetupHeader, {
-      title: "Setup",
-      getLeftPlaceHolder: () => /*#__PURE__*/React.createElement("p", null, "setupLeft"),
-      getRightPlaceHolder: () => /*#__PURE__*/React.createElement("p", null, "setupRight")
-    }), /*#__PURE__*/React.createElement(SetupContent, null, /*#__PURE__*/React.createElement("span", null, "Content")), /*#__PURE__*/React.createElement(SetupFooter, null, /*#__PURE__*/React.createElement(FormAction, {
-      size: "large"
-    }, /*#__PURE__*/React.createElement("p", null, "Footer"))));
-  }
-}
-if (false) {
-  SetupDetailLayout__default.docs = {
-    componentGroup: 'Template'
-  };
-}

package/es/layout/SubtabLayout/docs/SubtabLayout__default.docs.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import { SubtabLayout, SubtabHeader, SubtabContent, SubtabFooter } from '../';
-export default class SubtabLayout__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      needBorder: true,
-      needShadow: false
-    };
-    this.onScroll = this.onScroll.bind(this);
-    this.interval = null;
-  }
-  onScroll() {
-    this.setState({
-      needBorder: true,
-      needShadow: true
-    });
-    this.interval = null;
-    let intern = setTimeout(() => {
-      clearInterval(this.interval);
-      this.setState({
-        needBorder: true,
-        needShadow: false
-      });
-    }, 500);
-    this.interval = intern;
-  }
-  render() {
-    let boxStyle = {
-      padding: 'var(--zd_size21)'
-    };
-    let {
-      needShadow,
-      needBorder
-    } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: '100vh',
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement(SubtabLayout, null, /*#__PURE__*/React.createElement(SubtabHeader, {
-      needShadow: needShadow,
-      needBorder: needBorder
-    }), /*#__PURE__*/React.createElement(SubtabContent, null, /*#__PURE__*/React.createElement("div", {
-      onScroll: this.onScroll,
-      style: {
-        height: '100%',
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: boxStyle
-    }, "box 1"), /*#__PURE__*/React.createElement("div", {
-      style: boxStyle
-    }, "box 1"), /*#__PURE__*/React.createElement("div", {
-      style: boxStyle
-    }, "box 2"))), /*#__PURE__*/React.createElement(SubtabFooter, null, "Footer")));
-  }
-}
-if (false) {
-  SubtabLayout__default.docs = {
-    componentGroup: 'Template'
-  };
-}

package/es/list/AvatarFlip/docs/AvatarFlip__default.docs.js

@@ -1,97 +0,0 @@
-import React, { Component } from 'react';
-import AvatarFlip from '../AvatarFlip';
-export default class AvatarFlip__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '20px'
-      }
-    }, /*#__PURE__*/React.createElement("h2", {
-      style: {
-        marginBottom: '10px'
-      }
-    }, "Task Module Icon"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "taskIcon",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "email",
-      icon: "ZD-taskNone"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "taskMeeting",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "email",
-      icon: "ZD-taskMeeting"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "taskCall",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "email",
-      icon: "ZD-taskCall"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "taskDemo",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "email",
-      icon: "ZD-taskDemo"
-    }))), /*#__PURE__*/React.createElement("h2", {
-      style: {
-        marginBottom: '10px',
-        marginTop: '10px'
-      }
-    }, "Customers Module Icon"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "portalUser",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "Antro J",
-      isPortalUser: true
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginRight: '15px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarFlip, {
-      id: "paidUser",
-      noNeedFlip: false,
-      size: "xmedium",
-      name: "Antro J",
-      isPaidUser: true
-    }))));
-  }
-}
-if (false) {
-  AvatarFlip__default.docs = {
-    folderName: 'List',
-    componentGroup: 'AvatarFlip'
-  };
-}

package/es/list/BluePrintStatus/docs/BluePrintStatus__default.docs.js

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

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

@@ -1,23 +0,0 @@
-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/docs/DotNew__default.docs.js

@@ -1,17 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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/docs/FloatingIcons__default.docs.js

@@ -1,22 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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/SecondaryText__default.docs.js

@@ -1,111 +0,0 @@
-import React, { Component } from 'react';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import { ContactName, AccountName, DepartmentText, Email, HappinessRating, PhoneNumber, PriorityText, SecondaryText, StatusText, TicketId, Website } from '../index';
-export default class SecondaryText__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    const boxStyle = {
-      padding: '10px',
-      border: '2px solid #000',
-      width: '30%',
-      margin: '5px'
-    };
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "column",
-      wrap: "wrap",
-      align: "both"
-    }, /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "ContactName"), /*#__PURE__*/React.createElement(ContactName, {
-      text: "Antro Contact",
-      isPaidUser: true,
-      sentimentType: "positive"
-    }), /*#__PURE__*/React.createElement(ContactName, {
-      text: "Antro Contact",
-      isPaidUser: true,
-      sentimentType: "negative"
-    }), /*#__PURE__*/React.createElement(ContactName, {
-      text: "Antro Contact",
-      isPaidUser: true,
-      sentimentType: "neutral"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "AccountName"), /*#__PURE__*/React.createElement(AccountName, {
-      text: "Antro Contact ",
-      secondaryAccountText: " secondaryAccountText",
-      fontWeight: "semibold"
-    }), /*#__PURE__*/React.createElement(AccountName, {
-      text: "Antro Contact ",
-      secondaryAccountText: " secondaryAccountText",
-      fontWeight: "bold"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "DepartmentText"), /*#__PURE__*/React.createElement(DepartmentText, {
-      text: "Antro Contact"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "Email"), /*#__PURE__*/React.createElement(Email, {
-      text: "Antro Contact"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "HappinessRating"), /*#__PURE__*/React.createElement(HappinessRating, {
-      text: "100",
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "PhoneNumber"), /*#__PURE__*/React.createElement(PhoneNumber, {
-      text: "1243123434543"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "PriorityText"), /*#__PURE__*/React.createElement(PriorityText, {
-      text: "Antro Contact",
-      color: "red"
-    }), /*#__PURE__*/React.createElement(PriorityText, {
-      text: "Antro Contact",
-      color: "green"
-    }), /*#__PURE__*/React.createElement(PriorityText, {
-      text: "Antro Contact",
-      color: "gray"
-    }), /*#__PURE__*/React.createElement(PriorityText, {
-      text: "Antro Contact",
-      color: "orange"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "SecondaryText"), /*#__PURE__*/React.createElement(SecondaryText, {
-      text: "Antro Contact"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "StatusText"), /*#__PURE__*/React.createElement(StatusText, {
-      text: "Antro Contact",
-      color: "red"
-    }), /*#__PURE__*/React.createElement(StatusText, {
-      text: "Antro Contact",
-      color: "green"
-    }), /*#__PURE__*/React.createElement(StatusText, {
-      text: "Antro Contact",
-      color: "gray"
-    }), /*#__PURE__*/React.createElement(StatusText, {
-      text: "Antro Contact",
-      color: "orange"
-    }), /*#__PURE__*/React.createElement(StatusText, {
-      text: "Antro Contact",
-      color: "black"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "TicketId"), /*#__PURE__*/React.createElement(TicketId, {
-      text: "124213234"
-    })), /*#__PURE__*/React.createElement(Box, {
-      style: boxStyle
-    }, /*#__PURE__*/React.createElement("div", null, "Website"), /*#__PURE__*/React.createElement(Website, {
-      text: "https://www.zoho.com/"
-    }))));
-  }
-}
-if (false) {
-  SecondaryText__default.docs = {
-    folderName: 'List',
-    componentGroup: 'SecondaryText'
-  };
-}

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

@@ -1,37 +0,0 @@
-.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

@@ -1,77 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,41 +0,0 @@
-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'
-  };
-}