text: (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{109:function(module,__webpack_exports__,__webpack_require__){"use strict";var jsx_runtime=__webpack_require__(1),react=__webpack_require__(0),react_default=__webpack_require__.n(react),styled_components_browser_esm=(__webpack_require__(7),__webpack_require__(31),__webpack_require__(29)),getSpinnerWidth=function getSpinnerWidth(size){switch(!0){case size<15:return size/3.5;case size<50:return size/5;case size<100:return size/7.5;case size>=100:default:return size/10}};function _templateObject(){var data=function _taggedTemplateLiteral(strings,raw){raw||(raw=strings.slice(0));return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    box-sizing: border-box;\n    display: block;\n    border: ","px solid transparent;\n    border-top: ","px solid ",";\n    border-right: ","px solid ",";\n    border-bottom: ","px solid ",";\n    border-radius: 50%;\n    width: ","px;\n    height: ","px;\n    animation: spin 1s linear infinite;\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n"]);return _templateObject=function _templateObject(){return data},data}var StyledSpinner=styled_components_browser_esm.a.span(_templateObject(),(function(pr){return getSpinnerWidth(pr.size)}),(function(pr){return getSpinnerWidth(pr.size)}),(function(pr){return pr.light?"#f7f7f7":"#3d4ed1"}),(function(pr){return getSpinnerWidth(pr.size)}),(function(pr){return pr.light?"#f7f7f7":"#3d4ed1"}),(function(pr){return getSpinnerWidth(pr.size)}),(function(pr){return pr.light?"#f7f7f7":"#3d4ed1"}),(function(pr){return pr.size}),(function(pr){return pr.size})),spinner_Spinner=function Spinner(props,ref){var className=props.className,_props$size=props.size,size=void 0===_props$size?30:_props$size,_props$light=props.light,light=void 0!==_props$light&&_props$light;return Object(jsx_runtime.jsx)(StyledSpinner,{ref:ref,className:className,size:size,light:light})};spinner_Spinner.displayName="Spinner";var spinner=react_default.a.forwardRef(spinner_Spinner);try{spinner_Spinner.displayName="Spinner",spinner_Spinner.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},light:{defaultValue:null,description:"",name:"light",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/spinner/spinner.tsx#Spinner"]={docgenInfo:spinner_Spinner.__docgenInfo,name:"Spinner",path:"src/components/spinner/spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=spinner},1107:function(module,exports,__webpack_require__){"use strict";__webpack_require__(5),__webpack_require__(55),__webpack_require__(42),__webpack_require__(1108),__webpack_require__(1109),__webpack_require__(8),__webpack_require__(43);var _clientApi=__webpack_require__(59),_clientLogger=__webpack_require__(37),_configFilename=__webpack_require__(1110);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.loaders&&_configFilename.loaders.forEach((function(loader){return(0,_clientApi.addLoader)(loader,!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)}))},1110: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].*"}}},1111:function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__(372).configure)([__webpack_require__(1112),__webpack_require__(1114)],module,!1)}).call(this,__webpack_require__(112)(module))},1112:function(module,exports,__webpack_require__){var map={"./stories/Introduction.stories.mdx":1113};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=1112},1113:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__(15),__webpack_require__(2),__webpack_require__(8),__webpack_require__(0);var _mdx_js_react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(10),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(222),_assets_code_brackets_svg__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(490),_assets_code_brackets_svg__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_assets_code_brackets_svg__WEBPACK_IMPORTED_MODULE_6__),_assets_colors_svg__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(491),_assets_colors_svg__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_assets_colors_svg__WEBPACK_IMPORTED_MODULE_7__),_assets_comments_svg__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(492),_assets_comments_svg__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_assets_comments_svg__WEBPACK_IMPORTED_MODULE_8__),_assets_direction_svg__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(493),_assets_direction_svg__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_assets_direction_svg__WEBPACK_IMPORTED_MODULE_9__),_assets_flow_svg__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(494),_assets_flow_svg__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_assets_flow_svg__WEBPACK_IMPORTED_MODULE_10__),_assets_plugin_svg__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(495),_assets_plugin_svg__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_assets_plugin_svg__WEBPACK_IMPORTED_MODULE_11__),_assets_repo_svg__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(496),_assets_repo_svg__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(_assets_repo_svg__WEBPACK_IMPORTED_MODULE_12__),_assets_stackalt_svg__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(497),_assets_stackalt_svg__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(_assets_stackalt_svg__WEBPACK_IMPORTED_MODULE_13__);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)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,["components"]);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_5__.Meta,{title:"Example/Introduction",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.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_4__.mdx)("h1",{id:"welcome-to-storybook"},"Welcome to Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.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_4__.mdx)("strong",{parentName:"p"},"stories")," to revisit during development, testing, or QA."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.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_4__.mdx)("inlineCode",{parentName:"p"},"src/stories")," directory to learn how they work.\nWe recommend building UIs with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("a",_extends({parentName:"p"},{href:"https://componentdriven.org",target:"_blank",rel:"nofollow noopener noreferrer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("strong",{parentName:"a"},"component-driven"))," process starting with atomic components and ending with pages."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("div",{className:"subheading"},"Configure"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("div",{className:"link-list"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("a",{className:"link-item",href:"https://storybook.js.org/docs/react/addons/addon-types",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("img",{src:_assets_plugin_svg__WEBPACK_IMPORTED_MODULE_11___default.a,alt:"plugin"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("a",{className:"link-item",href:"https://storybook.js.org/docs/react/configure/webpack",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("img",{src:_assets_stackalt_svg__WEBPACK_IMPORTED_MODULE_13___default.a,alt:"Build"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("strong",null,"Build configuration"),"How to customize webpack and Babel")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("a",{className:"link-item",href:"https://storybook.js.org/docs/react/configure/styling-and-css",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("img",{src:_assets_colors_svg__WEBPACK_IMPORTED_MODULE_7___default.a,alt:"colors"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("strong",null,"Styling"),"How to load and configure CSS libraries")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("a",{className:"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_4__.mdx)("img",{src:_assets_flow_svg__WEBPACK_IMPORTED_MODULE_10___default.a,alt:"flow"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("strong",null,"Data"),"Providers and mocking for data libraries"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("div",{className:"subheading"},"Learn"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("div",{className:"link-list"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("a",{className:"link-item",href:"https://storybook.js.org/docs",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("img",{src:_assets_repo_svg__WEBPACK_IMPORTED_MODULE_12___default.a,alt:"repo"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("strong",null,"Storybook documentation"),"Configure, customize, and extend")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("a",{className:"link-item",href:"https://www.learnstorybook.com",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("img",{src:_assets_direction_svg__WEBPACK_IMPORTED_MODULE_9___default.a,alt:"direction"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("strong",null,"In-depth guides"),"Best practices from leading teams")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("a",{className:"link-item",href:"https://github.com/storybookjs/storybook",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("img",{src:_assets_code_brackets_svg__WEBPACK_IMPORTED_MODULE_6___default.a,alt:"code"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("strong",null,"GitHub project"),"View the source and add issues")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("a",{className:"link-item",href:"https://discord.gg/UUt2PJb",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("img",{src:_assets_comments_svg__WEBPACK_IMPORTED_MODULE_8___default.a,alt:"comments"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("strong",null,"Discord chat"),"Chat with maintainers and the community"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("div",{className:"tip-wrapper"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("span",{className:"tip"},"Tip"),"Edit the Markdown in"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)("code",null,"src/stories/Introduction.stories.mdx")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Example/Introduction",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_5__.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_4__.mdx)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},1114:function(module,exports,__webpack_require__){var map={"./components/button/button.stories.tsx":1132,"./components/link/link.stories.tsx":1129,"./components/search/search.stories.tsx":1128,"./components/select/select.stories.tsx":1127,"./components/skeleton/skeleton.stories.tsx":1130,"./components/spinner/spinner.stories.tsx":1116,"./components/text-input/text-input.stories.tsx":1133,"./stories/Button.stories.tsx":1117,"./stories/Header.stories.tsx":223,"./stories/Page.stories.tsx":1134};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=1114},1116:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"Light",(function(){return Light}));__webpack_require__(2);var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__(0),__webpack_require__(109)),styled_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(29);function _templateObject(){var data=function _taggedTemplateLiteral(strings,raw){raw||(raw=strings.slice(0));return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  height: 50px;\n  background-color: #2c2c59;\n"]);return _templateObject=function _templateObject(){return data},data}__webpack_exports__.default={title:"Components/Spinner",component:___WEBPACK_IMPORTED_MODULE_3__.a};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({});Default.args={size:50};var DarkBackground=styled_components__WEBPACK_IMPORTED_MODULE_4__.a.div(_templateObject()),Light=function Light(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(DarkBackground,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.a,{size:50,light:!0})})};Light.displayName="Light",Default.parameters=Object.assign({storySource:{source:"(args) => <Spinner {...args} />"}},Default.parameters),Light.parameters=Object.assign({storySource:{source:"() => (\n  <DarkBackground>\n    <Spinner size={50} light />\n  </DarkBackground>\n)"}},Light.parameters);try{Light.displayName="Light",Light.__docgenInfo={description:"",displayName:"Light",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/spinner/spinner.stories.tsx#Light"]={docgenInfo:Light.__docgenInfo,name:"Light",path:"src/components/spinner/spinner.stories.tsx#Light"})}catch(__react_docgen_typescript_loader_error){}},1117:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Primary",(function(){return Primary})),__webpack_require__.d(__webpack_exports__,"Secondary",(function(){return Secondary})),__webpack_require__.d(__webpack_exports__,"Large",(function(){return Large})),__webpack_require__.d(__webpack_exports__,"Small",(function(){return Small}));__webpack_require__(2);var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1),_Button__WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__(0),__webpack_require__(124));__webpack_exports__.default={title:"Example/Button",component:_Button__WEBPACK_IMPORTED_MODULE_3__.a,argTypes:{backgroundColor:{control:"color"}}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args))};Template.displayName="Template";var Primary=Template.bind({});Primary.args={primary:!0,label:"Button"};var Secondary=Template.bind({});Secondary.args={label:"Button"};var Large=Template.bind({});Large.args={size:"large",label:"Button"};var Small=Template.bind({});Small.args={size:"small",label:"Button"},Primary.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},Primary.parameters),Secondary.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},Secondary.parameters),Large.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},Large.parameters),Small.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},Small.parameters)},1118:function(module,exports,__webpack_require__){var api=__webpack_require__(327),content=__webpack_require__(1119);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1119:function(module,exports,__webpack_require__){(exports=__webpack_require__(328)(!1)).push([module.i,".storybook-button {\n  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  border: 0;\n  border-radius: 3em;\n  cursor: pointer;\n  display: inline-block;\n  line-height: 1;\n}\n.storybook-button--primary {\n  color: white;\n  background-color: #1ea7fd;\n}\n.storybook-button--secondary {\n  color: #333;\n  background-color: transparent;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n.storybook-button--small {\n  font-size: 12px;\n  padding: 10px 16px;\n}\n.storybook-button--medium {\n  font-size: 14px;\n  padding: 11px 20px;\n}\n.storybook-button--large {\n  font-size: 16px;\n  padding: 12px 24px;\n}\n",""]),module.exports=exports},1120:function(module,exports,__webpack_require__){var api=__webpack_require__(327),content=__webpack_require__(1121);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1121:function(module,exports,__webpack_require__){(exports=__webpack_require__(328)(!1)).push([module.i,".wrapper {\n  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  padding: 15px 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\nsvg {\n  display: inline-block;\n  vertical-align: top;\n}\n\nh1 {\n  font-weight: 900;\n  font-size: 20px;\n  line-height: 1;\n  margin: 6px 0 6px 10px;\n  display: inline-block;\n  vertical-align: top;\n}\n\nbutton + button {\n  margin-left: 10px;\n}\n",""]),module.exports=exports},1122:function(module,exports,__webpack_require__){var api=__webpack_require__(327),content=__webpack_require__(1123);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1123:function(module,exports,__webpack_require__){(exports=__webpack_require__(328)(!1)).push([module.i,"section {\n  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 14px;\n  line-height: 24px;\n  padding: 48px 20px;\n  margin: 0 auto;\n  max-width: 600px;\n  color: #333;\n}\n\nh2 {\n  font-weight: 900;\n  font-size: 32px;\n  line-height: 1;\n  margin: 0 0 4px;\n  display: inline-block;\n  vertical-align: top;\n}\n\np {\n  margin: 1em 0;\n}\n\na {\n  text-decoration: none;\n  color: #1ea7fd;\n}\n\nul {\n  padding-left: 30px;\n  margin: 1em 0;\n}\n\nli {\n  margin-bottom: 8px;\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 svg {\n  display: inline-block;\n  height: 12px;\n  width: 12px;\n  margin-right: 4px;\n  vertical-align: top;\n  margin-top: 3px;\n}\n\n.tip-wrapper svg path {\n  fill: #1ea7fd;\n}\n",""]),module.exports=exports},1127:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return select_stories_Default})),__webpack_require__.d(__webpack_exports__,"WithError",(function(){return select_stories_WithError})),__webpack_require__.d(__webpack_exports__,"Disabled",(function(){return select_stories_Disabled})),__webpack_require__.d(__webpack_exports__,"Sizes",(function(){return select_stories_Sizes}));__webpack_require__(2);var jsx_runtime=__webpack_require__(1),react=__webpack_require__(0),react_default=__webpack_require__.n(react),text_input=(__webpack_require__(22),__webpack_require__(78)),sizes=(__webpack_require__(66),__webpack_require__(7),__webpack_require__(31),__webpack_require__(56));function SvgSvgArrowDown(props){return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 129 129"},props,{children:Object(jsx_runtime.jsx)("path",{d:"M121.3 34.6c-1.6-1.6-4.2-1.6-5.8 0l-51 51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8 0-1.6 1.6-1.6 4.2 0 5.8l53.9 53.9c.8.8 1.8 1.2 2.9 1.2 1 0 2.1-.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2.1-5.8z"})}))}SvgSvgArrowDown.displayName="SvgSvgArrowDown";var SvgArrowDown=SvgSvgArrowDown;try{SvgSvgArrowDown.displayName="SvgSvgArrowDown",SvgSvgArrowDown.__docgenInfo={description:"",displayName:"SvgSvgArrowDown",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SvgArrowDown.tsx#SvgSvgArrowDown"]={docgenInfo:SvgSvgArrowDown.__docgenInfo,name:"SvgSvgArrowDown",path:"src/icons/SvgArrowDown.tsx#SvgSvgArrowDown"})}catch(__react_docgen_typescript_loader_error){}var styled_components_browser_esm=__webpack_require__(29);function _templateObject6(){var data=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    list-style: none;\n    margin: 0;\n    padding: 6px ","px;\n    cursor: pointer;\n\n    &:hover {\n        background-color: #EEEEEE;\n    }\n"]);return _templateObject6=function _templateObject6(){return data},data}function _templateObject5(){var data=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n"]);return _templateObject5=function _templateObject5(){return data},data}function _templateObject4(){var data=_taggedTemplateLiteral(["\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    transform: translateY(100%);\n\n    width: ",";\n    box-sizing: border-box;\n    padding: 15px 0;\n    background-color: #fff;\n    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.2), 0px 4px 5px 1px rgba(0,0,0,0.14), 0px 1px 7px 1px rgba(0,0,0,0.12);\n\n    transition: opacity 0.3s;\n\n    visibility: ",";\n    opacity: ",";\n"]);return _templateObject4=function _templateObject4(){return data},data}function _templateObject3(){var data=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    position: absolute;\n    right: ","px;\n    top: 50%;\n    transform: ",";\n    transition: transform 0.3s;\n\n    pointer-events: none;\n    height: 15px;\n"]);return _templateObject3=function _templateObject3(){return data},data}function _templateObject2(){var data=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    position: relative;\n\n    input:not([disabled]) {\n        cursor: pointer;\n    }\n"]);return _templateObject2=function _templateObject2(){return data},data}function _templateObject(){var data=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    position: relative;\n    width: ",";\n    height: ","px;\n"]);return _templateObject=function _templateObject(){return data},data}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledWrapper=styled_components_browser_esm.a.div(_templateObject(),(function(pr){return pr.width}),(function(pr){return sizes.a[pr.innerSize]})),StyledHeader=styled_components_browser_esm.a.div(_templateObject2()),StyledArrow=Object(styled_components_browser_esm.a)(SvgArrowDown).withConfig({shouldForwardProp:function shouldForwardProp(prop,defPropValFN){return!["innerSize","upwards"].includes(prop)&&defPropValFN(prop)}})(_templateObject3(),(function(pr){return sizes.b[pr.innerSize]}),(function(pr){return pr.upwards?"translateY(-50%) rotateZ(180deg)":"translateY(-50%)"})),StyledPopover=styled_components_browser_esm.a.div(_templateObject4(),(function(pr){return pr.width}),(function(pr){return pr.visible?"visible":"hidden"}),(function(pr){return pr.visible?1:0})),List=styled_components_browser_esm.a.ul(_templateObject5()),ListItem=styled_components_browser_esm.a.li(_templateObject6(),(function(pr){return sizes.b[pr.innerSize]}));function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var select_Select=function Select(props,ref){var _props$size=props.size,size=void 0===_props$size?"default":_props$size,className=props.className,_props$disabled=props.disabled,disabled=void 0!==_props$disabled&&_props$disabled,_props$error=props.error,error=void 0!==_props$error&&_props$error,option=props.option,listOptions=props.listOptions,onChange=props.onChange,placeholder=props.placeholder,_props$width=props.width,width=void 0===_props$width?"100%":_props$width,textInputStyles={size:size,disabled:disabled,error:error,width:"100%",placeholder:placeholder,readonly:!0},headerRef=Object(react.useRef)(null),popoverRef=Object(react.useRef)(null),_useSelectLogic=function useSelectLogic(){var onChange=arguments.length>0&&void 0!==arguments[0]?arguments[0]:function(){},_ref=arguments.length>1?arguments[1]:void 0,headerRef=_ref.headerRef,popoverRef=_ref.popoverRef,disabled=arguments.length>2?arguments[2]:void 0,_useState=Object(react.useState)(!1),_useState2=_slicedToArray(_useState,2),optionsListVisible=_useState2[0],__setOptionsListVisible=_useState2[1],onOptionClick=function onOptionClick(option){onChange(option),setOptionsListVisible(!1)},setOptionsListVisible=Object(react.useCallback)((function(isVisible){disabled||__setOptionsListVisible(isVisible)}),[disabled]);return Object(react.useEffect)((function(){var handleClickOutside=function handleClickOutside(event){headerRef.current&&popoverRef.current&&!headerRef.current.contains(event.target)&&!popoverRef.current.contains(event.target)&&setOptionsListVisible(!1)};return document.addEventListener("mousedown",handleClickOutside),function(){document.removeEventListener("mousedown",handleClickOutside)}}),[headerRef,popoverRef,setOptionsListVisible]),{onOptionClick:onOptionClick,optionsListVisible:optionsListVisible,setOptionsListVisible:setOptionsListVisible}}(onChange,{headerRef:headerRef,popoverRef:popoverRef},disabled),onOptionClick=_useSelectLogic.onOptionClick,optionsListVisible=_useSelectLogic.optionsListVisible,setOptionsListVisible=_useSelectLogic.setOptionsListVisible;return Object(jsx_runtime.jsxs)(StyledWrapper,{className:className,width:width,innerSize:size,children:[Object(jsx_runtime.jsxs)(StyledHeader,{ref:headerRef,onClick:function onClick(){return setOptionsListVisible(!0)},children:[Object(jsx_runtime.jsx)(text_input.a,Object.assign({value:option?option.value:""},textInputStyles)),Object(jsx_runtime.jsx)(StyledArrow,{innerSize:size,upwards:optionsListVisible})]}),Object(jsx_runtime.jsx)(StyledPopover,{ref:popoverRef,width:width,visible:optionsListVisible,children:Object(jsx_runtime.jsx)(List,{children:null==listOptions?void 0:listOptions.map((function(option){return Object(jsx_runtime.jsx)(ListItem,{innerSize:size,onClick:function onClick(){return onOptionClick(option)},children:option.label},option.value)}))})})]})};select_Select.displayName="Select";var select_select=react_default.a.forwardRef(select_Select);try{select_Select.displayName="Select",select_Select.__docgenInfo={description:"",displayName:"Select",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"small" | "large" | "default"'}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},option:{defaultValue:null,description:"",name:"option",required:!1,type:{name:"SelectOption"}},listOptions:{defaultValue:null,description:"",name:"listOptions",required:!1,type:{name:"SelectOption[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"SelectChangeHandler"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/select/select.tsx#Select"]={docgenInfo:select_Select.__docgenInfo,name:"Select",path:"src/components/select/select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var components_select=select_select;function select_stories_templateObject(){var data=function select_stories_taggedTemplateLiteral(strings,raw){raw||(raw=strings.slice(0));return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 10px;\n  & > * {\n    margin-right: 10px;\n  }\n"]);return select_stories_templateObject=function _templateObject(){return data},data}function select_stories_slicedToArray(arr,i){return function select_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function select_stories_iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function select_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return select_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return select_stories_arrayLikeToArray(o,minLen)}(arr,i)||function select_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function select_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/Select",component:components_select};var select_stories_listOptions=[{label:"Item 1",value:"item-1"},{label:"Item 2",value:"item-2"},{label:"Item 3",value:"item-3"}],select_stories_Default=function Default(){var _useState2=select_stories_slicedToArray(Object(react.useState)(select_stories_listOptions[1]),2),option=_useState2[0],setOption=_useState2[1];return Object(jsx_runtime.jsx)(components_select,{width:"250px",placeholder:"Select option",option:option,listOptions:select_stories_listOptions,onChange:function onChange(option){setOption(option)}})};select_stories_Default.displayName="Default";var select_stories_WithError=function WithError(){var _useState4=select_stories_slicedToArray(Object(react.useState)(select_stories_listOptions[1]),2),option=_useState4[0],setOption=_useState4[1];return Object(jsx_runtime.jsx)(components_select,{error:!0,width:"250px",placeholder:"Select option",option:option,listOptions:select_stories_listOptions,onChange:function onChange(option){setOption(option)}})};select_stories_WithError.displayName="WithError";var select_stories_Disabled=function Disabled(){var _useState6=select_stories_slicedToArray(Object(react.useState)(select_stories_listOptions[1]),2),option=_useState6[0],setOption=_useState6[1];return Object(jsx_runtime.jsx)(components_select,{disabled:!0,width:"250px",placeholder:"Select option",option:option,listOptions:select_stories_listOptions,onChange:function onChange(option){setOption(option)}})};select_stories_Disabled.displayName="Disabled";var Row=styled_components_browser_esm.a.div(select_stories_templateObject()),select_stories_Sizes=function Sizes(){return Object(jsx_runtime.jsxs)(Row,{children:[Object(jsx_runtime.jsx)(components_select,{placeholder:"large",size:"large",listOptions:select_stories_listOptions}),Object(jsx_runtime.jsx)(components_select,{placeholder:"default",size:"default",listOptions:select_stories_listOptions}),Object(jsx_runtime.jsx)(components_select,{placeholder:"small",size:"small",listOptions:select_stories_listOptions})]})};select_stories_Sizes.displayName="Sizes",select_stories_Default.parameters=Object.assign({storySource:{source:"() => {\n  const [option, setOption] = useState<SelectOption | undefined>(listOptions[1]);\n  return <Select\n    width='250px'\n    placeholder='Select option'\n    option={option}\n    listOptions={listOptions}\n    onChange={(option) => { \n      setOption(option);\n    }}\n  />\n}"}},select_stories_Default.parameters),select_stories_WithError.parameters=Object.assign({storySource:{source:"() => {\n  const [option, setOption] = useState<SelectOption | undefined>(listOptions[1]);\n  return <Select\n    error\n    width='250px'\n    placeholder='Select option'\n    option={option}\n    listOptions={listOptions}\n    onChange={(option) => { \n      setOption(option);\n    }}\n  />\n}"}},select_stories_WithError.parameters),select_stories_Disabled.parameters=Object.assign({storySource:{source:"() => {\n  const [option, setOption] = useState<SelectOption | undefined>(listOptions[1]);\n  return <Select\n    disabled\n    width='250px'\n    placeholder='Select option'\n    option={option}\n    listOptions={listOptions}\n    onChange={(option) => { \n      setOption(option);\n    }}\n  />\n}"}},select_stories_Disabled.parameters),select_stories_Sizes.parameters=Object.assign({storySource:{source:"() => {\n  return (\n    <Row>\n      <Select placeholder='large' size='large' listOptions={listOptions} />\n      <Select placeholder='default' size='default' listOptions={listOptions} />\n      <Select placeholder='small' size='small' listOptions={listOptions} />\n    </Row>\n  );\n}"}},select_stories_Sizes.parameters)},1128:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return search_stories_Default}));__webpack_require__(2);var jsx_runtime=__webpack_require__(1),react=__webpack_require__(0),react_default=__webpack_require__.n(react),components_button=__webpack_require__(44);__webpack_require__(7),__webpack_require__(31);function _templateObject(){var data=function _taggedTemplateLiteral(strings,raw){raw||(raw=strings.slice(0));return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    width: ",";\n\n    display: flex;\n"]);return _templateObject=function _templateObject(){return data},data}var SearchWrapper=__webpack_require__(29).a.div(_templateObject(),(function(pr){return pr.width}));function SvgSvgSearch(props){return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512.005 512.005",fill:"#fff"},props,{children:Object(jsx_runtime.jsx)("path",{d:"M505.749 475.587l-145.6-145.6c28.203-34.837 45.184-79.104 45.184-127.317C405.333 90.926 314.41.003 202.666.003S0 90.925 0 202.669s90.923 202.667 202.667 202.667c48.213 0 92.48-16.981 127.317-45.184l145.6 145.6c4.16 4.16 9.621 6.251 15.083 6.251s10.923-2.091 15.083-6.251c8.341-8.341 8.341-21.824-.001-30.165zM202.667 362.669c-88.235 0-160-71.765-160-160s71.765-160 160-160 160 71.765 160 160-71.766 160-160 160z"})}))}SvgSvgSearch.displayName="SvgSvgSearch";var SvgSearch=SvgSvgSearch;try{SvgSvgSearch.displayName="SvgSvgSearch",SvgSvgSearch.__docgenInfo={description:"",displayName:"SvgSvgSearch",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SvgSearch.tsx#SvgSvgSearch"]={docgenInfo:SvgSvgSearch.__docgenInfo,name:"SvgSvgSearch",path:"src/icons/SvgSearch.tsx#SvgSvgSearch"})}catch(__react_docgen_typescript_loader_error){}var text_input=__webpack_require__(78),search_Search=function Search(props,ref){var _props$size=props.size,size=void 0===_props$size?"default":_props$size,className=props.className,value=props.value,onChange=props.onChange,placeholder=props.placeholder,_props$width=props.width,width=void 0===_props$width?"100%":_props$width,textInputStyles={size:size,width:"100%",placeholder:placeholder};return Object(jsx_runtime.jsxs)(SearchWrapper,{ref:ref,className:className,width:width,children:[Object(jsx_runtime.jsx)(text_input.a,Object.assign({value:value,onChange:onChange,placeholder:placeholder,clearable:!0},textInputStyles)),Object(jsx_runtime.jsx)(components_button.a,{type:"secondary",icon:SvgSearch})]})};search_Search.displayName="Search";var search=react_default.a.forwardRef(search_Search);try{search_Search.displayName="Search",search_Search.__docgenInfo={description:"",displayName:"Search",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"small" | "large" | "default"'}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((event: ChangeEvent<HTMLInputElement>) => void)"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/search/search.tsx#Search"]={docgenInfo:search_Search.__docgenInfo,name:"Search",path:"src/components/search/search.tsx#Search"})}catch(__react_docgen_typescript_loader_error){}var components_search=search;function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/Search",component:components_search};var search_stories_Default=function Default(){var _useState2=_slicedToArray(Object(react.useState)(""),2),value=_useState2[0],setValue=_useState2[1];return Object(jsx_runtime.jsx)(components_search,{placeholder:"Search the site",width:"400px",value:value,onChange:function onChange(e){return setValue(e.currentTarget.value)}})};search_stories_Default.displayName="Default",search_stories_Default.parameters=Object.assign({storySource:{source:"() => {\n  const [value, setValue] = useState('');\n\n  return (\n    <Search\n      placeholder='Search the site'\n      width='400px'\n      value={value}\n      onChange={e => setValue(e.currentTarget.value)}\n    />\n  );\n}"}},search_stories_Default.parameters)},1129:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"CustomElement",(function(){return CustomElement})),__webpack_require__.d(__webpack_exports__,"Disabled",(function(){return Disabled}));__webpack_require__(2);var jsx_runtime=__webpack_require__(1),react=__webpack_require__(0),react_default=__webpack_require__.n(react);__webpack_require__(7),__webpack_require__(31);function _templateObject(){var data=function _taggedTemplateLiteral(strings,raw){raw||(raw=strings.slice(0));return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    display: inline-block;\n    box-sizing: border-box;\n    color: #0018cf;\n    cursor: pointer;\n    text-decoration: none;\n    margin: 0;\n    padding: 0;\n    font-size: 15px;\n\n    &:active, &:visited {\n        color: #0018cf;\n        text-decoration: none;\n    }\n    &:focus, &:hover {\n        color: #6874cc;\n    }\n\n    "," \n"]);return _templateObject=function _templateObject(){return data},data}var StyledLink=__webpack_require__(29).a.a(_templateObject(),(function(pr){return pr.disabled?"\n        cursor: not-allowed;\n        &, &:focus, &:visited, &:hover {\n            color: #5e5e5e;\n        }\n    ":""})),link_Link=function Link(props,ref){var className=props.className,_props$disabled=props.disabled,disabled=void 0!==_props$disabled&&_props$disabled,children=props.children,_props$as=props.as,as=void 0===_props$as?"a":_props$as,href=props.href;return Object(jsx_runtime.jsx)(StyledLink,{ref:ref,className:className,as:disabled?"p":as,href:href,disabled:disabled,children:children})};link_Link.displayName="Link";var link_link=react_default.a.forwardRef(link_Link);try{link_Link.displayName="Link",link_Link.__docgenInfo={description:"",displayName:"Link",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:'"symbol" | "object" | ComponentClass<any, any> | FunctionComponent<any> | "label" | "slot" | "style" | "title" | "option" | "small" | "time" | ... 166 more ...'}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/link/link.tsx#Link"]={docgenInfo:link_Link.__docgenInfo,name:"Link",path:"src/components/link/link.tsx#Link"})}catch(__react_docgen_typescript_loader_error){}var components_link=link_link,link_stories_Template=(__webpack_exports__.default={title:"Components/Link",component:components_link},function Template(args){return Object(jsx_runtime.jsx)(components_link,Object.assign({},args))});link_stories_Template.displayName="Template";var Default=link_stories_Template.bind({});Default.args={children:"Link",href:"#"};var CustomElement=link_stories_Template.bind({});CustomElement.args={children:"I am span",href:"#",as:"span"};var Disabled=link_stories_Template.bind({});Disabled.args={children:"Disabled link",href:"#",disabled:!0},Default.parameters=Object.assign({storySource:{source:"(args) => <Link {...args} />"}},Default.parameters),CustomElement.parameters=Object.assign({storySource:{source:"(args) => <Link {...args} />"}},CustomElement.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => <Link {...args} />"}},Disabled.parameters)},1130:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"BorderRadius",(function(){return BorderRadius}));__webpack_require__(2);var jsx_runtime=__webpack_require__(1),react=__webpack_require__(0),react_default=__webpack_require__.n(react);__webpack_require__(7),__webpack_require__(31);function _templateObject(){var data=function _taggedTemplateLiteral(strings,raw){raw||(raw=strings.slice(0));return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n    position: relative;\n    overflow: hidden;\n    width: ","px;\n    height: ","px;\n    background-color: #e8e8e8;\n    border-radius: ",";\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        left: -","px;\n        top: 0;\n        height: ","px;\n        width: ","px;\n        background-color: #cccccc;\n        animation: load 1.5s cubic-bezier(0.4, 0.0, 0.2, 1);\n        animation-iteration-count: infinite;\n    }\n\n    @keyframes load {\n        from {\n            left: -","px;\n        }\n        to {\n            left: 100%;\n        }\n    }\n"]);return _templateObject=function _templateObject(){return data},data}var StyledSkeleton=__webpack_require__(29).a.div(_templateObject(),(function(pr){return pr.width}),(function(pr){return pr.height}),(function(pr){return pr.borderRadius}),(function(pr){return pr.width}),(function(pr){return pr.height}),(function(pr){return pr.width}),(function(pr){return pr.width}));try{StyledSkeleton.displayName="StyledSkeleton",StyledSkeleton.__docgenInfo={description:"",displayName:"StyledSkeleton",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!0,type:{name:"string"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/skeleton/styled.tsx#StyledSkeleton"]={docgenInfo:StyledSkeleton.__docgenInfo,name:"StyledSkeleton",path:"src/components/skeleton/styled.tsx#StyledSkeleton"})}catch(__react_docgen_typescript_loader_error){}var skeleton_Skeleton=function Skeleton(props,ref){var className=props.className,_props$width=props.width,width=void 0===_props$width?100:_props$width,_props$height=props.height,height=void 0===_props$height?100:_props$height,_props$borderRadius=props.borderRadius,borderRadius=void 0===_props$borderRadius?"none":_props$borderRadius;return Object(jsx_runtime.jsx)(StyledSkeleton,{ref:ref,className:className,width:width,height:height,borderRadius:borderRadius})};skeleton_Skeleton.displayName="Skeleton";var skeleton=react_default.a.forwardRef(skeleton_Skeleton);try{skeleton_Skeleton.displayName="Skeleton",skeleton_Skeleton.__docgenInfo={description:"",displayName:"Skeleton",props:{width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/skeleton/skeleton.tsx#Skeleton"]={docgenInfo:skeleton_Skeleton.__docgenInfo,name:"Skeleton",path:"src/components/skeleton/skeleton.tsx#Skeleton"})}catch(__react_docgen_typescript_loader_error){}var components_skeleton=skeleton,skeleton_stories_Template=(__webpack_exports__.default={title:"Components/Skeleton",component:components_skeleton},function Template(args){return Object(jsx_runtime.jsx)(components_skeleton,Object.assign({},args))});skeleton_stories_Template.displayName="Template";var Default=skeleton_stories_Template.bind({});Default.args={width:150,height:150};var BorderRadius=skeleton_stories_Template.bind({});BorderRadius.args={width:150,height:150,borderRadius:"50%"},Default.parameters=Object.assign({storySource:{source:"(args) => <Skeleton {...args} />"}},Default.parameters),BorderRadius.parameters=Object.assign({storySource:{source:"(args) => <Skeleton {...args} />"}},BorderRadius.parameters)},1132:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"DangerButton",(function(){return DangerButton})),__webpack_require__.d(__webpack_exports__,"Ghost",(function(){return Ghost})),__webpack_require__.d(__webpack_exports__,"Secondary",(function(){return Secondary})),__webpack_require__.d(__webpack_exports__,"Disabled",(function(){return Disabled})),__webpack_require__.d(__webpack_exports__,"Loading",(function(){return Loading})),__webpack_require__.d(__webpack_exports__,"WithIcon",(function(){return WithIcon})),__webpack_require__.d(__webpack_exports__,"Sizes",(function(){return button_stories_Sizes}));__webpack_require__(2);var jsx_runtime=__webpack_require__(1),components_button=__webpack_require__(44);__webpack_require__(0);function SvgSvgDownload(props){return Object(jsx_runtime.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 485 485",fill:"#fff"},props,{children:Object(jsx_runtime.jsx)("path",{d:"M233 378.7c2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4l107.5-107.5c5.3-5.3 5.3-13.8 0-19.1-5.3-5.3-13.8-5.3-19.1 0L256 336.5v-323C256 6 250 0 242.5 0S229 6 229 13.5v323l-84.4-84.4c-5.3-5.3-13.8-5.3-19.1 0s-5.3 13.8 0 19.1L233 378.7zM426.5 458h-368C51 458 45 464 45 471.5S51 485 58.5 485h368c7.5 0 13.5-6 13.5-13.5s-6-13.5-13.5-13.5z"})}))}SvgSvgDownload.displayName="SvgSvgDownload";var SvgDownload=SvgSvgDownload;try{SvgSvgDownload.displayName="SvgSvgDownload",SvgSvgDownload.__docgenInfo={description:"",displayName:"SvgSvgDownload",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SvgDownload.tsx#SvgSvgDownload"]={docgenInfo:SvgSvgDownload.__docgenInfo,name:"SvgSvgDownload",path:"src/icons/SvgDownload.tsx#SvgSvgDownload"})}catch(__react_docgen_typescript_loader_error){}var styled_components_browser_esm=__webpack_require__(29);function _templateObject(){var data=function _taggedTemplateLiteral(strings,raw){raw||(raw=strings.slice(0));return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 10px;\n  & > * {\n    margin-right: 10px;\n  }\n"]);return _templateObject=function _templateObject(){return data},data}__webpack_exports__.default={title:"Components/Button",component:components_button.a};var button_stories_Template=function Template(args){return Object(jsx_runtime.jsx)(components_button.a,Object.assign({},args))};button_stories_Template.displayName="Template";var Default=button_stories_Template.bind({});Default.args={children:"Default Button"};var DangerButton=button_stories_Template.bind({});DangerButton.args={children:"Danger Button",type:"danger"};var Ghost=button_stories_Template.bind({});Ghost.args={children:"Ghost Button",type:"ghost"};var Secondary=button_stories_Template.bind({});Secondary.args={children:"Secondary Button",type:"secondary"};var Disabled=button_stories_Template.bind({});Disabled.args={children:"Disabled Button",disabled:!0};var Loading=button_stories_Template.bind({});Loading.args={children:"Button",loading:!0};var WithIcon=button_stories_Template.bind({});WithIcon.args={icon:SvgDownload,children:"Download"};var ButtonRow=styled_components_browser_esm.a.div(_templateObject()),button_stories_Sizes=function Sizes(){return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsxs)(ButtonRow,{children:[Object(jsx_runtime.jsx)(components_button.a,{size:"large",children:"Large"}),Object(jsx_runtime.jsx)(components_button.a,{size:"default",children:"Default"}),Object(jsx_runtime.jsx)(components_button.a,{size:"small",children:"Small"})]}),Object(jsx_runtime.jsxs)(ButtonRow,{children:[Object(jsx_runtime.jsx)(components_button.a,{type:"danger",size:"large",children:"Large"}),Object(jsx_runtime.jsx)(components_button.a,{type:"danger",size:"default",children:"Default"}),Object(jsx_runtime.jsx)(components_button.a,{type:"danger",size:"small",children:"Small"})]}),Object(jsx_runtime.jsxs)(ButtonRow,{children:[Object(jsx_runtime.jsx)(components_button.a,{type:"ghost",size:"large",children:"Large"}),Object(jsx_runtime.jsx)(components_button.a,{type:"ghost",size:"default",children:"Default"}),Object(jsx_runtime.jsx)(components_button.a,{type:"ghost",size:"small",children:"Small"})]}),Object(jsx_runtime.jsxs)(ButtonRow,{children:[Object(jsx_runtime.jsx)(components_button.a,{type:"secondary",size:"large",children:"Large"}),Object(jsx_runtime.jsx)(components_button.a,{type:"secondary",size:"default",children:"Default"}),Object(jsx_runtime.jsx)(components_button.a,{type:"secondary",size:"small",children:"Small"})]}),Object(jsx_runtime.jsxs)(ButtonRow,{children:[Object(jsx_runtime.jsx)(components_button.a,{loading:!0,disabled:!0,size:"large",children:"Large"}),Object(jsx_runtime.jsx)(components_button.a,{loading:!0,disabled:!0,size:"default",children:"Default"}),Object(jsx_runtime.jsx)(components_button.a,{loading:!0,disabled:!0,size:"small",children:"Small"})]})]})};Default.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},Default.parameters),DangerButton.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},DangerButton.parameters),Ghost.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},Ghost.parameters),Secondary.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},Secondary.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},Disabled.parameters),Loading.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},Loading.parameters),WithIcon.parameters=Object.assign({storySource:{source:"(args) => <Button {...args} />"}},WithIcon.parameters),button_stories_Sizes.parameters=Object.assign({storySource:{source:"() => {\n  return (\n    <>\n      <ButtonRow>\n        <Button size='large'>Large</Button>\n        <Button size='default'>Default</Button>\n        <Button size='small'>Small</Button>\n      </ButtonRow>\n      <ButtonRow>\n        <Button type='danger' size='large'>Large</Button>\n        <Button type='danger' size='default'>Default</Button>\n        <Button type='danger' size='small'>Small</Button>\n      </ButtonRow>\n      <ButtonRow>\n        <Button type='ghost' size='large'>Large</Button>\n        <Button type='ghost' size='default'>Default</Button>\n        <Button type='ghost' size='small'>Small</Button>\n      </ButtonRow>\n      <ButtonRow>\n        <Button type='secondary' size='large'>Large</Button>\n        <Button type='secondary' size='default'>Default</Button>\n        <Button type='secondary' size='small'>Small</Button>\n      </ButtonRow>\n      <ButtonRow>\n        <Button loading disabled size='large'>Large</Button>\n        <Button loading disabled size='default'>Default</Button>\n        <Button loading disabled size='small'>Small</Button>\n      </ButtonRow>\n    </>\n  );\n}"}},button_stories_Sizes.parameters)},1133:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"Placeholder",(function(){return Placeholder})),__webpack_require__.d(__webpack_exports__,"WithIcon",(function(){return WithIcon})),__webpack_require__.d(__webpack_exports__,"WithError",(function(){return WithError})),__webpack_require__.d(__webpack_exports__,"Disabled",(function(){return Disabled})),__webpack_require__.d(__webpack_exports__,"ReadOnly",(function(){return ReadOnly})),__webpack_require__.d(__webpack_exports__,"Clearable",(function(){return text_input_stories_Clearable})),__webpack_require__.d(__webpack_exports__,"Sizes",(function(){return text_input_stories_Sizes}));__webpack_require__(2);var jsx_runtime=__webpack_require__(1),react=__webpack_require__(0),text_input=__webpack_require__(78),styled_components_browser_esm=__webpack_require__(29);function SvgUser(props){return Object(jsx_runtime.jsx)("svg",Object.assign({viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg",fill:"#8a8a8a"},props,{children:Object(jsx_runtime.jsx)("path",{d:"M41.245 33.035a16 16 0 10-18.49 0A26.041 26.041 0 004 58a2 2 0 002 2h52a2 2 0 002-2 26.041 26.041 0 00-18.755-24.965zM20 20a12 12 0 1112 12 12.014 12.014 0 01-12-12zM8.09 56A22.03 22.03 0 0130 36h4a22.03 22.03 0 0121.91 20z"})}))}SvgUser.displayName="SvgUser";var User=SvgUser;try{SvgUser.displayName="SvgUser",SvgUser.__docgenInfo={description:"",displayName:"SvgUser",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/User.tsx#SvgUser"]={docgenInfo:SvgUser.__docgenInfo,name:"SvgUser",path:"src/icons/User.tsx#SvgUser"})}catch(__react_docgen_typescript_loader_error){}function _templateObject(){var data=function _taggedTemplateLiteral(strings,raw){raw||(raw=strings.slice(0));return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 10px;\n  & > * {\n    margin-right: 10px;\n  }\n"]);return _templateObject=function _templateObject(){return data},data}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Components/TextInput",component:text_input.a};var text_input_stories_Template=function Template(args){return Object(jsx_runtime.jsx)(text_input.a,Object.assign({},args))};text_input_stories_Template.displayName="Template";var Default=text_input_stories_Template.bind({});Default.args={width:"250px"};var Placeholder=text_input_stories_Template.bind({});Placeholder.args={placeholder:"Placeholder",width:"250px"};var WithIcon=text_input_stories_Template.bind({});WithIcon.args={placeholder:"Login",icon:User,width:"250px"};var WithError=text_input_stories_Template.bind({});WithError.args={placeholder:"Wrong input",width:"250px",error:!0};var Disabled=text_input_stories_Template.bind({});Disabled.args={placeholder:"Disabled",width:"250px",disabled:!0};var ReadOnly=text_input_stories_Template.bind({});ReadOnly.args={placeholder:"Not editable",width:"250px",readonly:!0};var text_input_stories_Clearable=function Clearable(){var _useState2=_slicedToArray(Object(react.useState)(""),2),value=_useState2[0],setValue=_useState2[1];return Object(jsx_runtime.jsx)(text_input.a,{placeholder:"Type and clear",width:"250px",value:value,onChange:function onChange(e){return setValue(e.currentTarget.value)},clearable:!0})};text_input_stories_Clearable.displayName="Clearable";var Row=styled_components_browser_esm.a.div(_templateObject()),text_input_stories_Sizes=function Sizes(){return Object(jsx_runtime.jsx)(jsx_runtime.Fragment,{children:Object(jsx_runtime.jsxs)(Row,{children:[Object(jsx_runtime.jsx)(text_input.a,{placeholder:"large",size:"large"}),Object(jsx_runtime.jsx)(text_input.a,{placeholder:"default",size:"default"}),Object(jsx_runtime.jsx)(text_input.a,{placeholder:"small",size:"small"})]})})};Default.parameters=Object.assign({storySource:{source:"(args) => <TextInput {...args} />"}},Default.parameters),Placeholder.parameters=Object.assign({storySource:{source:"(args) => <TextInput {...args} />"}},Placeholder.parameters),WithIcon.parameters=Object.assign({storySource:{source:"(args) => <TextInput {...args} />"}},WithIcon.parameters),WithError.parameters=Object.assign({storySource:{source:"(args) => <TextInput {...args} />"}},WithError.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => <TextInput {...args} />"}},Disabled.parameters),ReadOnly.parameters=Object.assign({storySource:{source:"(args) => <TextInput {...args} />"}},ReadOnly.parameters),text_input_stories_Clearable.parameters=Object.assign({storySource:{source:"() => {\n  const [value, setValue] = useState('');\n\n  return (\n    <TextInput\n      placeholder='Type and clear'\n      width='250px'\n      value={value}\n      onChange={e => setValue(e.currentTarget.value)}\n      clearable\n    />\n  );\n}"}},text_input_stories_Clearable.parameters),text_input_stories_Sizes.parameters=Object.assign({storySource:{source:"() => {\n  return (\n    <>\n      <Row>\n        <TextInput placeholder='large' size='large' />\n        <TextInput placeholder='default' size='default' />\n        <TextInput placeholder='small' size='small' />\n      </Row>\n    </>\n  );\n}"}},text_input_stories_Sizes.parameters)},1134:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"LoggedIn",(function(){return LoggedIn})),__webpack_require__.d(__webpack_exports__,"LoggedOut",(function(){return LoggedOut}));__webpack_require__(2);var jsx_runtime=__webpack_require__(1),Header=(__webpack_require__(0),__webpack_require__(166)),Page_Page=(__webpack_require__(1122),function Page(_ref){var user=_ref.user,onLogin=_ref.onLogin,onLogout=_ref.onLogout,onCreateAccount=_ref.onCreateAccount;return Object(jsx_runtime.jsxs)("article",{children:[Object(jsx_runtime.jsx)(Header.a,{user:user,onLogin:onLogin,onLogout:onLogout,onCreateAccount:onCreateAccount}),Object(jsx_runtime.jsxs)("section",{children:[Object(jsx_runtime.jsx)("h2",{children:"Pages in Storybook"}),Object(jsx_runtime.jsxs)("p",{children:["We recommend building UIs with a"," ",Object(jsx_runtime.jsx)("a",{href:"https://componentdriven.org",target:"_blank",rel:"noopener noreferrer",children:Object(jsx_runtime.jsx)("strong",{children:"component-driven"})})," ","process starting with atomic components and ending with pages."]}),Object(jsx_runtime.jsx)("p",{children:"Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"}),Object(jsx_runtime.jsxs)("ul",{children:[Object(jsx_runtime.jsx)("li",{children:'Use a higher-level connected component. Storybook helps you compose such data from the "args" of child component stories'}),Object(jsx_runtime.jsx)("li",{children:"Assemble data in the page component from your services. You can mock these services out using Storybook."})]}),Object(jsx_runtime.jsxs)("p",{children:["Get a guided tutorial on component-driven development at"," ",Object(jsx_runtime.jsx)("a",{href:"https://www.learnstorybook.com",target:"_blank",rel:"noopener noreferrer",children:"Learn Storybook"}),". Read more in the"," ",Object(jsx_runtime.jsx)("a",{href:"https://storybook.js.org/docs",target:"_blank",rel:"noopener noreferrer",children:"docs"}),"."]}),Object(jsx_runtime.jsxs)("div",{className:"tip-wrapper",children:[Object(jsx_runtime.jsx)("span",{className:"tip",children:"Tip"})," Adjust the width of the canvas with the"," ",Object(jsx_runtime.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",children:Object(jsx_runtime.jsx)("g",{fill:"none",fillRule:"evenodd",children:Object(jsx_runtime.jsx)("path",{d:"M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z",id:"a",fill:"#999"})})}),"Viewports addon in the toolbar"]})]})]})});Page_Page.displayName="Page";try{Page_Page.displayName="Page",Page_Page.__docgenInfo={description:"",displayName:"Page",props:{user:{defaultValue:null,description:"",name:"user",required:!1,type:{name:"{}"}},onLogin:{defaultValue:null,description:"",name:"onLogin",required:!0,type:{name:"() => void"}},onLogout:{defaultValue:null,description:"",name:"onLogout",required:!0,type:{name:"() => void"}},onCreateAccount:{defaultValue:null,description:"",name:"onCreateAccount",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/stories/Page.tsx#Page"]={docgenInfo:Page_Page.__docgenInfo,name:"Page",path:"src/stories/Page.tsx#Page"})}catch(__react_docgen_typescript_loader_error){}var Header_stories=__webpack_require__(223),Page_stories_Template=(__webpack_exports__.default={title:"Example/Page",component:Page_Page},function Template(args){return Object(jsx_runtime.jsx)(Page_Page,Object.assign({},args))});Page_stories_Template.displayName="Template";var LoggedIn=Page_stories_Template.bind({});LoggedIn.args=Object.assign({},Header_stories.LoggedIn.args);var LoggedOut=Page_stories_Template.bind({});LoggedOut.args=Object.assign({},Header_stories.LoggedOut.args),LoggedIn.parameters=Object.assign({storySource:{source:"(args) => <Page {...args} />"}},LoggedIn.parameters),LoggedOut.parameters=Object.assign({storySource:{source:"(args) => <Page {...args} />"}},LoggedOut.parameters)},124:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__(15),__webpack_require__(49),__webpack_require__(2),__webpack_require__(8);var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(1);__webpack_require__(0),__webpack_require__(1118);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=function Button(_ref){var _ref$primary=_ref.primary,primary=void 0!==_ref$primary&&_ref$primary,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,backgroundColor=_ref.backgroundColor,label=_ref.label,props=_objectWithoutProperties(_ref,["primary","size","backgroundColor","label"]),mode=primary?"storybook-button--primary":"storybook-button--secondary";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("button",Object.assign({type:"button",className:["storybook-button","storybook-button--".concat(size),mode].join(" "),style:{backgroundColor:backgroundColor}},props,{children:label}))};Button.displayName="Button";try{Button.displayName="Button",Button.__docgenInfo={description:"Primary UI component for user interaction",displayName:"Button",props:{primary:{defaultValue:{value:!1},description:"Is this the principal call to action on the page?",name:"primary",required:!1,type:{name:"boolean"}},backgroundColor:{defaultValue:null,description:"What background color to use",name:"backgroundColor",required:!1,type:{name:"string"}},size:{defaultValue:{value:"medium"},description:"How large should the button be?",name:"size",required:!1,type:{name:'"small" | "medium" | "large"'}},label:{defaultValue:null,description:"Button contents",name:"label",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Optional click handler",name:"onClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/stories/Button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/stories/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},166:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Header}));var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),_Button__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__(0),__webpack_require__(124)),Header=(__webpack_require__(1120),function Header(_ref){var user=_ref.user,onLogin=_ref.onLogin,onLogout=_ref.onLogout,onCreateAccount=_ref.onCreateAccount;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("header",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"wrapper",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z",fill:"#FFF"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z",fill:"#555AB9"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z",fill:"#91BAF8"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{children:"Acme"})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children:user?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_2__.a,{size:"small",onClick:onLogout,label:"Log out"}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_2__.a,{size:"small",onClick:onLogin,label:"Log in"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_2__.a,{primary:!0,size:"small",onClick:onCreateAccount,label:"Sign up"})]})})]})})});Header.displayName="Header";try{Header.displayName="Header",Header.__docgenInfo={description:"",displayName:"Header",props:{user:{defaultValue:null,description:"",name:"user",required:!1,type:{name:"{}"}},onLogin:{defaultValue:null,description:"",name:"onLogin",required:!0,type:{name:"() => void"}},onLogout:{defaultValue:null,description:"",name:"onLogout",required:!0,type:{name:"() => void"}},onCreateAccount:{defaultValue:null,description:"",name:"onCreateAccount",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/stories/Header.tsx#Header"]={docgenInfo:Header.__docgenInfo,name:"Header",path:"src/stories/Header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}},223:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"LoggedIn",(function(){return LoggedIn})),__webpack_require__.d(__webpack_exports__,"LoggedOut",(function(){return LoggedOut}));__webpack_require__(2);var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1),_Header__WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__(0),__webpack_require__(166));__webpack_exports__.default={title:"Example/Header",component:_Header__WEBPACK_IMPORTED_MODULE_3__.a};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Header__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args))};Template.displayName="Template";var LoggedIn=Template.bind({});LoggedIn.args={user:{}};var LoggedOut=Template.bind({});LoggedOut.args={},LoggedIn.parameters=Object.assign({storySource:{source:"(args) => <Header {...args} />"}},LoggedIn.parameters),LoggedOut.parameters=Object.assign({storySource:{source:"(args) => <Header {...args} />"}},LoggedOut.parameters)},44:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(2);var jsx_runtime=__webpack_require__(1),react=__webpack_require__(0),react_default=__webpack_require__.n(react),styled_components_browser_esm=(__webpack_require__(7),__webpack_require__(31),__webpack_require__(29)),sizes=__webpack_require__(56);function _templateObject2(){var data=_taggedTemplateLiteral(["\n    height: 20px;\n"]);return _templateObject2=function _templateObject2(){return data},data}function _templateObject(){var data=_taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    /* Add margin in case of loading or icon */\n    & > *:nth-child(1) {\n        margin-left: ","px;\n    }\n    font-size: 15px;\n\n    border: none;\n    cursor: pointer;\n    background-color: ",";\n    padding: 0 ","px;\n    height: ","px;\n    color: ",";\n    ","\n    border-radius: 0;\n    outline: none;\n\n    &:focus {\n        box-shadow: 0 0 0 1px #fff, 0 0 0 2px ",";\n    }\n    &:hover {\n        background-color: ",";\n    }\n"]);return _templateObject=function _templateObject(){return data},data}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var typeColors={default:{regular:"#0018cf",hover:"#2e27cc"},danger:{regular:"#d93848",hover:"#eb4d5d"},ghost:{regular:"transparent",hover:"#dbdbdb"},secondary:{regular:"#000",hover:"#3d3d3d"}},StyledButton=styled_components_browser_esm.a.button(_templateObject(),(function(pr){return pr.withText?7:0}),(function(pr){return typeColors[pr.innerType].regular}),(function(pr){return sizes.b[pr.size]}),(function(pr){return sizes.a[pr.size]}),(function(pr){return"ghost"===pr.innerType?typeColors.default.regular:"#fff"}),(function(pr){return pr.disabled?"\n        background-color: #a6a6a6;\n        color: #5e5e5e;\n        cursor: not-allowed;\n\n        &:hover {\n            background-color: #a6a6a6 !important;\n            color: #5e5e5e !important;\n        }\n    ":""}),(function(pr){return typeColors[pr.innerType].regular}),(function(pr){return typeColors[pr.innerType].hover})),StyledIcon=styled_components_browser_esm.a.div(_templateObject2()),spinner=__webpack_require__(109),button_Button=function Button(props,ref){var _props$type=props.type,type=void 0===_props$type?"default":_props$type,icon=props.icon,_props$size=props.size,size=void 0===_props$size?"default":_props$size,className=props.className,children=props.children,_props$disabled=props.disabled,disabled=void 0!==_props$disabled&&_props$disabled,loading=props.loading,onClick=props.onClick,href=props.href,as=props.as,to=props.to,styles={innerType:type,size:size,disabled:disabled,withText:null!=children},spinnerStyles={size:"large"===size?25:"default"===size?20:15,light:!0},childrenWithIcon=icon?Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[children,Object(jsx_runtime.jsx)(StyledIcon,{as:icon})]}):children;return as&&!disabled?Object(jsx_runtime.jsx)(StyledButton,Object.assign({as:as,to:to,ref:ref,className:className},styles,{children:loading?Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Loading",Object(jsx_runtime.jsx)(spinner.a,Object.assign({},spinnerStyles))]}):childrenWithIcon})):href&&!disabled?Object(jsx_runtime.jsx)(StyledButton,Object.assign({as:"a",href:href,ref:ref,className:className},styles,{children:loading?Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Loading",Object(jsx_runtime.jsx)(spinner.a,Object.assign({},spinnerStyles))]}):childrenWithIcon})):Object(jsx_runtime.jsx)(StyledButton,Object.assign({as:"button",type:"button",onClick:onClick,ref:ref,className:className},styles,{children:loading?Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Loading",Object(jsx_runtime.jsx)(spinner.a,Object.assign({},spinnerStyles))]}):childrenWithIcon}))};button_Button.displayName="Button";var button_button=react_default.a.forwardRef(button_Button);try{button_Button.displayName="Button",button_Button.__docgenInfo={description:"",displayName:"Button",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:'"default" | "danger" | "ghost" | "secondary"'}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:'"symbol" | "object" | ComponentClass<any, any> | FunctionComponent<any> | "label" | "slot" | "style" | "title" | "option" | "small" | "time" | ... 166 more ...'}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"small" | "large" | "default"'}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:'"symbol" | "object" | ComponentClass<any, any> | FunctionComponent<any> | "label" | "slot" | "style" | "title" | "option" | "small" | "time" | ... 166 more ...'}},to:{defaultValue:null,description:"",name:"to",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/button.tsx#Button"]={docgenInfo:button_Button.__docgenInfo,name:"Button",path:"src/components/button/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=button_button},490:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/code-brackets.2e1112d7.svg"},491:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/colors.a4bd0486.svg"},492:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/comments.a3859089.svg"},493:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/direction.b770f9af.svg"},494:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/flow.edad2ac1.svg"},495:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/plugin.d494b228.svg"},496:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/repo.6d496322.svg"},497:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/stackalt.dba9fbb3.svg"},501:function(module,exports,__webpack_require__){__webpack_require__(502),__webpack_require__(673),__webpack_require__(674),__webpack_require__(832),__webpack_require__(1049),__webpack_require__(1081),__webpack_require__(1086),__webpack_require__(1098),__webpack_require__(1100),__webpack_require__(1105),__webpack_require__(1107),module.exports=__webpack_require__(1111)},56:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return sidePaddings})),__webpack_require__.d(__webpack_exports__,"a",(function(){return heights}));var sidePaddings={large:30,default:25,small:20},heights={large:55,default:45,small:35}},576:function(module,exports){},674:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__(372)},78:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(15),__webpack_require__(2),__webpack_require__(8);var jsx_runtime=__webpack_require__(1),react=__webpack_require__(0),react_default=__webpack_require__.n(react),sizes=(__webpack_require__(66),__webpack_require__(7),__webpack_require__(31),__webpack_require__(56));function SvgSvgCross(props){return Object(jsx_runtime.jsx)("svg",Object.assign({viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(jsx_runtime.jsx)("path",{d:"M28.71 4.71l-1.42-1.42L16 14.59 4.71 3.29 3.29 4.71 14.59 16 3.29 27.29l1.42 1.42L16 17.41l11.29 11.3 1.42-1.42L17.41 16l11.3-11.29z"})}))}SvgSvgCross.displayName="SvgSvgCross";var SvgCross=SvgSvgCross;try{SvgSvgCross.displayName="SvgSvgCross",SvgSvgCross.__docgenInfo={description:"",displayName:"SvgSvgCross",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SvgCross.tsx#SvgSvgCross"]={docgenInfo:SvgSvgCross.__docgenInfo,name:"SvgSvgCross",path:"src/icons/SvgCross.tsx#SvgSvgCross"})}catch(__react_docgen_typescript_loader_error){}var styled_components_browser_esm=__webpack_require__(29);function _templateObject4(){var data=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    position: absolute;\n    right: ","px;\n    top: 50%;\n    transform: translateY(-50%);\n    cursor: pointer;\n\n    height: 15px;\n"]);return _templateObject4=function _templateObject4(){return data},data}function _templateObject3(){var data=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    position: absolute;\n    left: ","px;\n    top: 50%;\n    transform: translateY(-50%);\n\n    height: 15px;\n    width: 15px;\n"]);return _templateObject3=function _templateObject3(){return data},data}function _templateObject2(){var data=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    position: relative;\n    background-color: ",";\n    padding: 0;\n    padding-left: ","px;\n    padding-right: ","px;\n    height: ","px;\n    width: ",";\n    border: none;\n    color: #000;\n    ","\n    border-radius: 0;\n    outline: none;\n    transition: 0.1s ease-out;\n    \n    box-shadow: inset 0 0 0 2px ",";\n    &:focus {\n        box-shadow: inset 0 0 0 2px ",";\n    }\n"]);return _templateObject2=function _templateObject2(){return data},data}function _templateObject(){var data=_taggedTemplateLiteral(["\n    position: relative;\n    width: ",";\n    height: ","px;\n"]);return _templateObject=function _templateObject(){return data},data}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledWrapper=styled_components_browser_esm.a.div(_templateObject(),(function(pr){return pr.width}),(function(pr){return sizes.a[pr.innerSize]})),StyledTextInput=styled_components_browser_esm.a.input(_templateObject2(),(function(pr){return pr.error?"#ffe3e6":"#EEEEEE"}),(function(pr){return sizes.b[pr.innerSize]+(pr.withIcon?sizes.b[pr.innerSize]+10:0)}),(function(pr){return sizes.b[pr.innerSize]+(pr.withCross?sizes.b[pr.innerSize]:0)}),(function(pr){return sizes.a[pr.innerSize]}),(function(pr){return pr.width}),(function(pr){return pr.disabled?"\n    background-color: #a6a6a6;\n    color: #5e5e5e;\n    cursor: not-allowed;\n    \n    &:hover {\n        background-color: #a6a6a6 !important;\n        color: #5e5e5e !important;\n    }\n    ":""}),(function(pr){return pr.error?"#d93848":"transparent"}),(function(pr){return pr.error?"#d93848":"#000"})),StyledIcon=styled_components_browser_esm.a.div.withConfig({shouldForwardProp:function shouldForwardProp(prop,defPropValFN){return!["innerSize"].includes(prop)&&defPropValFN(prop)}})(_templateObject3(),(function(pr){return sizes.b[pr.innerSize]})),StyledCross=Object(styled_components_browser_esm.a)(SvgCross)(_templateObject4(),(function(pr){return sizes.b[pr.innerSize]}));function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var text_input_TextInput=function TextInput(props,ref){var icon=props.icon,_props$size=props.size,size=void 0===_props$size?"default":_props$size,className=props.className,_props$disabled=props.disabled,disabled=void 0!==_props$disabled&&_props$disabled,_props$error=props.error,error=void 0!==_props$error&&_props$error,value=props.value,onChange=props.onChange,placeholder=props.placeholder,_props$width=props.width,width=void 0===_props$width?"100%":_props$width,_props$readonly=props.readonly,readonly=void 0!==_props$readonly&&_props$readonly,_props$clearable=props.clearable,clearable=void 0!==_props$clearable&&_props$clearable,rest=_objectWithoutProperties(props,["icon","size","className","disabled","error","value","onChange","placeholder","width","readonly","clearable"]),styles={innerSize:size,disabled:disabled,error:error,width:width,withIcon:void 0!==icon,withCross:clearable};return Object(jsx_runtime.jsxs)(StyledWrapper,{width:width,innerSize:size,children:[Object(jsx_runtime.jsx)(StyledTextInput,Object.assign({type:rest.type||"text",value:value,onChange:onChange,readOnly:readonly,ref:ref,className:className,placeholder:placeholder},styles,rest)),Object(jsx_runtime.jsx)(StyledIcon,{as:icon,innerSize:size}),clearable&&value?Object(jsx_runtime.jsx)(StyledCross,{innerSize:size,onClick:function onClick(){return onChange&&onChange({currentTarget:{value:""}})}}):null]})};text_input_TextInput.displayName="TextInput";var text_input=react_default.a.forwardRef(text_input_TextInput);try{text_input_TextInput.displayName="TextInput",text_input_TextInput.__docgenInfo={description:"",displayName:"TextInput",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:'"symbol" | "object" | ComponentClass<any, any> | FunctionComponent<any> | "label" | "slot" | "style" | "title" | "option" | "small" | "time" | ... 166 more ...'}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"small" | "large" | "default"'}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((event: ChangeEvent<HTMLInputElement>) => void)"}},readonly:{defaultValue:null,description:"",name:"readonly",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/text-input/text-input.tsx#TextInput"]={docgenInfo:text_input_TextInput.__docgenInfo,name:"TextInput",path:"src/components/text-input/text-input.tsx#TextInput"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=text_input}},[[501,1,2]]]);
  //# sourceMappingURL=main.6cdb33ebfe11e35920d4.bundle.js.map