@zohodesk/svg 1.0.0-beta.44 → 1.0.0-beta.47

package/README.md

@@ -2,6 +2,18 @@
 
 This Bundle Contains EmptyState Images.
 
+# 1.0.0-beta.47
+
+- PureDark mode implemented via preprocess
+
+# 1.0.0-beta.46
+
+- CustomModule SVG added
+
+# 1.0.0-beta.45
+
+- Delete, GCBot, GCConversation, KBBot, NetworkError, Variable & ReadRecipients SVG added
+
 # 1.0.0-beta.44
 
 - UnauthorizedLogin error state SVG replacement

package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css

@@ -1,7 +1,7 @@
 [data-mode='dark'][data-theme='blue'] {
 	--zdt_cta_primary_fill: #828994;
 	--zdt_cta_primary_stroke: #479dff;
-	--zdt_cta_secondary_fill: #334b68;
+	--zdt_cta_secondary_fill: rgb(71 157 255 / 25%);
 	--zdt_cta_secondary_plainfill: #334b68;
 	--zdt_cta_primary_dark_fill: #828994;
 	--zdt_cta_primary_dark_stroke: #479dff;

package/assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css

@@ -0,0 +1,37 @@
+[data-mode='pureDark'] {
+	/* default palette */
+	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
+	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
+	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
+	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
+	--zdt_svg_default_plus: #479dff;
+	--zdt_svg_default_cross: #5cc1a5;
+	--zdt_svg_default_medium_circle: #ff6b6b;
+	--zdt_svg_default_tiny_circle: #4ac064;
+	--zdt_svg_default_small_circle: #ff6b6b;
+	--zdt_svg_default_circle_fill: var(--dot_white);
+	
+	/* dark palette */
+	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
+	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
+	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
+	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+	--zdt_svg_dark_plus: #479dff;
+	--zdt_svg_dark_cross: #5cc1a5;
+	--zdt_svg_dark_medium_circle: #ff6b6b;
+	--zdt_svg_dark_tiny_circle: #4ac064;
+	--zdt_svg_dark_small_circle: #ff6b6b;
+	--zdt_svg_dark_circle_fill: var(--dot_white);
+	
+	/* danger palette */
+	--zdt_svg_danger_primary_fill: #ff6f00;
+	--zdt_svg_danger_primary_stroke: #479dff;
+	--zdt_svg_danger_secondary_fill: #334b68;
+	--zdt_svg_danger_secondary_plainfill: #334b68;
+	--zdt_svg_danger_plus: #479dff;
+	--zdt_svg_danger_cross: #5cc1a5;
+	--zdt_svg_danger_medium_circle: #ff6b6b;
+	--zdt_svg_danger_tiny_circle: #4ac064;
+	--zdt_svg_danger_small_circle: #ff6b6b;
+	--zdt_svg_danger_circle_fill: var(--dot_white);
+}

package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='blue'] {
+	--zdt_cta_primary_fill: #828994;
+	--zdt_cta_primary_stroke: #479dff;
+	--zdt_cta_secondary_fill: #334b68;
+	--zdt_cta_secondary_plainfill: #334b68;
+	--zdt_cta_primary_dark_fill: #828994;
+	--zdt_cta_primary_dark_stroke: #479dff;
+	--zdt_cta_secondary_dark_fill: #334b68;
+	--zdt_cta_secondary_dark_plainfill: #334b68
+}

