@zohodesk/dot 1.0.0-temp.999 → 1.0.0-test.239

package/es/Message/docs/Message__default.docs.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import Message from '../Message';
-export default class Message__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let style = {
-      position: 'relative',
-      height: '100px',
-      overflow: 'hidden'
-    };
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: style.m20,
-      style: style
-    }, /*#__PURE__*/React.createElement(Message, {
-      type: "success",
-      message: "The status has been successfully updated",
-      showMessage: true,
-      hideMessage: () => {}
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.m20,
-      style: style
-    }, /*#__PURE__*/React.createElement(Message, {
-      type: "alert",
-      message: "The status has been successfully updated",
-      showMessage: true,
-      hideMessage: () => {}
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.m20,
-      style: style
-    }, /*#__PURE__*/React.createElement(Message, {
-      type: "info",
-      message: "The status has been successfully updated",
-      showMessage: true,
-      hideMessage: () => {}
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.m20,
-      style: style
-    }, /*#__PURE__*/React.createElement(Message, {
-      type: "info",
-      message: "The status has been successfully updated <h1>asdf</h1>",
-      showMessage: true,
-      hideMessage: () => {}
-    })));
-  }
-
-}
-
-if (false) {
-  Message__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/MessageBanner/docs/MessageBanner__default.docs.js

@@ -1,88 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import MessageBanner from '../MessageBanner';
-export default class MessageBanner__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      message
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Type"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Type: Primary',
-      type: "primary",
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Type: Secondary',
-      type: "secondary",
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      }
-    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Palette"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Palette: default',
-      type: "primary",
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      },
-      palette: "default"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Palette: blue',
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      },
-      palette: "blue"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: '#ddd',
-        padding: 'var(--zd_size16)'
-      }
-    }, /*#__PURE__*/React.createElement(MessageBanner, {
-      message: 'Palette: white',
-      urlText: "refresh",
-      href: '#',
-      onClick: () => {
-        console.log('clicked');
-      },
-      palette: "white"
-    })))));
-  }
-
-}
-
-if (false) {
-  MessageBanner__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/NewStar/docs/NewStar__default.docs.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import NewStar from '../NewStar';
-export default class NewStar__default extends React.Component {
-  render() {
-    let style = {
-      width: '50px',
-      height: '50px',
-      margin: '30px',
-      position: 'relative'
-    };
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(NewStar, {
-      palette: "green",
-      position: "topLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "green",
-      position: "topRight"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "green",
-      position: "bottomLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "green",
-      position: "bottomRight"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(NewStar, {
-      palette: "blue",
-      position: "topLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "blue",
-      position: "topRight"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "blue",
-      position: "bottomLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "blue",
-      position: "bottomRight"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, /*#__PURE__*/React.createElement(NewStar, {
-      palette: "yellow",
-      position: "topLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "yellow",
-      position: "topRight"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "yellow",
-      position: "bottomLeft"
-    }), /*#__PURE__*/React.createElement(NewStar, {
-      palette: "yellow",
-      position: "bottomRight"
-    })));
-  }
-
-}
-
-if (false) {
-  NewStar__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/PlusIcon/docs/PlusIcon__default.docs.js

@@ -1,16 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import PlusIcon from '../PlusIcon';
-export default class PlusIcon__default extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PlusIcon, null));
-  }
-
-}
-
-if (false) {
-  PlusIcon__default.docs = {
-    componentGroup: 'Common',
-    folderName: 'Ticket DetailView'
-  };
-}

package/es/Provider.js

