2 lines
32 KiB
JavaScript
2 lines
32 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[function(module,exports){module.exports=storybook_docs_dll},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("ERkP")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("1t7P")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("IAdD")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("ho0z")},,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("+KXO")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("jQ/y")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("7x/C")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("M+/F")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("vrRf")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("plBw")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("87if")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("DZ+c")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("lTEL")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("kYxP")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("z84I")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("aLgo")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("cARO")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("2G9S")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("KqXw")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("hCOa")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("NyMY")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("UvmB")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("EgRP")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("yH/f")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("aokA")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("jwue")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("+oxZ")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("lN5B")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("LW0h")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("A3UQ")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("MvUL")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("7xRU")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("Ysgh")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("jQ3i")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("KOtZ")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("1Iuc")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("P2aG")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("x4t0")},,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("ZVkB")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("y2Ah")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("WNMA")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("Yct5")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("1IsZ")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("hBpG")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("vbDw")},,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("JtPf")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("tVqn")},,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("5o43")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("DfhM")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("LJOr")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("pu3o")},,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("3yYM")},,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("LqLs")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("3voH")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("6U7i")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("Cm4o")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("j4Sf")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("LUwd")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("OZaJ")},,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("+kY7")},,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("5878")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("Kkar")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("m9LP")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("7nmT")},,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("l1C2")},,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("sVFb")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("iKE+")},,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("CUMQ")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("mlET")},,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("f9bD")},,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("b2e3")},,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/code-brackets.d43eb968.svg"},function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/colors.8104e6f5.svg"},function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/comments.3f9a1398.svg"},function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/direction.d3dc567b.svg"},function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/flow.e3812c4f.svg"},function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/plugin.5ba97e9b.svg"},function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/repo.3452b916.svg"},function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/stackalt.66f4b748.svg"},,,,function(module,exports,__webpack_require__){__webpack_require__(185),__webpack_require__(210),__webpack_require__(211),__webpack_require__(257),__webpack_require__(382),__webpack_require__(417),__webpack_require__(422),__webpack_require__(434),__webpack_require__(436),__webpack_require__(438),module.exports=__webpack_require__(440)},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("ARua")},,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("gqY9")},,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("9JhN")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("PjZX")},,,,,,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__(119)},,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("/Qos")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("JY+C")},,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("ZUdG")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("tQbP")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("//nZ")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("wFLD")},,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("ax0f")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("dSaG")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("hQin")},,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("LJ7e")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("I2fK")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("DY47")},,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("3kp9")},,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("/bc2")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("/JuR")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("+Bxv")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("muFx")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("Wci6")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("WoRU")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("o3fS")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("JmTi")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("xaiR")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("SlD/")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("Monn")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("fmNP")},,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("uFXj")},,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("V0IW")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("OCSl")},,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("jLkM")},,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("kA4r")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("Blm6")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("ssvU")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("lZm3")},,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("Ee2X")},,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("5BYb")},,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("maj8")},,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("F63i")},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("aWzz")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("kvVz")},,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("2q8g")},function(module,exports,__webpack_require__){module.exports=__webpack_require__(0)("nDih")},,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";var _clientApi=__webpack_require__(35),_clientLogger=__webpack_require__(24),_configFilename=__webpack_require__(439);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_configFilename.args||_configFilename.argTypes)&&_clientLogger.logger.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify({args:_configFilename.args,argTypes:_configFilename.argTypes})),_configFilename.decorators&&_configFilename.decorators.forEach((function(decorator){return(0,_clientApi.addDecorator)(decorator,!1)})),(_configFilename.parameters||_configFilename.globals||_configFilename.globalTypes)&&(0,_clientApi.addParameters)(_objectSpread(_objectSpread({},_configFilename.parameters),{},{globals:_configFilename.globals,globalTypes:_configFilename.globalTypes}),!1),_configFilename.argTypesEnhancers&&_configFilename.argTypesEnhancers.forEach((function(enhancer){return(0,_clientApi.addArgTypesEnhancer)(enhancer)}))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"parameters",(function(){return parameters}));var parameters={actions:{argTypesRegex:"^on[A-Z].*"}}},function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__(119).configure)([__webpack_require__(441),__webpack_require__(443)],module,!1)}).call(this,__webpack_require__(61)(module))},function(module,exports,__webpack_require__){var map={"./stories/Introduction.stories.mdx":442};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=441},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__(1);var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(6),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(84),_assets_code_brackets_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(173),_assets_code_brackets_svg__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_assets_code_brackets_svg__WEBPACK_IMPORTED_MODULE_3__),_assets_colors_svg__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(174),_assets_colors_svg__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_assets_colors_svg__WEBPACK_IMPORTED_MODULE_4__),_assets_comments_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(175),_assets_comments_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_assets_comments_svg__WEBPACK_IMPORTED_MODULE_5__),_assets_direction_svg__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(176),_assets_direction_svg__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_assets_direction_svg__WEBPACK_IMPORTED_MODULE_6__),_assets_flow_svg__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(177),_assets_flow_svg__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_assets_flow_svg__WEBPACK_IMPORTED_MODULE_7__),_assets_plugin_svg__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(178),_assets_plugin_svg__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_assets_plugin_svg__WEBPACK_IMPORTED_MODULE_8__),_assets_repo_svg__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(179),_assets_repo_svg__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_assets_repo_svg__WEBPACK_IMPORTED_MODULE_9__),_assets_stackalt_svg__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(180),_assets_stackalt_svg__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_assets_stackalt_svg__WEBPACK_IMPORTED_MODULE_10__);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}const layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.Meta,{title:"Example/Introduction",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("style",null,"\n .subheading {\n --mediumdark: '#999999';\n font-weight: 900;\n font-size: 13px;\n color: #999;\n letter-spacing: 6px;\n line-height: 24px;\n text-transform: uppercase;\n margin-bottom: 12px;\n margin-top: 40px;\n }\n\n .link-list {\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr 1fr;\n row-gap: 10px;\n }\n\n @media (min-width: 620px) {\n .link-list {\n row-gap: 20px;\n column-gap: 20px;\n grid-template-columns: 1fr 1fr;\n }\n }\n\n @media all and (-ms-high-contrast:none) {\n .link-list {\n display: -ms-grid;\n -ms-grid-columns: 1fr 1fr;\n -ms-grid-rows: 1fr 1fr;\n }\n }\n\n .link-item {\n display: block;\n padding: 20px 30px 20px 15px;\n border: 1px solid #00000010;\n border-radius: 5px;\n transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;\n color: #333333;\n display: flex;\n align-items: flex-start;\n }\n\n .link-item:hover {\n border-color: #1EA7FD50;\n transform: translate3d(0, -3px, 0);\n box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;\n }\n\n .link-item:active {\n border-color: #1EA7FD;\n transform: translate3d(0, 0, 0);\n }\n\n .link-item strong {\n font-weight: 700;\n display: block;\n margin-bottom: 2px;\n }\n \n .link-item img {\n height: 40px;\n width: 40px;\n margin-right: 15px;\n flex: none;\n }\n\n .link-item span {\n font-size: 14px;\n line-height: 20px;\n }\n\n .tip {\n display: inline-block;\n border-radius: 1em;\n font-size: 11px;\n line-height: 12px;\n font-weight: 700;\n background: #E7FDD8;\n color: #66BF3C;\n padding: 4px 12px;\n margin-right: 10px;\n vertical-align: top;\n }\n\n .tip-wrapper {\n font-size: 13px;\n line-height: 20px;\n margin-top: 40px;\n margin-bottom: 40px;\n }\n\n .tip-wrapper code {\n font-size: 12px;\n display: inline-block;\n }\n\n \n"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("h1",{id:"welcome-to-storybook"},"Welcome to Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("p",null,"Storybook helps you build UI components in isolation from your app's business logic, data, and context.\nThat makes it easy to develop hard-to-reach states. Save these UI states as ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",{parentName:"p"},"stories")," to revisit during development, testing, or QA."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("p",null,"Browse example stories now by navigating to them in the sidebar.\nView their code in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("inlineCode",{parentName:"p"},"src/storybook-examples")," directory to learn how they work.\nWe recommend building UIs with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("a",_extends({parentName:"p"},{href:"https://componentdriven.org",target:"_blank",rel:"nofollow noopener noreferrer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",{parentName:"a"},"component-driven"))," process starting with atomic components and ending with pages."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("div",{class:"subheading"},"Configure"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("div",{class:"link-list"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("a",{class:"link-item",href:"https://storybook.js.org/docs/react/api/presets",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("img",{src:_assets_plugin_svg__WEBPACK_IMPORTED_MODULE_8___default.a,alt:"plugin"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("a",{class:"link-item",href:"https://storybook.js.org/docs/react/configure/webpack",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("img",{src:_assets_stackalt_svg__WEBPACK_IMPORTED_MODULE_10___default.a,alt:"Build"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",null,"Build configuration"),"How to customize webpack and Babel")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("a",{class:"link-item",href:"https://storybook.js.org/docs/react/configure/styling-and-css",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("img",{src:_assets_colors_svg__WEBPACK_IMPORTED_MODULE_4___default.a,alt:"colors"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",null,"Styling"),"How to load and configure CSS libraries")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("a",{class:"link-item",href:"https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("img",{src:_assets_flow_svg__WEBPACK_IMPORTED_MODULE_7___default.a,alt:"flow"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",null,"Data"),"Providers and mocking for data libraries"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("div",{class:"subheading"},"Learn"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("div",{class:"link-list"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("a",{class:"link-item",href:"https://storybook.js.org/docs",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("img",{src:_assets_repo_svg__WEBPACK_IMPORTED_MODULE_9___default.a,alt:"repo"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",null,"Storybook documentation"),"Configure, customize, and extend")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("a",{class:"link-item",href:"https://www.learnstorybook.com",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("img",{src:_assets_direction_svg__WEBPACK_IMPORTED_MODULE_6___default.a,alt:"direction"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",null,"In-depth guides"),"Best practices from leading teams")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("a",{class:"link-item",href:"https://github.com/storybookjs/storybook",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("img",{src:_assets_code_brackets_svg__WEBPACK_IMPORTED_MODULE_3___default.a,alt:"code"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",null,"GitHub project"),"View the source and add issues")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("a",{class:"link-item",href:"https://discord.gg/UUt2PJb",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("img",{src:_assets_comments_svg__WEBPACK_IMPORTED_MODULE_5___default.a,alt:"comments"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("strong",null,"Discord chat"),"Chat with maintainers and the community"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("div",{class:"tip-wrapper"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("span",{class:"tip"},"Tip"),"Edit the Markdown in ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)("code",null,"src/storybook-examples/welcome.mdx")))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Example/Introduction",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)(MDXContent,null))},__webpack_exports__.default=componentMeta},function(module,exports,__webpack_require__){var map={"./stories/Chart.stories.tsx":449};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=443},,,,function(module,exports,__webpack_require__){},,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"LineChart",(function(){return LineChart}));var objectSpread2=__webpack_require__(182),delegated_reactfrom_dll_reference_storybook_docs_dll=__webpack_require__(1),delegated_reactfrom_dll_reference_storybook_docs_dll_default=__webpack_require__.n(delegated_reactfrom_dll_reference_storybook_docs_dll),objectWithoutProperties=__webpack_require__(183),dist=__webpack_require__(181);function LineChartExample(props){var chartConfig=props.chartConfig;return delegated_reactfrom_dll_reference_storybook_docs_dll_default.a.createElement(dist.ReactChartJs,{chartConfig:chartConfig})}var LineChart_LineChartExample=LineChartExample;try{LineChartExample.displayName="LineChartExample",LineChartExample.__docgenInfo={description:"",displayName:"LineChartExample",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/demos/LineChart/LineChartExample.tsx#LineChartExample"]={docgenInfo:LineChartExample.__docgenInfo,name:"LineChartExample",path:"src/demos/LineChart/LineChartExample.tsx#LineChartExample"})}catch(__react_docgen_typescript_loader_error){}try{LineChartExample.displayName="LineChartExample",LineChartExample.__docgenInfo={description:"",displayName:"LineChartExample",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/demos/LineChart/LineChartExample.tsx#LineChartExample"]={docgenInfo:LineChartExample.__docgenInfo,name:"LineChartExample",path:"src/demos/LineChart/LineChartExample.tsx#LineChartExample"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__(447);var LineChartDemo_LineChartDemo=function LineChartDemo(_ref){var _ref$chartConfig=_ref.chartConfig,chartConfig=void 0===_ref$chartConfig?{type:"line",options:{responsive:!0,title:{display:!0,text:"Monthly Payments"},tooltips:{mode:"index",intersect:!1},hover:{mode:"nearest",intersect:!0}},data:{datasets:[{label:"Part-time",data:[5,10,30],fill:!1,borderColor:"#ff6384"},{label:"Full-time",data:[10,15,45],fill:!1,borderColor:"#36a2eb"}],labels:["Jan","Feb","Mar"]}}:_ref$chartConfig;Object(objectWithoutProperties.a)(_ref,["chartConfig"]);return delegated_reactfrom_dll_reference_storybook_docs_dll_default.a.createElement(LineChart_LineChartExample,{chartConfig:chartConfig})};try{LineChartDemo_LineChartDemo.displayName="LineChartDemo",LineChartDemo_LineChartDemo.__docgenInfo={description:"Primary UI component for user interaction",displayName:"LineChartDemo",props:{chartConfig:{defaultValue:{value:'{\n type: "line",\n options: {\n responsive: true,\n title: {\n display: true,\n text: "Monthly Payments",\n },\n tooltips: {\n mode: "index",\n intersect: false,\n },\n hover: {\n mode: "nearest",\n intersect: true,\n },\n },\n data: {\n datasets: [\n {\n label: "Part-time",\n data: [5, 10, 30],\n fill: false,\n borderColor: "#ff6384",\n },\n {\n label: "Full-time",\n data: [10, 15, 45],\n fill: false,\n borderColor: "#36a2eb",\n },\n ],\n labels: ["Jan", "Feb", "Mar"],\n },\n }'},description:"",name:"chartConfig",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/stories/LineChartDemo.tsx#LineChartDemo"]={docgenInfo:LineChartDemo_LineChartDemo.__docgenInfo,name:"LineChartDemo",path:"src/stories/LineChartDemo.tsx#LineChartDemo"})}catch(__react_docgen_typescript_loader_error){}try{LineChartDemo_LineChartDemo.displayName="LineChartDemo",LineChartDemo_LineChartDemo.__docgenInfo={description:"Primary UI component for user interaction",displayName:"LineChartDemo",props:{chartConfig:{defaultValue:{value:'{\n type: "line",\n options: {\n responsive: true,\n title: {\n display: true,\n text: "Monthly Payments",\n },\n tooltips: {\n mode: "index",\n intersect: false,\n },\n hover: {\n mode: "nearest",\n intersect: true,\n },\n },\n data: {\n datasets: [\n {\n label: "Part-time",\n data: [5, 10, 30],\n fill: false,\n borderColor: "#ff6384",\n },\n {\n label: "Full-time",\n data: [10, 15, 45],\n fill: false,\n borderColor: "#36a2eb",\n },\n ],\n labels: ["Jan", "Feb", "Mar"],\n },\n }'},description:"",name:"chartConfig",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/stories/LineChartDemo.tsx#LineChartDemo"]={docgenInfo:LineChartDemo_LineChartDemo.__docgenInfo,name:"LineChartDemo",path:"src/stories/LineChartDemo.tsx#LineChartDemo"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.default={title:"Example/Chart",component:LineChartDemo_LineChartDemo,argTypes:{}};var LineChart=function Template(args){return delegated_reactfrom_dll_reference_storybook_docs_dll_default.a.createElement(LineChartDemo_LineChartDemo,null)}.bind({});LineChart.args={},LineChart.parameters=Object(objectSpread2.a)({storySource:{source:"(args) => <LineChartDemo />"}},LineChart.parameters)}],[[184,1,2]]]);
|
|
//# sourceMappingURL=main.95f6dfcb139d07d2d46d.bundle.js.map
|