package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='green'] {
+	--zdt_cta_primary_fill: #45a159;
+	--zdt_cta_primary_stroke: #0e7c1c;
+	--zdt_cta_secondary_fill: rgba(69, 161, 89, 0.25);
+	--zdt_cta_secondary_plainfill: #45a159;
+	--zdt_cta_primary_dark_fill: #45a159;
+	--zdt_cta_primary_dark_stroke: #0e7526;
+	--zdt_cta_secondary_dark_fill: rgba(69, 161, 89, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #45a159
+}

package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='orange'] {
+	--zdt_cta_primary_fill: #ff801f;
+	--zdt_cta_primary_stroke: #a85100;
+	--zdt_cta_secondary_fill: rgba(255, 128, 31, 0.25);
+	--zdt_cta_secondary_plainfill: #ff801f;
+	--zdt_cta_primary_dark_fill: #ff801f;
+	--zdt_cta_primary_dark_stroke: #a85100;
+	--zdt_cta_secondary_dark_fill: rgba(255, 128, 31, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #ff801f
+}

package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='red'] {
+	--zdt_cta_primary_fill: #a81111;
+	--zdt_cta_primary_stroke: #e94f4f;
+	--zdt_cta_secondary_fill: rgba(233, 79, 79, 0.25);
+	--zdt_cta_secondary_plainfill: #e94f4f;
+	--zdt_cta_primary_dark_fill: #e94f4f;
+	--zdt_cta_primary_dark_stroke: #a81111;
+	--zdt_cta_secondary_dark_fill: rgba(233, 79, 79, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #e94f4f
+}

package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='yellow'] {
+	--zdt_cta_primary_fill: #d79835;
+	--zdt_cta_primary_stroke: #9b6808;
+	--zdt_cta_secondary_fill: rgba(215, 152, 53, 0.25);
+	--zdt_cta_secondary_plainfill: #d79835;
+	--zdt_cta_primary_dark_fill: #d79835;
+	--zdt_cta_primary_dark_stroke: #9b6808;
+	--zdt_cta_secondary_dark_fill: rgba(215, 152, 53, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #d79835
+}

package/es/Provider.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import AppContainer from '@zohodesk/components/lib/AppContainer/AppContainer';
 import { Container } from '@zohodesk/components/lib/Layout';
-import Switch from '@zohodesk/components/lib/Switch/Switch';
 import '@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css';
 import '@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css';
 /* default mode & themes */
@@ -20,6 +19,14 @@ import '../assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
 import '../assets/Appearance/dark/themes/red/redDarkCTATheme.module.css';
 import '../assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
 import '../assets/Appearance/dark/mode/darkEmptyStates.module.css';
+/* pure dark mode & themes */
+
+import '../assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css';
+import '../assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css';
+import '../assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css';
+import '../assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css';
+import '../assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css';
+import '../assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css';
 export default class Provider extends React.Component {
   constructor(props) {
     super(props);
@@ -27,22 +34,13 @@ export default class Provider extends React.Component {
       appearanceName: 'default',
       themeName: 'blue'
     };
-    this.switchMode = this.switchMode.bind(this);
     this.setTheme = this.setTheme.bind(this);
   }
 
-  switchMode() {
-    let appearanceName = this.state.appearanceName;
-
-    if (appearanceName == 'default') {
-      this.setState({
-        appearanceName: 'dark'
-      });
-    } else {
-      this.setState({
-        appearanceName: 'default'
-      });
-    }
+  setAppearance(mode) {
+    this.setState({
+      appearanceName: mode
+    });
   }
 
   setTheme(theme) {
@@ -78,6 +76,29 @@ export default class Provider extends React.Component {
     let yellow = {
       backgroundColor: '#e8b923'
     };
+    let light = {
+      backgroundColor: '#fff'
+    };
+    let night = {
+      backgroundColor: '#232b38'
+    };
+    let dark = {
+      backgroundColor: '#212121'
+    };
+    let fixedPosition = {
+      position: 'fixed',
+      bottom: '0',
+      backgroundColor: '#272727',
+      padding: '10px',
+      borderRadius: '15px 15px 0 0',
+      minWidth: '100px',
+      textAlign: 'center',
+      boxShadow: '0 0 3px #000',
+      fontSize: '12px',
+      zIndex: '3',
+      display: 'flex',
+      alignItems: 'center'
+    };
     return /*#__PURE__*/React.createElement(AppContainer, {
       customProps: {
         ExtraProps: {
@@ -88,29 +109,40 @@ export default class Provider extends React.Component {
     }, /*#__PURE__*/React.createElement(Container, {
       scroll: "vertical"
     }, this.props.children), /*#__PURE__*/React.createElement("div", {
+      style: Object.assign({}, fixedPosition, {
+        left: '20%',
+        transform: 'translate(-20%)'
+      })
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        color: '#fff'
+      }
+    }, "Appearance:"), /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex'
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      title: "Light Mode",
+      style: Object.assign({}, themeClass, light),
+      onClick: () => this.setAppearance('default')
+    }), /*#__PURE__*/React.createElement("span", {
+      title: "Night Mode",
+      style: Object.assign({}, themeClass, night),
+      onClick: () => this.setAppearance('dark')
+    }), /*#__PURE__*/React.createElement("span", {
+      title: "Dark Mode",
+      style: Object.assign({}, themeClass, dark),
+      onClick: () => this.setAppearance('pureDark')
+    }))), /*#__PURE__*/React.createElement("div", {
+      style: Object.assign({}, fixedPosition, {
+        left: '80%',
+        transform: 'translate(-80%)'
+      })
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
-        position: 'fixed',
-        bottom: '0',
-        backgroundColor: '#272727',
-        padding: '10px',
-        borderRadius: '15px 15px 0 0',
-        minWidth: '100px',
-        textAlign: 'center',
-        left: '50%',
-        transform: 'translate(-50%)',
-        boxShadow: '0 0 3px #000',
-        fontSize: '12px',
-        zIndex: '3',
-        display: 'flex',
-        alignItems: 'center'
+        color: '#fff'
       }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Switch, {
-      id: "switchMode",
-      text: "Light/Night Mode",
-      labelSize: "small",
-      onChange: this.switchMode,
-      checked: appearanceName == 'dark'
-    })), /*#__PURE__*/React.createElement("div", {
+    }, "Themes:"), /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'flex'
       }

package/es/svg/CustomModule.js

@@ -0,0 +1,70 @@
+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 SVG from './SVG';
+export default class CustomModule extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "CustomModule"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".customModule_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.customModule_svg__cls-2{fill:var(--zd_emptysvg_plus)}.customModule_svg__cls-3{fill:var(--zd_emptysvg_cross)}")), /*#__PURE__*/React.createElement("path", {
+      d: "M84.86 69.05s45.64-29.14 68.74-20.37 38.88 82.57-25.35 115.68S35 125.45 34.71 112.68c-.24-12.35 0-41.8 50.15-43.63z",
+      style: {
+        isolation: "isolate"
+      },
+      opacity: 0.1,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-2",
+      d: "M19.31 111.51a.5.5 0 01-.47-.52l.4-6.7a.49.49 0 01.52-.47.49.49 0 01.47.52l-.42 6.66a.5.5 0 01-.5.51z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-2",
+      d: "M23 108.34l-7-.34a.48.48 0 01-.47-.52.49.49 0 01.53-.47l7 .38a.5.5 0 010 1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M140.88 186.47a3.15 3.15 0 113.24-3.15 3.2 3.2 0 01-3.24 3.15zm0-5.3a2.15 2.15 0 102.24 2.15 2.21 2.21 0 00-2.24-2.15z",
+      fill: "var(--zd_emptysvg_small_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-3",
+      d: "M185.75 146a.5.5 0 01-.37-.16l-4.64-5a.48.48 0 010-.7.5.5 0 01.7 0l4.65 5a.49.49 0 010 .7.5.5 0 01-.34.16z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-3",
+      d: "M180.83 145.75a.52.52 0 01-.38-.17.49.49 0 01.05-.7l5.2-4.47a.5.5 0 11.66.75l-5.2 4.47a.52.52 0 01-.33.12zM77.39 31.09a3.31 3.31 0 113.33-3.31 3.33 3.33 0 01-3.33 3.31zm0-5.62a2.31 2.31 0 102.33 2.31 2.33 2.33 0 00-2.33-2.31z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M157.33 25.35A4.33 4.33 0 11161.7 21a4.36 4.36 0 01-4.37 4.35zm0-7.67A3.34 3.34 0 10160.7 21a3.37 3.37 0 00-3.37-3.32z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+      d: "M66.43 47.65c-.5 1.49-15.52 26.14-22.34 20.35-1.69-1.44 48.16-25.81 48.16-25.81s58.57 24.32 60.06 26.31-62 35.24-62 35.24L36.15 73l-3 66.53 55.6 32.26 68-29.5-.05-38.36c-6.31.46-10.84 9.56-4.9 15.88 5 5.35 15.35 2.72 16.18-6.46.93-10.26-10.19-10.66-10.19-10.66l.21-16.26a33.14 33.14 0 013.55 0c.77.13 0 6.6 3 9.15s8.27-3.28 9.54-3.27 4.93 5.73 4.93 5.73-4.84 6.2-4.34 8.11 8.37 2.69 9.52 2.82 0 8.51 0 8.51-8-.66-9.78 2.26 4.67 7.88 4.8 8.65-5.61 6.33-5.61 6.33l-5.07-4.21c-1.77-1.65-3.72-.59-5.33 0a2.51 2.51 0 00-1.39 1.33l-.13 5.49a34.64 34.64 0 01-8 .29c-2.3-.24.57-9.28-3.69-8.42s-5.91 5.66-9.29 3.58-3.7-3.51-3.26-4.6 5-7.08 4.18-8.5-8.62-2.1-9.06-2.76-.64-5.35 0-7.21 6.23-.74 8-2-.42-7-2.92-10.27c0 0 2.09-4.58 4.28-5.23s7.4 5.92 10.25 3.42.78-8 2.59-9.22h1.62c-.17-6.36-.27-11.2-.64-11.94-1.49-3-58.08 31.77-58.08 31.77l-.85 55.44",
+      fill: "none",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-6",
+      d: "M132.21 72.4S93.39 48 89.51 49.67s-8.88 4.43-6.66 14.42-22.18-2.78-21.63 1.66 29.24 29.1 32 27.44 38.99-20.79 38.99-20.79zM80.63 152.43S56.67 94.3 50 95.83s-10.2 37.73-7.14 39.26 37.77 17.34 37.77 17.34zM161 111c-.07 2.33 2.1 1.08 2.78 1.88 1 1.19 1.76 3-.56 4.8-4 3.09-11 3.46-12.3-3.5s8.62-10.15 10.8-7c.81 1.2-.72 3.15-.72 3.82z"
+    })));
+  }
+
+}
+CustomModule.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+CustomModule.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'CustomModule',
+  palette: 'default'
+};
+
+if (false) {
+  CustomModule.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/EmptyDelete.js

@@ -0,0 +1,63 @@
+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 SVG from './SVG';
+export default class EmptyDelete extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "delete"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyDelete_svg__cls-3{fill:var(--zd_emptysvg_plus)}.EmptyDelete_svg__cls-4{fill:var(--zd_emptysvg_medium_circle)}.EmptyDelete_svg__cls-5{fill:var(--zd_emptysvg_cross)}")), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_primary_stroke)",
+      d: "M98.66 174.25a113.49 113.49 0 0 1-27.21-3.46 12.5 12.5 0 0 1-9.23-9.71l-1.76-.41a.5.5 0 0 1-.38-.45c0-.16-1-16-1.24-32.23-.46-33 2.67-35.4 3.69-36.17a1.77 1.77 0 0 1 1.73-.27 2.73 2.73 0 0 1 1.35 1.26c34.09-4.43 53.35-2 63.07.54a23.88 23.88 0 0 0 6.74-4.35c-3.66-.92-8.67-5.24-13.17-10.94-10.9-9.35-25-23.9-31-40.47-1.54-4.29-1.65-7-.34-8.18 1-1 2.9-.86 5.49.32 4.39 2 11.06 7.26 17.9 13.9a12.7 12.7 0 0 1 3.09-2.6c6.38-3.89 10.43-2.64 12.7-.9 3.6 2.74 4.7 8.32 3.66 11.92-.66 2.27-2.11 3.67-4 3.84a.44.44 0 0 0-.32.11c-.28.58 1.43 3.12 2.94 5.37 3.49 5.17 8.57 12.72 7.94 19.9a13 13 0 0 1 .21 2.66c-.11 3.89-1.76 5-3.13 5.2h-.14l-9.71 72.07a12.35 12.35 0 0 1-9.66 11 90.93 90.93 0 0 1-19.22 2.05ZM63.3 161.31a11.5 11.5 0 0 0 8.39 8.51c11.17 2.79 28.21 5.32 46 1.45a11.34 11.34 0 0 0 8.88-10.13l.05-.39c-3.73.74-34.91 6.55-63.32.56Zm-.2-1.06c28.38 6.1 59.71.24 63.33-.48L135 96.52a39.82 39.82 0 0 0-6.12-2.16h-.05c-21.39 9.36-49.77 4.4-62.11 1.5 2.33 10.52-.47 37.88-3.6 61.28a11.42 11.42 0 0 0-.02 3.11Zm-2-.46 1 .23a12.49 12.49 0 0 1 0-3c4.24-31.67 5.49-53.53 3.61-61.39-1-.24-1.83-.45-2.54-.64a1 1 0 0 1 .12-1.88l1.27-.11a1.51 1.51 0 0 0-.64-.46.79.79 0 0 0-.79.13c-4.96 3.69-3.2 49.33-2.07 67.12Zm5.38-64.94c11.75 2.75 39.55 7.8 60.82-.9-19.53-4.7-50.16-1.56-61.18-.19a10.72 10.72 0 0 1 .32 1.09Zm63.73-1.1a39 39 0 0 1 5.22 1.86l.8-5.94a23.23 23.23 0 0 1-6.06 4.08Zm-65 .13-1.71.23 2 .49c-.17-.26-.26-.5-.36-.72Zm74.34-9a12.9 12.9 0 0 1-1.84 3.15c.95-.32 1.56-1.37 1.77-3.11Zm-16.65-7.54a155 155 0 0 0 13.64 10.5 11.81 11.81 0 0 0 2.37-4.36 10.88 10.88 0 0 0 .41-2.09C137.57 72 126 56.66 114.4 45.14c-3.46 4.88-2.18 11.71-.18 17.09a57.83 57.83 0 0 0 8.68 15.11Zm4.16 4.73a25.24 25.24 0 0 0 7.53 5.64c-1.68-1.18-4.33-3.1-7.53-5.64ZM115 44.35c10 9.86 20.21 22.58 24 32.36-1.16-5.42-4.78-10.8-7.45-14.76-2.39-3.55-3.51-5.3-3-6.35a1.26 1.26 0 0 1 1.13-.68c2-.17 2.8-2 3.12-3.12.95-3.28-.05-8.36-3.3-10.85-2.91-2.22-6.91-1.88-11.58 1a12.43 12.43 0 0 0-2.92 2.4ZM92.83 29.78a1.77 1.77 0 0 0-1.23.4c-.55.5-1.2 2.1.6 7.1C97.5 52 109.31 65.1 119.49 74.33a56.79 56.79 0 0 1-6.21-11.75c-2.83-7.62-2.65-13.88.42-18.14C107.11 38 100.59 32.77 96 30.67a8.17 8.17 0 0 0-3.17-.89Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M137.48 86.1c-3.16 2.63-15.63-7.12-27.86-21.78S90 35.64 93.18 33s15.64 7.12 27.87 21.78 19.59 28.69 16.43 31.32Zm-51 62c3.36.94 2.62-30.95-.93-32.26s-2.42 31.33-2.42 31.33Zm22.54-.93s.06-21.75 3.6-20.44 3.11 22.31-.25 21.37Zm-12.92 0s-.24-27.18 3.31-25.87 1.61 27.45 0 26.8c-3.15-1.3-3.28-.91-3.28-.91Z",
+      style: {
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M82.32 58.19S129 27 152.59 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.57-55.3c-.28-13.21 0-44.7 51.22-46.63Z",
+      style: {
+        fill: "var(--zd_emptysvg_primary_fill)",
+        isolation: "isolate",
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDelete_svg__cls-3",
+      d: "M16.1 119.3a.49.49 0 0 1-.47-.52l.37-7.48a.51.51 0 0 1 .53-.47.5.5 0 0 1 .47.53l-.41 7.47a.5.5 0 0 1-.51.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDelete_svg__cls-3",
+      d: "m20 115.77-7.34-.42a.49.49 0 0 1-.47-.53.51.51 0 0 1 .53-.47l7.34.42a.49.49 0 0 1 .47.51.49.49 0 0 1-.52.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDelete_svg__cls-4",
+      d: "M173.27 22.8a4.75 4.75 0 1 0 4.73 4.82v-.08a4.73 4.73 0 0 0-4.73-4.74Zm0 8.5a3.76 3.76 0 1 1 3.73-3.83v.07a3.72 3.72 0 0 1-3.73 3.76ZM155 170.8a3.45 3.45 0 1 0 3.4 3.5v-.05a3.43 3.43 0 0 0-3.4-3.45Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.43 2.43 0 0 1-2.4 2.45Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDelete_svg__cls-5",
+      d: "M59.81 39.5a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 2-2.05 2 2 0 0 1-2 2.05ZM192 131.81a.49.49 0 0 0-.69 0l-2.43 2.19-2.12-2.4a.51.51 0 0 0-.71 0 .5.5 0 0 0 0 .61l2.09 2.38-2.38 2.17a.5.5 0 0 0 0 .7.44.44 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.51.51 0 0 0 .71.05.51.51 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.48.48 0 0 0 .1-.68Z"
+    }));
+  }
+
+}
+EmptyDelete.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyDelete.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyDelete',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyDelete.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/GCBot.js