@@ -1,160 +0,0 @@
-import React from 'react';
-import { I18NProvider } from '@zohodesk/i18n';
-import { Container } from '@zohodesk/components/lib/Layout';
-import AppContainer from '@zohodesk/components/lib/AppContainer/AppContainer';
-import LibraryContext from '@zohodesk/components/lib/Provider/LibraryContextInit';
-import datetime from '@zohodesk/datetimejs';
-import ThemeTool from '../../common/lib/ThemeTool/ThemeTool';
-import i18n from './i18n';
-/* component pkg - default mode & themes */
-
-import '@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css';
-/* component pkg - dark mode & themes */
-
-import '@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css';
-/* component pkg - pure dark mode & themes */
-
-import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/mode/pureDarkMode.module.css';
-/* svg pkg - default mode & themes */
-
-import '@zohodesk/svg/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/default/mode/defaultEmptyStates.module.css';
-/* svg pkg - dark mode & themes */
-
-import '@zohodesk/svg/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/dark/mode/darkEmptyStates.module.css';
-/* svg pkg - pure dark mode & themes */
-
-import '@zohodesk/svg/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css';
-import '@zohodesk/svg/assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css';
-import { setGlobalIdPrefix } from '@zohodesk/components/lib/Provider/IdProvider';
-import { setInitialZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-/* dot pkg - default mode & themes */
-
-import '../assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css';
-import '../assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css';
-import '../assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css';
-import '../assets/Appearance/default/themes/red/redDefaultDotTheme.module.css';
-import '../assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css';
-import '../assets/Appearance/default/mode/dotDefaultMode.module.css';
-/* dot pkg - dark mode & themes */
-
-import '../assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css';
-import '../assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css';
-import '../assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css';
-import '../assets/Appearance/dark/themes/red/redDarkDotTheme.module.css';
-import '../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css';
-import '../assets/Appearance/dark/mode/dotDarkMode.module.css';
-/* dot pkg - pure dark mode & themes */
-
-import '../assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css';
-import '../assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css';
-import '../assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css';
-import '../assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css';
-import '../assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css';
-import '../assets/Appearance/pureDark/mode/dotPureDarkMode.module.css';
-datetime.tz.set({
-  timezone: 'Asia/Kolkata',
-  _packed: '-5R.s -5R.k -5l.a -5u -6u|01234343|-4Fg5R.s BKo0.8 1rDcw.a 1r2LP.a 1un0 HB0 7zX0|15e6',
-  _default: 'Asia/Kolkata'
-});
-export default class Provider extends React.Component {
-  constructor(props) {
-    super(props);
-    setGlobalIdPrefix('ZD');
-    setInitialZIndex('10');
-    this.state = {
-      appearanceName: 'default',
-      themeName: 'blue'
-    };
-    this.setTheme = this.setTheme.bind(this);
-    this.setAppearance = this.setAppearance.bind(this);
-  }
-
-  setAppearance(mode) {
-    this.setState({
-      appearanceName: mode
-    });
-  }
-
-  setTheme(theme) {
-    this.setState({
-      themeName: theme
-    });
-  }
-
-  render() {
-    let {
-      appearanceName,
-      themeName
-    } = this.state;
-    return /*#__PURE__*/React.createElement(I18NProvider, {
-      i18n: i18n,
-      timeZone: "Asia/Kolkata",
-      datePattern: '',
-      dateTimeFormat: '',
-      timeFormat: '',
-      direction: 'ltr'
-    }, /*#__PURE__*/React.createElement(LibraryContext.Provider, {
-      value: {
-        isReducedMotion: false,
-        direction: 'ltr'
-      }
-    }, /*#__PURE__*/React.createElement(AppContainer, {
-      customProps: {
-        ExtraProps: {
-          'data-mode': appearanceName,
-          'data-theme': themeName
-        }
-      }
-    }, /*#__PURE__*/React.createElement(Container, {
-      scroll: "vertical"
-    }, this.props.children), /*#__PURE__*/React.createElement(ThemeTool, {
-      onThemeChange: this.setTheme,
-      onAppearanceChange: this.setAppearance
-    }))));
-  }
-
-}

package/es/ToastMessage/docs/ToastMessage__custom.docs.js

@@ -1,92 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import Switch from '@zohodesk/components/lib/Switch/Switch';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__custom extends Component {
-  constructor(props) {
-    super(props);
-    this.getLeftPanel = this.getLeftPanel.bind(this);
-    this.getSubmitContainer = this.getSubmitContainer.bind(this);
-    this.getFooterContainer = this.getFooterContainer.bind(this);
-    this.getBottomContainer = this.getBottomContainer.bind(this);
-  }
-
-  getLeftPanel() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Avatar, {
-      name: "BK",
-      shape: "square",
-      size: "medium",
-      src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg"
-    }));
-  }
-
-  getSubmitContainer() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        textAlign: 'center'
-      }
-    }, /*#__PURE__*/React.createElement(Switch, {
-      checked: true,
-      id: "test2",
-      name: "category"
-    }));
-  }
-
-  getFooterContainer() {
-    return /*#__PURE__*/React.createElement("p", null, "Custome Footer");
-  }
-
-  getBottomContainer() {
-    return /*#__PURE__*/React.createElement("div", null, "text");
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      cancelText: "Not now",
-      getLeftContainer: this.getLeftPanel,
-      info: "There is a few changes occurred in this ticket",
-      isAnimate: false,
-      isIconMid: true,
-      subject: "Screen Notification",
-      submitText: "Submit",
-      getInnerBottomContainer: this.getFooterContainer,
-      getBottomContainer: this.getBottomContainer
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      cancelText: "Not now",
-      getLeftContainer: this.getLeftPanel,
-      getSubmitContainer: this.getSubmitContainer,
-      info: "There is a few changes occurred in this ticket",
-      isAnimate: false,
-      subject: "Screen Notification",
-      submitText: "Submit",
-      isIconMid: true
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      cancelText: "Not now",
-      info: "There is a few changes occurred in this ticket",
-      isAnimate: false,
-      subject: "Screen Notification",
-      submitText: "Submit",
-      getLeftContainer: this.getLeftPanel,
-      getSubmitContainer: this.getSubmitContainer,
-      getInnerBottomContainer: this.getFooterContainer,
-      isIconMid: true
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__custom.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/ToastMessage/docs/ToastMessage__information.docs.js

@@ -1,54 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__information extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "information",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "View changes",
-      needClose: true,
-      iconSize: "17",
-      iconName: "ZD-ticknew",
-      isIconMid: true,
-      iconPalette: "successPlain"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "information",
-      iconName: "ZD-exclamationNew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "30",
-      iconPalette: "dangerShadow"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      type: "information",
-      iconName: "ZD-ticknew",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now",
-      iconSize: "12",
-      iconPalette: "successFill",
-      needClose: true,
-      onPortalClose: () => {
-        console.log('from close');
-      }
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__information.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}

