text: self["webpackHotUpdate_zendeskgarden_react_components"]("main",{
  
  /***/ "./packages/chrome/demo/stories/ChromeStory.tsx":
  /*!******************************************************!*\
    !*** ./packages/chrome/demo/stories/ChromeStory.tsx ***!
    \******************************************************/
  /***/ (() => {
  
  throw new Error("Module build failed (from ./node_modules/babel-loader/lib/index.js):\nSyntaxError: C:\\xampp\\htdocs\\design\\react-components\\packages\\chrome\\demo\\stories\\ChromeStory.tsx: Identifier 'NavIcon' has already been declared. (20:9)\n\n\u001b[0m \u001b[90m 18 |\u001b[39m \u001b[36mimport\u001b[39m \u001b[33mBrandmarkIcon\u001b[39m \u001b[36mfrom\u001b[39m \u001b[32m'@zendeskgarden/svg-icons/src/26/zendesk.svg'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m 19 |\u001b[39m \u001b[36mimport\u001b[39m { \u001b[33mNavIcon\u001b[39m } \u001b[36mfrom\u001b[39m \u001b[32m'./app'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m\n\u001b[0m\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 20 |\u001b[39m \u001b[36mimport\u001b[39m { \u001b[33mNavIcon\u001b[39m } \u001b[36mfrom\u001b[39m \u001b[32m'./app'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m    |\u001b[39m          \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m 21 |\u001b[39m \u001b[36mimport\u001b[39m { \u001b[33mNavIcon1\u001b[39m } \u001b[36mfrom\u001b[39m \u001b[32m'./home'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m 22 |\u001b[39m \u001b[36mimport\u001b[39m { \u001b[33mNavIcon2\u001b[39m } \u001b[36mfrom\u001b[39m \u001b[32m'./email'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m\n\u001b[0m \u001b[90m 23 |\u001b[39m \u001b[36mimport\u001b[39m { \u001b[33mNavIcon3\u001b[39m } \u001b[36mfrom\u001b[39m \u001b[32m'./customerlist'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m\n    at Object._raise (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:569:17)\n    at Object.raiseWithData (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:562:17)\n    at Object.raise (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:523:17)\n    at TypeScriptScopeHandler.checkRedeclarationInScope (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:1731:12)\n    at TypeScriptScopeHandler.declareName (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:1697:12)\n    at TypeScriptScopeHandler.declareName (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:7616:11)\n    at Object.checkLVal (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:11154:24)\n    at Object.checkLVal (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:10081:15)\n    at Object.parseImportSpecifier (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:15172:10)\n    at Object.parseImportSpecifier (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:10339:18)\n    at Object.parseNamedImportSpecifiers (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:15148:36)\n    at Object.parseImport (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:14979:39)\n    at Object.parseImport (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:9501:30)\n    at Object.parseStatementContent (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:13619:27)\n    at Object.parseStatementContent (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:9580:18)\n    at Object.parseStatement (C:\\xampp\\htdocs\\design\\react-components\\node_modules\\@babel\\parser\\lib\\index.js:13517:17)");
  
  /***/ }),
  
  /***/ "./packages/chrome/demo/stories/SheetStory.tsx":
  /*!*****************************************************!*\
    !*** ./packages/chrome/demo/stories/SheetStory.tsx ***!
    \*****************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "SheetStory": () => (/* binding */ SheetStory)
  /* harmony export */ });
  /* unused harmony export SheetComponent */
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3__);
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.index-of.js */ "./node_modules/core-js/modules/es.array.index-of.js");
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_4__);
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.object.assign.js */ "./node_modules/core-js/modules/es.object.assign.js");
  /* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_5__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var _theming_src__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../theming/src */ "./packages/theming/src/elements/ThemeProvider.tsx");
  /* harmony import */ var _forms_src__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../forms/src */ "./packages/forms/src/elements/common/Field.tsx");
  /* harmony import */ var _forms_src__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../forms/src */ "./packages/forms/src/elements/Toggle.tsx");
  /* harmony import */ var _forms_src__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../forms/src */ "./packages/forms/src/elements/common/Label.tsx");
  /* harmony import */ var _grid_src__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../grid/src */ "./packages/grid/src/elements/Grid.tsx");
  /* harmony import */ var _grid_src__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../grid/src */ "./packages/grid/src/elements/Row.tsx");
  /* harmony import */ var _grid_src__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../grid/src */ "./packages/grid/src/elements/Col.tsx");
  /* harmony import */ var _buttons_src__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../buttons/src */ "./packages/buttons/src/elements/Button.tsx");
  /* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/sheet/Sheet.tsx");
  var _excluded = ["hasHeader", "title", "description", "hasBody", "body", "hasFooter", "footerItems", "isCompact", "onClick", "hasClose"],
      _excluded2 = ["debug", "onClick", "onChange", "hasBody", "body", "hasClose", "hasFooter", "footerItems", "hasHeader", "title", "description"];
  
  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); }
  
  
  
  
  
  
  
  
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
  
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
  
  /**
   * Copyright Zendesk, Inc.
   *
   * Use of this source code is governed under the Apache License, Version 2.0
   * found at http://www.apache.org/licenses/LICENSE-2.0.
   */
  
  
  
  
  
  
  var SheetComponent = function SheetComponent(_ref) {
    var hasHeader = _ref.hasHeader,
        title = _ref.title,
        description = _ref.description,
        hasBody = _ref.hasBody,
        body = _ref.body,
        hasFooter = _ref.hasFooter,
        footerItems = _ref.footerItems,
        isCompact = _ref.isCompact,
        onClick = _ref.onClick,
        hasClose = _ref.hasClose,
        props = _objectWithoutProperties(_ref, _excluded);
  
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet, props, hasHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Title, null, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Description, null, description)), hasBody ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Body, null, body) : body, hasFooter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Footer, {
      isCompact: isCompact
    }, footerItems && footerItems.map(function (_ref2, index) {
      var text = _ref2.text,
          type = _ref2.type;
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.FooterItem, {
        key: index
      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_buttons_src__WEBPACK_IMPORTED_MODULE_8__["default"], {
        isLink: isCompact,
        isBasic: type === 'basic',
        isPrimary: type === 'primary',
        onClick: onClick
      }, text));
    })), hasClose && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Close, {
      onClick: onClick
    }));
  };
  var SheetStory = function SheetStory(_ref3) {
    var debug = _ref3.debug,
        onClick = _ref3.onClick,
        onChange = _ref3.onChange,
        hasBody = _ref3.hasBody,
        body = _ref3.body,
        hasClose = _ref3.hasClose,
        hasFooter = _ref3.hasFooter,
        footerItems = _ref3.footerItems,
        hasHeader = _ref3.hasHeader,
        title = _ref3.title,
        description = _ref3.description,
        args = _objectWithoutProperties(_ref3, _excluded2);
  
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(react__WEBPACK_IMPORTED_MODULE_6__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_theming_src__WEBPACK_IMPORTED_MODULE_9__["default"], {
      focusVisibleRef: null,
      theme: function theme(parentTheme) {
        return _extends({}, parentTheme, {
          rtl: parentTheme.rtl ? args.placement === 'start' : args.placement !== 'start'
        });
      }
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_forms_src__WEBPACK_IMPORTED_MODULE_10__.Field, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_forms_src__WEBPACK_IMPORTED_MODULE_11__.Toggle, {
      checked: args.isOpen,
      onChange: onChange
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_forms_src__WEBPACK_IMPORTED_MODULE_12__.Label, {
      hidden: true
    }, "Sheet")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_grid_src__WEBPACK_IMPORTED_MODULE_13__.Grid, {
      debug: debug,
      gutters: false,
      style: {
        marginTop: 20
      }
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_grid_src__WEBPACK_IMPORTED_MODULE_14__.Row, {
      style: {
        height: 'calc(100vh - 120px)'
      },
      justifyContent: args.placement || 'end'
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_grid_src__WEBPACK_IMPORTED_MODULE_15__.Col, {
      size: "auto",
      style: {
        maxHeight: '100%'
      }
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(SheetComponent, _extends({
      hasHeader: hasHeader,
      title: title,
      description: description,
      hasBody: hasBody,
      body: body,
      hasFooter: hasFooter,
      footerItems: footerItems,
      onClick: onClick,
      hasClose: hasClose
    }, args))))));
  };
  try {
      // @ts-ignore
      SheetComponent.displayName = "SheetComponent";
      // @ts-ignore
      SheetComponent.__docgenInfo = { "description": "", "displayName": "SheetComponent", "props": { "hasBody": { "defaultValue": null, "description": "", "name": "hasBody", "required": true, "type": { "name": "boolean" } }, "body": { "defaultValue": null, "description": "", "name": "body", "required": true, "type": { "name": "string" } }, "hasClose": { "defaultValue": null, "description": "", "name": "hasClose", "required": true, "type": { "name": "boolean" } }, "hasFooter": { "defaultValue": null, "description": "", "name": "hasFooter", "required": true, "type": { "name": "boolean" } }, "footerItems": { "defaultValue": null, "description": "", "name": "footerItems", "required": true, "type": { "name": "IFooterItem[]" } }, "hasHeader": { "defaultValue": null, "description": "", "name": "hasHeader", "required": true, "type": { "name": "boolean" } }, "isCompact": { "defaultValue": null, "description": "", "name": "isCompact", "required": true, "type": { "name": "boolean" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": true, "type": { "name": "string" } }, "description": { "defaultValue": null, "description": "", "name": "description", "required": true, "type": { "name": "string" } }, "isOpen": { "defaultValue": null, "description": "Opens the Sheet *", "name": "isOpen", "required": false, "type": { "name": "boolean" } }, "isAnimated": { "defaultValue": null, "description": "Determines whether animation for opening and closing the Sheet is used *", "name": "isAnimated", "required": false, "type": { "name": "boolean" } }, "focusOnMount": { "defaultValue": null, "description": "Focuses on the Sheet when `isOpen` is true and mounted *", "name": "focusOnMount", "required": false, "type": { "name": "boolean" } }, "restoreFocus": { "defaultValue": null, "description": "Directs keyboard focus to the Sheet on mount *", "name": "restoreFocus", "required": false, "type": { "name": "boolean" } }, "placement": { "defaultValue": null, "description": "Returns keyboard focus to the element that triggered the Sheet *", "name": "placement", "required": false, "type": { "name": "enum", "value": [{ "value": "\"start\"" }, { "value": "\"end\"" }] } }, "size": { "defaultValue": null, "description": "Sets the width in pixels, based on the placement of the Sheet", "name": "size", "required": false, "type": { "name": "string" } } } };
      // @ts-ignore
      if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
          // @ts-ignore
          STORYBOOK_REACT_CLASSES["packages/chrome/demo/stories/SheetStory.tsx#SheetComponent"] = { docgenInfo: SheetComponent.__docgenInfo, name: "SheetComponent", path: "packages/chrome/demo/stories/SheetStory.tsx#SheetComponent" };
  }
  catch (__react_docgen_typescript_loader_error) { }
  
  /***/ })
  
  });
  //# sourceMappingURL=main.94c8ef9fdc36e60ded25.hot-update.js.map