@@ -0,0 +1,64 @@
+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 SVG from './SVG';
+export default class GCBot extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "GCBot"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".GCBot_svg__cls-2{fill:var(--zd_emptysvg_plus)}.GCBot_svg__cls-3{fill:var(--zd_emptysvg_medium_circle)}.GCBot_svg__cls-4{fill:var(--zd_emptysvg_cross)}.GCBot_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill);}.GCBot_svg__cls-6{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      d: "M84.12 58.19S130.78 27 154.39 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.57-55.3c-.28-13.21 0-44.7 51.22-46.63Z",
+      style: {
+        fill: "var(--zd_emptysvg_primary_fill)",
+        isolation: "isolate",
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCBot_svg__cls-2",
+      d: "M17.9 119.3a.5.5 0 0 1-.47-.52l.41-7.47a.52.52 0 0 1 .53-.47.5.5 0 0 1 .47.53l-.41 7.47a.49.49 0 0 1-.5.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCBot_svg__cls-2",
+      d: "m21.76 115.77-7.34-.42a.5.5 0 0 1-.47-.53.52.52 0 0 1 .53-.47l7.34.42a.49.49 0 0 1 .48.51.49.49 0 0 1-.51.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCBot_svg__cls-3",
+      d: "M175.07 22.8a4.75 4.75 0 1 0 4.68 4.82v-.08a4.72 4.72 0 0 0-4.68-4.74Zm0 8.5a3.76 3.76 0 1 1 3.69-3.83v.07a3.72 3.72 0 0 1-3.69 3.76ZM128.32 175.07a3.45 3.45 0 1 0 3.4 3.5 3.42 3.42 0 0 0-3.4-3.5Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.42 2.42 0 0 1-2.4 2.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCBot_svg__cls-4",
+      d: "M84.83 22a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 .06 0ZM193.75 131.81a.49.49 0 0 0-.69 0l-2.38 2.19-2.12-2.4a.5.5 0 0 0-.7 0 .51.51 0 0 0-.05.61l2.09 2.38-2.38 2.17a.5.5 0 0 0 0 .7.45.45 0 0 0 .37.16.44.44 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.52.52 0 0 0 .38.17.48.48 0 0 0 .33-.12.5.5 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.48.48 0 0 0 .11-.68Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCBot_svg__cls-5",
+      d: "M137.93 125.8c-.09-9.55 8.73-4.26 11.57-7.44 4.31-4.82 7.48-12.16-1.88-19.72-16.13-13-44.75-15.13-50.71 13.29s34.45 42.32 43.66 29.52c3.43-4.8-2.57-12.94-2.64-15.65Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCBot_svg__cls-5",
+      d: "M125.63 119.48c0-1.24 1.13-.55 1.5-1a1.58 1.58 0 0 0-.24-2.56c-2.1-1.69-5.81-2-6.58 1.72s4.47 5.49 5.66 3.83c.45-.58-.34-1.64-.34-1.99ZM138.7 120.82c0-1.24 1.13-.56 1.5-1a1.58 1.58 0 0 0-.24-2.56c-2.09-1.69-5.81-2-6.58 1.73s4.47 5.49 5.66 3.83c.45-.6-.34-1.65-.34-2ZM109.48 119.48c0-1.24 1.14-.55 1.51-1a1.58 1.58 0 0 0-.25-2.56c-2.09-1.69-5.8-2-6.58 1.72s4.47 5.49 5.67 3.83c.45-.58-.34-1.64-.35-1.99Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCBot_svg__cls-6",
+      d: "M108.43 122.26c5.17-1.7 2.12-10.64-1.92-7.87s-4.61 11.06 7.16 12 14.75-6.1 13.9-9.5-6.45-4.54-6.95 1.27 7.3 8.94 14.32 7.54 4.89-10.65 1.84-10.51-5.6 5.6 2.71 10.87 13.95.59 12.3-16.85c-2-20.84-43.54-31.28-55.41-.88-8.49 21.74 9.29 31.54 12.44 33.69S96 156 97.38 156.43s26.43-10 26.43-10a29.06 29.06 0 0 0 21.63-5.43 34.1 34.1 0 0 0 12.21-38.62 36 36 0 0 0-13.88-18c-1.55-8.82-9.93-13.69-19.12-14.32l-.25-5.14c-4.65-1.47-4-5.19-2.32-6.72a2.75 2.75 0 0 1 4.46 2.5c-.25 2.69-3.74 3.43-3.74 3.43v5.86h-1.38a17.77 17.77 0 0 0-16.87 13s25.77-.1 28.83-.31a2.37 2.37 0 0 0 2.23-2.52 5.08 5.08 0 0 0-.7-2.19c-1.52-2.67-19-1.05-19-1.05s-2.32.48-2.29 3.85l.08 1.23c-8 .24-22.31 6.76-26.53 21.89 0 0-8.29 22.8 13.62 38.69M76 83.34a13.39 13.39 0 0 0 6 7.49s-6.51.38-9.37-3.75c0 0-14.8 8.23-24.31-2.09s1.5-31.78 18.34-26.48c0 0 5.5 2.78 4.28 7.74s-6 2-3.67-.43 9.28-2.11 9.56 7.87S68 83.49 67 83.06c-2-1-3.14-4.86-1.37-7.73s-.75 7.52-4.71 7.18.27-8.93-3.15-7.59c-2.33.92-5 8.34-4.44 8.55s1.48-18.32 5.19-21c5.4-3.9 7.87 8.75-6.7 12.65"
+    }));
+  }
+
+}
+GCBot.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+GCBot.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'GCBot',
+  palette: 'default'
+};
+
+if (false) {
+  GCBot.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/GCConversation.js

@@ -0,0 +1,66 @@
+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 SVG from './SVG';
+export default class GCConversation extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "GCConversation"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".GCConversation_svg__cls-5{isolation:isolate}.GCConversation_svg__cls-2{fill:var(--zd_emptysvg_plus)}.GCConversation_svg__cls-3{fill:var(--zd_emptysvg_medium_circle)}.GCConversation_svg__cls-4{fill:var(--zd_emptysvg_cross)}.GCConversation_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill)}")), /*#__PURE__*/React.createElement("path", {
+      d: "M78.11 58.19S124.77 27 148.38 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.57-55.3c-.28-13.21 0-44.7 51.22-46.63Z",
+      style: {
+        isolation: "isolate",
+        fill: "var(--zd_emptysvg_primary_fill)",
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCConversation_svg__cls-2",
+      d: "M11.89 119.3a.5.5 0 0 1-.47-.52l.41-7.47a.52.52 0 0 1 .53-.47.5.5 0 0 1 .47.53l-.41 7.47a.49.49 0 0 1-.51.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCConversation_svg__cls-2",
+      d: "m15.75 115.77-7.34-.42a.5.5 0 0 1-.47-.53.52.52 0 0 1 .53-.47l7.34.42a.49.49 0 0 1 .47.51.49.49 0 0 1-.52.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCConversation_svg__cls-3",
+      d: "M169.06 22.8a4.75 4.75 0 1 0 4.68 4.82v-.08a4.73 4.73 0 0 0-4.68-4.74Zm0 8.5a3.76 3.76 0 1 1 3.69-3.83v.07a3.72 3.72 0 0 1-3.69 3.76ZM122.31 175.07a3.45 3.45 0 1 0 3.4 3.5 3.43 3.43 0 0 0-3.4-3.5Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.42 2.42 0 0 1-2.4 2.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCConversation_svg__cls-4",
+      d: "M78.82 22a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 .05 0ZM187.74 131.81a.49.49 0 0 0-.69 0l-2.38 2.19-2.12-2.4a.5.5 0 0 0-.75.65l2.09 2.38-2.38 2.17a.5.5 0 0 0 0 .7.45.45 0 0 0 .37.16.44.44 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.52.52 0 0 0 .38.17.5.5 0 0 0 .33-.12.51.51 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.47.47 0 0 0 .1-.68Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCConversation_svg__cls-5",
+      d: "M76 76.74s-8.2 3.16.32 4.26 48 .18 45-2.19S76 76.74 76 76.74ZM75.62 87.45s-4.66 3 .18 3.87 27.05.17 25.38-2-25.56-1.87-25.56-1.87ZM140.53 106.6c0-2.54-2.37-1.14-3.07-2-1.14-1.31-2-3.25.53-5.27 4.3-3.51 12-4 13.61 3.6s-9.22 11.34-11.68 7.91c-.92-1.34.61-3.45.61-4.24ZM58 86.49c0-2-1.84-.88-2.37-1.58a2.57 2.57 0 0 1 .35-4.13c3.34-2.72 9.32-3.16 10.55 2.72s-7.21 8.79-9 6.15c-.79-.88.47-2.65.47-3.16ZM81 116.09s8.17 3.16-.35 4.22-48 .17-45.06-2.29S81 116.09 81 116.09ZM81.33 126.72s4.66 3-.17 3.86-27.06.18-25.39-2 25.56-1.86 25.56-1.86ZM98.9 125.84c0-2 1.84-.88 2.37-1.58a2.57 2.57 0 0 0-.35-4.13c-3.34-2.72-9.31-3.16-10.54 2.72s7.2 8.79 9.05 6.15c.79-1-.53-2.63-.53-3.16Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m109.18 137.08-23.63.27-.62 7.65-8.26-8s-46.64 1.49-47.52-.62-2.1-26-.61-26 82-1.76 83.53.62 2.46 27 .88 26c-2.63-1.67-.61-38.39-.61-38.39L87 99.49s-10.89 5.62-9.75 5.88-.88-6.5-.88-6.5-24.77 2.38-25.12-1.14-.88-26.88.88-26.88 86.35-1.75 86.7 1.14c0 0 2.9 11.51-1.14 13.09-1.76.71-3.87 1.85-5.89.09l-5.8-4.48s-6.15 6.24-6.06 7.12 7.38 6.14 5.45 9.39-10.72 2.73-10.72 2.73-1 9.22.18 9.4 9.92.79 10.54 2.9-4.57 9-4.57 9 4.13 6.24 5.53 6.15 7-6.59 10.46-3.86 2.72 9.83 3.51 10 3.95-.09 3.95-.09l-.09-17.74s-12.21-.18-11.42-11.51c.71-10.1 12-13.26 17.66-7.46 6.68 6.85 1.93 17-5 17.56L144.4 75s3.34-1.23 3.6 2.11c.18 2.55-.44 10.19 4.22 9.13s6.41-6.32 10.1-4.12 4.13 3.77 3.69 5-5.36 7.91-4.39 9.49 9.48 2.11 10 2.81.79 5.89.18 7.91-6.86 1-8.7 2.46.61 7.64 3.43 11.24c0 0-2.2 5.09-4.57 5.88s-8.26-6.32-11.33-3.51-.71 8.78-2.64 10.19",
+      style: {
+        fill: "none",
+        stroke: "var(--zd_emptysvg_primary_stroke)",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    }));
+  }
+
+}
+GCConversation.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+GCConversation.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'GCConversation',
+  palette: 'default'
+};
+
+if (false) {
+  GCConversation.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/KBBot.js

@@ -0,0 +1,79 @@
+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 SVG from './SVG';
+export default class KBBot extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "KBBot"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".KBBot_svg__cls-2{fill:var(--zd_emptysvg_plus)}.KBBot_svg__cls-3{fill:var(--zd_emptysvg_medium_circle)}.KBBot_svg__cls-4{fill:var(--zd_emptysvg_cross)}.KBBot_svg__cls-5{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}.KBBot_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);}")), /*#__PURE__*/React.createElement("path", {
+      d: "M80.05 58.19S126.71 27 150.32 36.4s39.74 88.3-25.92 123.72-95.4-41.65-95.57-55.3c-.28-13.21 0-44.7 51.22-46.63Z",
+      style: {
+        fill: "var(--zd_emptysvg_primary_fill)",
+        isolation: "isolate",
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-2",
+      d: "M13.83 119.3a.49.49 0 0 1-.47-.52l.41-7.47a.5.5 0 0 1 .53-.47.52.52 0 0 1 .47.53l-.41 7.47a.5.5 0 0 1-.51.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-2",
+      d: "m17.69 115.77-7.34-.42a.49.49 0 0 1-.47-.53.5.5 0 0 1 .53-.47l7.34.42a.49.49 0 0 1 .47.51.49.49 0 0 1-.52.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-3",
+      d: "M171 22.8a4.75 4.75 0 1 0 4.68 4.82v-.08A4.73 4.73 0 0 0 171 22.8Zm0 8.5a3.76 3.76 0 1 1 3.69-3.83v.07A3.73 3.73 0 0 1 171 31.3ZM124.25 175.07a3.45 3.45 0 1 0 3.4 3.5 3.43 3.43 0 0 0-3.4-3.5Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.42 2.42 0 0 1-2.4 2.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-4",
+      d: "M80.76 22a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 2-2.05 2 2 0 0 1-2 2.05ZM189.68 131.81a.49.49 0 0 0-.69 0l-2.38 2.19-2.12-2.4a.51.51 0 0 0-.71 0 .5.5 0 0 0 0 .61l2.09 2.38-2.38 2.17a.49.49 0 0 0 0 .7.44.44 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.5.5 0 0 0 .38.17.48.48 0 0 0 .33-.83l-2.13-2.42 2.38-2.16a.48.48 0 0 0 .1-.68Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-5",
+      d: "M100 37.77s8.57.84 7.85 9.48-14 8.28-15.6 0 6.66-8.9 8.94-8-.22 27.23-.22 27.23 33-.17 43.7 28.79-.71 30.54-4.22 24.92-5.26-21.78 6.85-23.7 9.2 27 .52 25.77c0 0-6.84 38.2-47.82 39.94s-47.38-49.81-45-57 5.85-2.12 7.76 2.48.22 22-11.21 18.81S42.66 98.92 57.4 98c0 0 7.93-31.29 41.36-31.53 0 0-.66 28.6 3 32.13 1.35 1.3 6.63 3.43 7 9.37s-5.37 9.6-11.08 8.11-10.4-12.68 1.6-18.5l1-2.89A4.23 4.23 0 0 1 105.5 92c4.08 1.22 9.85 4.85 10.31 15.56.5 11.37-9.68 17-19.15 14.78a16 16 0 0 1-11.49-20.71c1.43-4.1 4.71-8.09 11.69-9.88"
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "KBBot_svg__cls-6",
+      cx: 101.12,
+      cy: 114.08,
+      r: 43.01
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "KBBot_svg__cls-6",
+      cx: 101.12,
+      cy: 108.08,
+      r: 8.97
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "KBBot_svg__cls-6",
+      cx: 101.12,
+      cy: 46.75,
+      r: 8.97
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-5",
+      d: "M92 150.75s-1.71-8.87-.46-8.87h19.54s-.26 8.46-1.83 8.87-15.68 0-15.68 0"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-6",
+      d: "M93.45 149.82s2.86-8 5.1-6 8.41-1.91 10.21-.31-.75 6.34-.75 6.34Z"
+    }));
+  }
+
+}
+KBBot.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+KBBot.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'KBBot',
+  palette: 'default'
+};
+
+if (false) {
+  KBBot.docs = {
+    componentGroup: 'SVG'
+  };
+}