package/es/ToastMessage/docs/ToastMessage__primary.docs.js

@@ -1,125 +0,0 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-export default class ToastMessage__primary extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.m50
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      isAnimate: false,
-      iconPalette: "dangerPlain"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "success",
-      isAnimate: false
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      subject: "Desktop Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "danger",
-      isIconMid: true,
-      iconPalette: "dangerPlain"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      isMore: true,
-      message: "Do not Show this again"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Screen Notification",
-      info: "There is a few changes occurred in this ticket",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "success",
-      isMore: true,
-      message: "Do not Show this again"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      subject: "Desktop Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Submit",
-      cancelText: "Not now",
-      submitType: "danger",
-      isIconMid: true,
-      iconPalette: "dangerPlain",
-      isMore: true,
-      messageState: true,
-      message: "Do not Show this again"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "primaryPlain",
-      subject: "Mobile Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s",
-      submitText: "Submit",
-      cancelText: "Not now"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      cancelText: "Not now"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "primaryPlain",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Submit"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.w410
-    }, /*#__PURE__*/React.createElement(ToastMessage, {
-      iconName: "ZD-exclamationNew",
-      iconPalette: "dangerPlain",
-      subject: "Log Notification",
-      info: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,",
-      submitText: "Close",
-      submitType: "danger"
-    })));
-  }
-
-}
-
-if (false) {
-  ToastMessage__primary.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}