diff --git a/CHANGELOG.md b/CHANGELOG.md index 80e4bf974..b1707a19f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,10 @@ Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it. +## v9.2.0-beta.14 + +- [Fix] Add support for `baseline` alignment + ## v9.2.0-beta.13 - [Fix] Allow nested `Columns` components to retain their own inner spacing diff --git a/docs/iframe.html b/docs/iframe.html index 562a04f47..fc54f5343 100644 --- a/docs/iframe.html +++ b/docs/iframe.html @@ -245,4 +245,4 @@ - window['FRAMEWORK_OPTIONS'] = {}; \ No newline at end of file + window['FRAMEWORK_OPTIONS'] = {}; \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 4654660f6..ef823b7a2 100644 --- a/docs/index.html +++ b/docs/index.html @@ -52,4 +52,4 @@ - window['DOCS_MODE'] = false; \ No newline at end of file + window['DOCS_MODE'] = false; \ No newline at end of file diff --git a/docs/main.7e82a4c2.iframe.bundle.js b/docs/main.7e82a4c2.iframe.bundle.js deleted file mode 100644 index f236a8dd7..000000000 --- a/docs/main.7e82a4c2.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{115:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(656),__webpack_require__(24),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),react_dom=__webpack_require__(51),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames),components_button=__webpack_require__(16);__webpack_require__(2785);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Box=Object(_type_helpers__WEBPACK_IMPORTED_MODULE_12__.a)((function Box(_ref,ref){var _ref2,_ref3,_ref4,_ref5,_ref$component=_ref.component,component=void 0===_ref$component?"div":_ref$component,_ref$position=_ref.position,position=void 0===_ref$position?"static":_ref$position,_ref$display=_ref.display,display=void 0===_ref$display?"block":_ref$display,_ref$flexDirection=_ref.flexDirection,flexDirection=void 0===_ref$flexDirection?"row":_ref$flexDirection,flexWrap=_ref.flexWrap,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,alignItems=_ref.alignItems,justifyContent=_ref.justifyContent,overflow=_ref.overflow,width=_ref.width,height=_ref.height,background=_ref.background,border=_ref.border,borderRadius=_ref.borderRadius,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,padding=_ref.padding,paddingY=_ref.paddingY,paddingX=_ref.paddingX,paddingTop=_ref.paddingTop,paddingRight=_ref.paddingRight,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,className=_ref.className,children=_ref.children,props=_objectWithoutProperties(_ref,["component","position","display","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","justifyContent","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","className","children"]),resolvedPaddingTop=null!==(_ref2=null!=paddingTop?paddingTop:paddingY)&&void 0!==_ref2?_ref2:padding,resolvedPaddingRight=null!==(_ref3=null!=paddingRight?paddingRight:paddingX)&&void 0!==_ref3?_ref3:padding,resolvedPaddingBottom=null!==(_ref4=null!=paddingBottom?paddingBottom:paddingY)&&void 0!==_ref4?_ref4:padding,resolvedPaddingLeft=null!==(_ref5=null!=paddingLeft?paddingLeft:paddingX)&&void 0!==_ref5?_ref5:padding,isFlex="flex"===display||"inlineFlex"===display;return react__WEBPACK_IMPORTED_MODULE_10__.createElement(component,_objectSpread(_objectSpread({},props),{},{className:classnames__WEBPACK_IMPORTED_MODULE_11___default()(className,_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a.box,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"display",display),"static"!==position?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"position",position):null,null!=minWidth?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"minWidth",String(minWidth)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"maxWidth",maxWidth),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"paddingTop",resolvedPaddingTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"paddingRight",resolvedPaddingRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"paddingBottom",resolvedPaddingBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"paddingLeft",resolvedPaddingLeft),isFlex?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"flexDirection",flexDirection):null,isFlex?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"flexWrap",flexWrap):null,isFlex?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"alignItems",alignItems):null,isFlex?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"justifyContent",justifyContent):null,null!=flexShrink?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"flexShrink",String(flexShrink)):null,null!=flexGrow?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"flexGrow",String(flexGrow)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"overflow",overflow),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"width",width),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"height",height),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"bg",background),"none"!==borderRadius?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"borderRadius",borderRadius):null,"none"!==border?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"border",border):null)||void 0,ref:ref}),children)}))},1562:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2622);"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||{}},1563:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2631);"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||{}},1598:function(module,exports,__webpack_require__){__webpack_require__(1599),__webpack_require__(1858),__webpack_require__(1859),__webpack_require__(2888),__webpack_require__(2887),__webpack_require__(2892),module.exports=__webpack_require__(2604)},16:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__(2907);__webpack_require__(2773);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var button_Button=react_default.a.forwardRef((function Button(_ref,ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,variant=_ref.variant,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,tooltip=_ref.tooltip,onClick=_ref.onClick,children=_ref.children,props=_objectWithoutProperties(_ref,["type","variant","size","loading","disabled","tooltip","onClick","children"]),className=classnames_default()("reactist_button",variant?"reactist_button--".concat(variant):null,"default"!==size?"reactist_button--".concat(size):null,{"reactist_button--loading":loading},props.className),button=react_default.a.createElement("button",_extends({},props,{ref:ref,type:type,className:className,"aria-disabled":disabled||loading,onClick:disabled||loading?void 0:onClick}),children);return tooltip?react_default.a.createElement(tooltip_tooltip.a,{content:tooltip},button):button}));button_Button.displayName="Button",button_Button.defaultProps={size:"default",loading:!1,disabled:!1};try{button_Button.displayName="Button",button_Button.__docgenInfo={description:"",displayName:"Button",props:{loading:{defaultValue:{value:"false"},description:"Loading style. When true it disables the button, but it also adds a visual indication of\nsome in-progress operation going on.",name:"loading",required:!1,type:{name:"boolean | undefined"}},variant:{defaultValue:null,description:"Controls visually how the button shows up from a predefined set of kinds of buttons.",name:"variant",required:!1,type:{name:'"primary" | "secondary" | "danger" | "link" | undefined'}},size:{defaultValue:{value:"default"},description:"The size of the button. If not provided it shows up in a normal size.",name:"size",required:!1,type:{name:'"default" | "small" | "large" | undefined'}},tooltip:{defaultValue:null,description:"Tooltip that is displayed on hover.\n\nThis replaces `title` which is not supported for these buttons to avoid confusion.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"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},1700:function(module,exports){},1782:function(module,exports){},1859:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__(1062)},188:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return forwardRefWithAs}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0);function forwardRefWithAs(render){return react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(render)}try{forwardRefWithAs.displayName="forwardRefWithAs",forwardRefWithAs.__docgenInfo={description:"",displayName:"forwardRefWithAs",props:{displayName:{defaultValue:null,description:"",name:"displayName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/type-helpers.tsx#forwardRefWithAs"]={docgenInfo:forwardRefWithAs.__docgenInfo,name:"forwardRefWithAs",path:"src/new-components/type-helpers.tsx#forwardRefWithAs"})}catch(__react_docgen_typescript_loader_error){}},1916:function(module,exports){},21:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getClassNames})),__webpack_require__.d(__webpack_exports__,"b",(function(){return mapResponsiveProp}));__webpack_require__(473),__webpack_require__(152),__webpack_require__(2609),__webpack_require__(269);var prefix=["","tablet-","desktop-"];function getClassNames(styles,property,value){if(!value)return null;var classList="string"==typeof value?[styles["".concat(property,"-").concat(value)]]:value.map((function(s,i){return styles["".concat(prefix[i]).concat(property,"-").concat(s)]}));return classList}function mapResponsiveProp(fromValue,mapper){return"string"==typeof fromValue||"number"==typeof fromValue||"boolean"==typeof fromValue?mapper(fromValue):Array.isArray(fromValue)?fromValue.map(mapper):void 0}},251:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(244),__webpack_require__(1491);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames);__webpack_require__(961),__webpack_require__(475),__webpack_require__(2694);function getInitials(name){if(!name)return"";var seed=name.trim().split(" "),firstInitial=seed[0],lastInitial=seed[seed.length-1],initials=firstInitial[0];return firstInitial[0]!==lastInitial[0]&&(initials+=lastInitial[0]),initials.toUpperCase()}__webpack_require__(2691);var AVATAR_COLORS=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"],AVATAR_SIZES=["xxs","xs","s","m","l","xl","xxl","xxxl"];function Avatar(_ref){var email,maxIndex,seed,user=_ref.user,avatarUrl=_ref.avatarUrl,_ref$size=_ref.size,size=void 0===_ref$size?"l":_ref$size,className=_ref.className,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?AVATAR_COLORS:_ref$colorList,userInitials=getInitials(user.name)||getInitials(user.email),avatarSize=size&&AVATAR_SIZES.includes(size)?size:"l",avatarClass=classnames_default()("reactist_avatar reactist_avatar_size--".concat(avatarSize),className),style=avatarUrl?{backgroundImage:"url(".concat(avatarUrl,")"),textIndent:"-9999px"}:{backgroundColor:colorList[(email=user.email,maxIndex=colorList.length,seed=email.split("@")[0],(seed.charCodeAt(0)+seed.charCodeAt(seed.length-1)||0)%maxIndex)]};return react_default.a.createElement("div",{className:avatarClass,style:style},userInitials)}Avatar.displayName="Avatar",Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},colorList:{defaultValue:null,description:"",name:"colorList",required:!1,type:{name:"string[] | undefined"}},size:{defaultValue:{value:"l"},description:"",name:"size",required:!1,type:{name:'"l" | "xxs" | "xs" | "s" | "m" | "xl" | "xxl" | "xxxl" | undefined'}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string | undefined"}},user:{defaultValue:null,description:"",name:"user",required:!0,type:{name:"{ name?: string | undefined; email: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/avatar/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/components/avatar/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=Avatar},2601:function(module,exports,__webpack_require__){var content=__webpack_require__(2602);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2602:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story {\n margin: 0 40px 0 40px;\n padding: 20px;\n background-color: white;\n}\n","",{version:3,sources:["webpack://stories/components/styles/story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,aAAA;EACA,uBAAA;AACJ",sourcesContent:[".story {\n margin: 0 40px 0 40px;\n padding: 20px;\n background-color: white;\n\n // checkered background\n // @gray: whitesmoke;\n // background-image: linear-gradient(45deg, @gray 25%, transparent 25%), linear-gradient(-45deg, @gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, @gray 75%), linear-gradient(-45deg, transparent 75%, @gray 75%);\n // background-size: 20px 20px;\n // background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2604:function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__(1062).configure)([__webpack_require__(2605),__webpack_require__(2634)],module,!1)}).call(this,__webpack_require__(264)(module))},2605:function(module,exports,__webpack_require__){var map={"./new-components/box/box.stories.tsx":2606,"./new-components/columns/columns.stories.tsx":2626,"./new-components/heading/heading.stories.tsx":2630,"./new-components/inline/inline.stories.tsx":2902,"./new-components/stack/stack.stories.tsx":2632,"./new-components/text/text.stories.tsx":2903};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=2605},2606:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(47);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),_storybook_helper__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(4),_stack__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(41),_box__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(144);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i) {\n return (\n \n \n
One
\n
Two
\n
Three
\n \n \n )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=_objectSpread({storySource:{source:'function ResponsiveStory() {\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n
One
\n
Two
\n
Three
\n \n \n \n \n \n \n \n \n \n \n \n )\n}'}},ResponsiveStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:'"absolute" | "fixed" | "relative" | "static" | "sticky" | readonly [BoxPosition, BoxPosition] | readonly [BoxPosition, BoxPosition, BoxPosition] | undefined'}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:'"none" | "block" | "flex" | "inline" | "inlineBlock" | "inlineFlex" | readonly [BoxDisplay, BoxDisplay] | readonly [BoxDisplay, BoxDisplay, BoxDisplay] | undefined'}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:'"column" | "row" | readonly [BoxFlexDirection, BoxFlexDirection] | readonly [BoxFlexDirection, BoxFlexDirection, BoxFlexDirection] | undefined'}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:'"nowrap" | "wrap" | undefined'}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"0 | 1 | undefined"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"0 | undefined"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:'"center" | "flexEnd" | "flexStart" | readonly [BoxAlignItems, BoxAlignItems] | readonly [BoxAlignItems, BoxAlignItems, BoxAlignItems] | undefined'}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:'"center" | "flexEnd" | "flexStart" | "spaceBetween" | readonly [BoxJustifyContent, BoxJustifyContent] | readonly [BoxJustifyContent, BoxJustifyContent, BoxJustifyContent] | undefined'}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:'"hidden" | "visible" | "auto" | "scroll" | undefined'}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:'"full" | undefined'}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:'"full" | undefined'}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/box/box.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},2608:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._34n6lzh1{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent}._4O18_OS-{position:absolute}._28SfqXxQ{position:fixed}._25hgucpJ{position:relative}._1z9gRRgL{position:-webkit-sticky;position:sticky}@media (min-width:768px){._165GB3d9{position:absolute}._35BfHjzS{position:fixed}.ToWL2vUd{position:relative}._3Y7tS7ZB{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._1cIKCESH{position:absolute}._2UnmU33s{position:fixed}.Yvv9o15g{position:relative}._1ulmDxJK{position:-webkit-sticky;position:sticky}}._3metZFs3{display:block}.OtqwlC-g{display:flex}.ScnLRsqQ{display:inline}._3p4d3SOr{display:inline-block}._3Wbf3h8F{display:inline-flex}.vZcMBze5{display:none}@media (min-width:768px){.xnym6zKT{display:block}._3lk6GIUC{display:flex}._2lsDHRFI{display:inline}._3_tat_7q{display:inline-block}._2zp0Ysn_{display:inline-flex}._22HipJxo{display:none}}@media (min-width:992px){.egzVdgM-{display:block}._3O-rsskG{display:flex}._2e2_Bdle{display:inline}._1BndqY98{display:inline-block}._3lKbMoNn{display:inline-flex}._2-eAy5iF{display:none}}._1LICbbGA{min-width:0}._11C3KbpS{min-width:220px}._2i8CQCsg{min-width:400px}._2mvYxIBO{min-width:660px}.tUeYcld-{max-width:940px}._3xFf8yMo{min-width:1280px}._1kI7x4VB{max-width:220px}.eLup45J2{max-width:400px}._3Q3oh0wq{max-width:660px}._1m4kNCjr{max-width:940px}.rKzeZFfP{max-width:1280px}._1cIxSJgN{flex-direction:column}._3d82rg2O{flex-direction:row}@media (min-width:768px){._2BCIaaSu{flex-direction:column}._1KZ73hzW{flex-direction:row}}@media (min-width:992px){.AlBpSaFt{flex-direction:column}.szQspntj{flex-direction:row}}._2R_eNJAR{flex-wrap:wrap}._1A8QKWzr{flex-wrap:nowrap}._1BY1l_eA{flex-shrink:0}._2JTESmuO{flex-grow:0}._1IIXp_yM{flex-grow:1}._3Aw6MW6G{align-items:flex-start}._3J7hgDFf{align-items:center}._1PQDcZy6{align-items:flex-end}@media (min-width:768px){._3166iR2s{align-items:flex-start}.QCePjapg{align-items:center}.jjkOQC8r{align-items:flex-end}}@media (min-width:992px){.A0DebJu_{align-items:flex-start}._1isnu434{align-items:center}._3VslwRNK{align-items:flex-end}}._2pEU8SQC{justify-content:flex-start}._1mRUNYls{justify-content:center}._3EDR-URW{justify-content:flex-end}.IXOituOK{justify-content:space-between}@media (min-width:768px){._2d7kRHd7{justify-content:flex-start}._1UzfR6Vf{justify-content:center}._2ImQNbDg{justify-content:flex-end}._16UkMMI6{justify-content:space-between}}@media (min-width:992px){._3cyvD1f5{justify-content:flex-start}._1HcMvcsu{justify-content:center}._33m1Ctuk{justify-content:flex-end}._2bJ7PwH5{justify-content:space-between}}._2VHbvrHg{overflow:hidden}.C08q82uW{overflow:auto}._3jPsBi7a{overflow:visible}._36PWUusV{overflow:scroll}._32U3_pi2{width:100%}._1AR6jtYl{height:100%}._1fcm9eDc{padding-top:var(--reactist-spacing-xsmall)}._2lkiKEWt{padding-top:var(--reactist-spacing-small)}._119wY5KY{padding-top:var(--reactist-spacing-medium)}._2lLLEoa3{padding-top:var(--reactist-spacing-large)}._3MKPysMl{padding-top:var(--reactist-spacing-xlarge)}._2BRtAsyi{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1fWU3n1u{padding-top:var(--reactist-spacing-xsmall)}._3GjsUaeE{padding-top:var(--reactist-spacing-small)}._21yTqsvb{padding-top:var(--reactist-spacing-medium)}._3Qau3vLp{padding-top:var(--reactist-spacing-large)}._3HTGDpML{padding-top:var(--reactist-spacing-xlarge)}._13Qaddpr{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._16jrLfRP{padding-top:var(--reactist-spacing-xsmall)}.Idw94aP3{padding-top:var(--reactist-spacing-small)}._1R8pIf5u{padding-top:var(--reactist-spacing-medium)}._1KblKWWz{padding-top:var(--reactist-spacing-large)}._1Argcyq5{padding-top:var(--reactist-spacing-xlarge)}._3m1DpHzr{padding-top:var(--reactist-spacing-xxlarge)}}._2qsODlQ1{padding-right:var(--reactist-spacing-xsmall)}.J6fFv8Uw{padding-right:var(--reactist-spacing-small)}._3B9cvkFr{padding-right:var(--reactist-spacing-medium)}._31dJKVeK{padding-right:var(--reactist-spacing-large)}.MN3kdPGA{padding-right:var(--reactist-spacing-xlarge)}.hOdAx-DJ{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1zfH8gJo{padding-right:var(--reactist-spacing-xsmall)}.ntzZ3X_i{padding-right:var(--reactist-spacing-small)}._2YK4VfjY{padding-right:var(--reactist-spacing-medium)}.l_EnRFEp{padding-right:var(--reactist-spacing-large)}.ZDEFhvKH{padding-right:var(--reactist-spacing-xlarge)}._2xMDWQvF{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._2SKtOj1H{padding-right:var(--reactist-spacing-xsmall)}._1JFBzLmS{padding-right:var(--reactist-spacing-small)}._1d8OeBwG{padding-right:var(--reactist-spacing-medium)}._1oqWSRHW{padding-right:var(--reactist-spacing-large)}._3hs_npgm{padding-right:var(--reactist-spacing-xlarge)}._2rUd8spK{padding-right:var(--reactist-spacing-xxlarge)}}.QAjpz88e{padding-bottom:var(--reactist-spacing-xsmall)}._27gXF8UK{padding-bottom:var(--reactist-spacing-small)}._1burbc7g{padding-bottom:var(--reactist-spacing-medium)}._1AG-1RI8{padding-bottom:var(--reactist-spacing-large)}._4A7BKhnw{padding-bottom:var(--reactist-spacing-xlarge)}._1zYBan2X{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1q-EYnWe{padding-bottom:var(--reactist-spacing-xsmall)}._3cdY7xQ6{padding-bottom:var(--reactist-spacing-small)}._8ttAhsAQ{padding-bottom:var(--reactist-spacing-medium)}._3o9VZU0a{padding-bottom:var(--reactist-spacing-large)}._31_a_F3n{padding-bottom:var(--reactist-spacing-xlarge)}._2blD9ia6{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._18jTpIXx{padding-bottom:var(--reactist-spacing-xsmall)}.GGgw4UeY{padding-bottom:var(--reactist-spacing-small)}.u8YQor1g{padding-bottom:var(--reactist-spacing-medium)}._1EO13Ldk{padding-bottom:var(--reactist-spacing-large)}.e1feW_Dq{padding-bottom:var(--reactist-spacing-xlarge)}._2nZlnStA{padding-bottom:var(--reactist-spacing-xxlarge)}}._2XOJ9rB5{padding-left:var(--reactist-spacing-xsmall)}._2CeIk2Gc{padding-left:var(--reactist-spacing-small)}._3pHpOf1P{padding-left:var(--reactist-spacing-medium)}._2zWUeqgY{padding-left:var(--reactist-spacing-large)}._3qO66J6_{padding-left:var(--reactist-spacing-xlarge)}._3SwRIaXO{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1ksF6GVY{padding-left:var(--reactist-spacing-xsmall)}._1JYdaVH-{padding-left:var(--reactist-spacing-small)}._1Fi5Oqez{padding-left:var(--reactist-spacing-medium)}._1on5T6VJ{padding-left:var(--reactist-spacing-large)}._2aNsxVAR{padding-left:var(--reactist-spacing-xlarge)}._2ieKTraX{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._39FA-zw4{padding-left:var(--reactist-spacing-xsmall)}._2VuLKwfY{padding-left:var(--reactist-spacing-small)}._13U30dEX{padding-left:var(--reactist-spacing-medium)}.NtbYWZBb{padding-left:var(--reactist-spacing-large)}._3hlXya32{padding-left:var(--reactist-spacing-xlarge)}.vVYLlu05{padding-left:var(--reactist-spacing-xxlarge)}}.acHew4QS{background-color:var(--reactist-bg-default)}._27wTWuhR{background-color:var(--reactist-bg-aside)}._13n6zG49{background-color:var(--reactist-bg-highlight)}._3xE7o7Lc{background-color:var(--reactist-bg-selected)}._1s36b_gH{border-radius:var(--reactist-border-radius-small)}._1SIaqDBP{border-radius:var(--reactist-border-radius-large)}._1-QIwmSO{border:1px solid var(--reactist-framework-border)}",""]),exports.locals={box:"_34n6lzh1","position-absolute":"_4O18_OS-","position-fixed":"_28SfqXxQ","position-relative":"_25hgucpJ","position-sticky":"_1z9gRRgL","tablet-position-absolute":"_165GB3d9","tablet-position-fixed":"_35BfHjzS","tablet-position-relative":"ToWL2vUd","tablet-position-sticky":"_3Y7tS7ZB","desktop-position-absolute":"_1cIKCESH","desktop-position-fixed":"_2UnmU33s","desktop-position-relative":"Yvv9o15g","desktop-position-sticky":"_1ulmDxJK","display-block":"_3metZFs3","display-flex":"OtqwlC-g","display-inline":"ScnLRsqQ","display-inlineBlock":"_3p4d3SOr","display-inlineFlex":"_3Wbf3h8F","display-none":"vZcMBze5","tablet-display-block":"xnym6zKT","tablet-display-flex":"_3lk6GIUC","tablet-display-inline":"_2lsDHRFI","tablet-display-inlineBlock":"_3_tat_7q","tablet-display-inlineFlex":"_2zp0Ysn_","tablet-display-none":"_22HipJxo","desktop-display-block":"egzVdgM-","desktop-display-flex":"_3O-rsskG","desktop-display-inline":"_2e2_Bdle","desktop-display-inlineBlock":"_1BndqY98","desktop-display-inlineFlex":"_3lKbMoNn","desktop-display-none":"_2-eAy5iF","minWidth-0":"_1LICbbGA","minWidth-xsmall":"_11C3KbpS","minWidth-small":"_2i8CQCsg","minWidth-medium":"_2mvYxIBO","minWidth-large":"tUeYcld-","minWidth-xlarge":"_3xFf8yMo","maxWidth-xsmall":"_1kI7x4VB","maxWidth-small":"eLup45J2","maxWidth-medium":"_3Q3oh0wq","maxWidth-large":"_1m4kNCjr","maxWidth-xlarge":"rKzeZFfP","flexDirection-column":"_1cIxSJgN","flexDirection-row":"_3d82rg2O","tablet-flexDirection-column":"_2BCIaaSu","tablet-flexDirection-row":"_1KZ73hzW","desktop-flexDirection-column":"AlBpSaFt","desktop-flexDirection-row":"szQspntj","flexWrap-wrap":"_2R_eNJAR","flexWrap-nowrap":"_1A8QKWzr","flexShrink-0":"_1BY1l_eA","flexGrow-0":"_2JTESmuO","flexGrow-1":"_1IIXp_yM","alignItems-flexStart":"_3Aw6MW6G","alignItems-center":"_3J7hgDFf","alignItems-flexEnd":"_1PQDcZy6","tablet-alignItems-flexStart":"_3166iR2s","tablet-alignItems-center":"QCePjapg","tablet-alignItems-flexEnd":"jjkOQC8r","desktop-alignItems-flexStart":"A0DebJu_","desktop-alignItems-center":"_1isnu434","desktop-alignItems-flexEnd":"_3VslwRNK","justifyContent-flexStart":"_2pEU8SQC","justifyContent-center":"_1mRUNYls","justifyContent-flexEnd":"_3EDR-URW","justifyContent-spaceBetween":"IXOituOK","tablet-justifyContent-flexStart":"_2d7kRHd7","tablet-justifyContent-center":"_1UzfR6Vf","tablet-justifyContent-flexEnd":"_2ImQNbDg","tablet-justifyContent-spaceBetween":"_16UkMMI6","desktop-justifyContent-flexStart":"_3cyvD1f5","desktop-justifyContent-center":"_1HcMvcsu","desktop-justifyContent-flexEnd":"_33m1Ctuk","desktop-justifyContent-spaceBetween":"_2bJ7PwH5","overflow-hidden":"_2VHbvrHg","overflow-auto":"C08q82uW","overflow-visible":"_3jPsBi7a","overflow-scroll":"_36PWUusV","width-full":"_32U3_pi2","height-full":"_1AR6jtYl","paddingTop-xsmall":"_1fcm9eDc","paddingTop-small":"_2lkiKEWt","paddingTop-medium":"_119wY5KY","paddingTop-large":"_2lLLEoa3","paddingTop-xlarge":"_3MKPysMl","paddingTop-xxlarge":"_2BRtAsyi","tablet-paddingTop-xsmall":"_1fWU3n1u","tablet-paddingTop-small":"_3GjsUaeE","tablet-paddingTop-medium":"_21yTqsvb","tablet-paddingTop-large":"_3Qau3vLp","tablet-paddingTop-xlarge":"_3HTGDpML","tablet-paddingTop-xxlarge":"_13Qaddpr","desktop-paddingTop-xsmall":"_16jrLfRP","desktop-paddingTop-small":"Idw94aP3","desktop-paddingTop-medium":"_1R8pIf5u","desktop-paddingTop-large":"_1KblKWWz","desktop-paddingTop-xlarge":"_1Argcyq5","desktop-paddingTop-xxlarge":"_3m1DpHzr","paddingRight-xsmall":"_2qsODlQ1","paddingRight-small":"J6fFv8Uw","paddingRight-medium":"_3B9cvkFr","paddingRight-large":"_31dJKVeK","paddingRight-xlarge":"MN3kdPGA","paddingRight-xxlarge":"hOdAx-DJ","tablet-paddingRight-xsmall":"_1zfH8gJo","tablet-paddingRight-small":"ntzZ3X_i","tablet-paddingRight-medium":"_2YK4VfjY","tablet-paddingRight-large":"l_EnRFEp","tablet-paddingRight-xlarge":"ZDEFhvKH","tablet-paddingRight-xxlarge":"_2xMDWQvF","desktop-paddingRight-xsmall":"_2SKtOj1H","desktop-paddingRight-small":"_1JFBzLmS","desktop-paddingRight-medium":"_1d8OeBwG","desktop-paddingRight-large":"_1oqWSRHW","desktop-paddingRight-xlarge":"_3hs_npgm","desktop-paddingRight-xxlarge":"_2rUd8spK","paddingBottom-xsmall":"QAjpz88e","paddingBottom-small":"_27gXF8UK","paddingBottom-medium":"_1burbc7g","paddingBottom-large":"_1AG-1RI8","paddingBottom-xlarge":"_4A7BKhnw","paddingBottom-xxlarge":"_1zYBan2X","tablet-paddingBottom-xsmall":"_1q-EYnWe","tablet-paddingBottom-small":"_3cdY7xQ6","tablet-paddingBottom-medium":"_8ttAhsAQ","tablet-paddingBottom-large":"_3o9VZU0a","tablet-paddingBottom-xlarge":"_31_a_F3n","tablet-paddingBottom-xxlarge":"_2blD9ia6","desktop-paddingBottom-xsmall":"_18jTpIXx","desktop-paddingBottom-small":"GGgw4UeY","desktop-paddingBottom-medium":"u8YQor1g","desktop-paddingBottom-large":"_1EO13Ldk","desktop-paddingBottom-xlarge":"e1feW_Dq","desktop-paddingBottom-xxlarge":"_2nZlnStA","paddingLeft-xsmall":"_2XOJ9rB5","paddingLeft-small":"_2CeIk2Gc","paddingLeft-medium":"_3pHpOf1P","paddingLeft-large":"_2zWUeqgY","paddingLeft-xlarge":"_3qO66J6_","paddingLeft-xxlarge":"_3SwRIaXO","tablet-paddingLeft-xsmall":"_1ksF6GVY","tablet-paddingLeft-small":"_1JYdaVH-","tablet-paddingLeft-medium":"_1Fi5Oqez","tablet-paddingLeft-large":"_1on5T6VJ","tablet-paddingLeft-xlarge":"_2aNsxVAR","tablet-paddingLeft-xxlarge":"_2ieKTraX","desktop-paddingLeft-xsmall":"_39FA-zw4","desktop-paddingLeft-small":"_2VuLKwfY","desktop-paddingLeft-medium":"_13U30dEX","desktop-paddingLeft-large":"NtbYWZBb","desktop-paddingLeft-xlarge":"_3hlXya32","desktop-paddingLeft-xxlarge":"vVYLlu05","bg-default":"acHew4QS","bg-aside":"_27wTWuhR","bg-highlight":"_13n6zG49","bg-selected":"_3xE7o7Lc","borderRadius-standard":"_1s36b_gH","borderRadius-full":"_1SIaqDBP","border-standard":"_1-QIwmSO"},module.exports=exports},2620:function(module,exports,__webpack_require__){var content=__webpack_require__(2621);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2621:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,":root {\n /*\n * breakpoints\n *\n * Unfortunately CSS custom properties are not available in media queries. So these are not\n * being used right now (although all uses of the hardcoded value are annotated with the names.\n *\n * We could manage these as pre-processor variables, but that would leave the question about how\n * is going to be possible to customize these values from consumer apps.\n *\n * See https://stackoverflow.com/q/40722882/621809\n * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n */\n --reactist-breakpoint-tablet: 768px;\n --reactist-breakpoint-desktop: 992px;\n /* spacing sizes */\n --reactist-spacing-xsmall: 4px;\n --reactist-spacing-small: 8px;\n --reactist-spacing-medium: 12px;\n --reactist-spacing-large: 16px;\n --reactist-spacing-xlarge: 24px;\n --reactist-spacing-xxlarge: 32px;\n /* font sizes */\n --reactist-font-size-caption: 12px;\n --reactist-font-size-copy: 13px;\n --reactist-font-size-body: 14px;\n --reactist-font-size-subtitle: 16px;\n --reactist-font-size-header: 20px;\n --reactist-font-size-header-large: 24px;\n --reactist-font-size-header-xlarge: 32px;\n /* font weight */\n --reactist-font-weight-regular: 400;\n --reactist-font-weight-medium: 500;\n --reactist-font-weight-strong: 700;\n /* border and separator colors */\n --reactist-framework-separator: #e6e6e6;\n --reactist-framework-border: #d6d6d6;\n --reactist-framework-border-focus: rgba(0, 0, 0, 0.4);\n --reactist-framework-border-alpha: rgba(0, 0, 0, 0.15);\n /* border-radius */\n --reactist-border-radius-small: 5px;\n --reactist-border-radius-large: 10px;\n /* background color */\n --reactist-bg-default: #ffffff;\n --reactist-bg-brand: #d1453b;\n --reactist-bg-aside: #fafafa;\n --reactist-bg-highlight: #f2f2f2;\n --reactist-bg-selected: #e6e6e6;\n /* colors */\n --reactist-framework-fill-accent: #e0edff;\n --reactist-framework-fill-aside: #fafafa;\n --reactist-framework-fill-background: #fafafa;\n --reactist-framework-fill-base: #ffffff;\n --reactist-framework-fill-crater: #f2f2f2;\n --reactist-framework-fill-crest: #e6e6e6;\n --reactist-framework-fill-elevated: #ffffff;\n --reactist-framework-fill-selected: #ececec;\n --reactist-framework-fill-highlight: #f2f2f2;\n --reactist-framework-fill-ledge: #e0e0e0;\n --reactist-framework-fill-peak: #3d3d3d;\n --reactist-framework-fill-pinnacle: #ebebeb;\n --reactist-framework-fill-ridge: #f2f2f2;\n --reactist-framework-fill-summit: #d6d6d6;\n --reactist-content-primary: rgba(0, 0, 0, 0.88);\n --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n --reactist-content-quaternary: rgba(0, 0, 0, 0.24);\n --reactist-content-light-on-dark: #ffffff;\n --reactist-chromatic-fill-red: #d1453b;\n --reactist-chromatic-fill-orange: #eb8d13;\n --reactist-chromatic-fill-green: #058527;\n --reactist-chromatic-fill-teal: #007e9e;\n --reactist-chromatic-fill-blue: #246fe0;\n --reactist-chromatic-fill-purple: #692fc2;\n --reactist-chromatic-fill-charcoal: #525252;\n --reactist-chromatic-fill-grey: #808080;\n --reactist-chromatic-fill-midnight: #4c5b70;\n --reactist-chromatic-content-red: #d1453b;\n --reactist-chromatic-content-orange: #eb8d13;\n --reactist-chromatic-content-green: #058527;\n --reactist-chromatic-content-green-background: rgba(5, 133, 39, 0.05);\n --reactist-chromatic-content-green-background-highlight: rgba(5, 133, 39, 0.1);\n --reactist-chromatic-content-teal: #007e9e;\n --reactist-chromatic-content-blue: #246fe0;\n --reactist-chromatic-content-purple: #692fc2;\n --reactist-chromatic-content-charcoal: #525252;\n --reactist-chromatic-content-grey: #808080;\n --reactist-chromatic-highlight-blue: #585d64;\n --reactist-chromatic-highlight-green: #d8ebdd;\n --reactist-chromatic-highlight-red: #fcf2f2;\n /* component-specific */\n --reactist-switch-checked: var(--reactist-chromatic-content-green);\n /* alerts */\n --reactist-alert-tone-info-icon: #1d438c;\n --reactist-alert-tone-info-border: var(--reactist-chromatic-content-blue);\n --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n --reactist-alert-tone-positive-icon: #035017;\n --reactist-alert-tone-positive-border: var(--reactist-chromatic-content-green);\n --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n --reactist-alert-tone-caution-icon: #5e3704;\n --reactist-alert-tone-caution-border: var(--reactist-chromatic-content-orange);\n --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n --reactist-alert-tone-critical-icon: #b03d32;\n --reactist-alert-tone-critical-border: var(--reactist-chromatic-content-red);\n --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n}\n","",{version:3,sources:["webpack://src/new-components/default-styles.less"],names:[],mappings:"AAAA;EACE;;;;;;;;;;;MAWI;EACF,mCAAA;EACA,oCAAA;EACF,kBAAkB;EAEhB,8BAAA;EACA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EAAF,eAAe;EAGb,kCAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EACA,iCAAA;EACA,uCAAA;EACA,wCAAA;EADF,gBAAgB;EAId,mCAAA;EACA,kCAAA;EACA,kCAAA;EAFF,gCAAgC;EAK9B,uCAAA;EACA,oCAAA;EACA,qDAAA;EACA,sDAAA;EAHF,kBAAkB;EAMhB,mCAAA;EACA,oCAAA;EAJF,qBAAqB;EAOnB,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EACA,+BAAA;EALF,WAAW;EAQT,yCAAA;EACA,wCAAA;EACA,6CAAA;EACA,uCAAA;EACA,yCAAA;EACA,wCAAA;EACA,2CAAA;EACA,2CAAA;EACA,4CAAA;EACA,wCAAA;EACA,uCAAA;EACA,2CAAA;EACA,wCAAA;EACA,yCAAA;EAEA,+CAAA;EACA,iDAAA;EACA,+CAAA;EACA,kDAAA;EACA,yCAAA;EAEA,sCAAA;EACA,yCAAA;EACA,wCAAA;EACA,uCAAA;EACA,uCAAA;EACA,yCAAA;EACA,2CAAA;EACA,uCAAA;EACA,2CAAA;EAEA,yCAAA;EACA,4CAAA;EACA,2CAAA;EACA,qEAAA;EACA,8EAAA;EACA,0CAAA;EACA,0CAAA;EACA,4CAAA;EACA,8CAAA;EACA,0CAAA;EAEA,4CAAA;EACA,6CAAA;EACA,2CAAA;EAVF,uBAAuB;EAarB,kEAAA;EAXF,WAAW;EAcT,wCAAA;EACA,yEAAA;EACA,8DAAA;EAEA,4CAAA;EACA,8EAAA;EACA,gEAAA;EAEA,2CAAA;EACA,8EAAA;EACA,iEAAA;EAEA,4CAAA;EACA,4EAAA;EACA,iEAAA;AAfJ",sourcesContent:[":root {\n /*\n * breakpoints\n *\n * Unfortunately CSS custom properties are not available in media queries. So these are not\n * being used right now (although all uses of the hardcoded value are annotated with the names.\n *\n * We could manage these as pre-processor variables, but that would leave the question about how\n * is going to be possible to customize these values from consumer apps.\n *\n * See https://stackoverflow.com/q/40722882/621809\n * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n */\n --reactist-breakpoint-tablet: 768px;\n --reactist-breakpoint-desktop: 992px;\n\n /* spacing sizes */\n --reactist-spacing-xsmall: 4px;\n --reactist-spacing-small: 8px;\n --reactist-spacing-medium: 12px;\n --reactist-spacing-large: 16px;\n --reactist-spacing-xlarge: 24px;\n --reactist-spacing-xxlarge: 32px;\n\n /* font sizes */\n --reactist-font-size-caption: 12px;\n --reactist-font-size-copy: 13px;\n --reactist-font-size-body: 14px;\n --reactist-font-size-subtitle: 16px;\n --reactist-font-size-header: 20px;\n --reactist-font-size-header-large: 24px;\n --reactist-font-size-header-xlarge: 32px;\n\n /* font weight */\n --reactist-font-weight-regular: 400;\n --reactist-font-weight-medium: 500;\n --reactist-font-weight-strong: 700;\n\n /* border and separator colors */\n --reactist-framework-separator: rgb(230, 230, 230);\n --reactist-framework-border: rgb(214, 214, 214);\n --reactist-framework-border-focus: rgba(0, 0, 0, 0.4);\n --reactist-framework-border-alpha: rgba(0, 0, 0, 0.15);\n\n /* border-radius */\n --reactist-border-radius-small: 5px;\n --reactist-border-radius-large: 10px;\n\n /* background color */\n --reactist-bg-default: rgb(255, 255, 255);\n --reactist-bg-brand: rgb(209, 69, 59);\n --reactist-bg-aside: rgb(250, 250, 250);\n --reactist-bg-highlight: rgb(242, 242, 242);\n --reactist-bg-selected: rgb(230, 230, 230);\n\n /* colors */\n --reactist-framework-fill-accent: rgb(224, 237, 255);\n --reactist-framework-fill-aside: rgb(250, 250, 250);\n --reactist-framework-fill-background: rgb(250, 250, 250);\n --reactist-framework-fill-base: rgb(255, 255, 255);\n --reactist-framework-fill-crater: rgb(242, 242, 242);\n --reactist-framework-fill-crest: rgb(230, 230, 230);\n --reactist-framework-fill-elevated: rgb(255, 255, 255);\n --reactist-framework-fill-selected: rgb(236, 236, 236);\n --reactist-framework-fill-highlight: rgb(242, 242, 242);\n --reactist-framework-fill-ledge: rgb(224, 224, 224);\n --reactist-framework-fill-peak: rgb(61, 61, 61);\n --reactist-framework-fill-pinnacle: rgb(235, 235, 235);\n --reactist-framework-fill-ridge: rgb(242, 242, 242);\n --reactist-framework-fill-summit: rgb(214, 214, 214);\n\n --reactist-content-primary: rgba(0, 0, 0, 0.88);\n --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n --reactist-content-quaternary: rgba(0, 0, 0, 0.24);\n --reactist-content-light-on-dark: rgb(255, 255, 255);\n\n --reactist-chromatic-fill-red: rgb(209, 69, 59);\n --reactist-chromatic-fill-orange: rgb(235, 141, 19);\n --reactist-chromatic-fill-green: rgb(5, 133, 39);\n --reactist-chromatic-fill-teal: rgb(0, 126, 158);\n --reactist-chromatic-fill-blue: rgb(36, 111, 224);\n --reactist-chromatic-fill-purple: rgb(105, 47, 194);\n --reactist-chromatic-fill-charcoal: rgb(82, 82, 82);\n --reactist-chromatic-fill-grey: rgb(128, 128, 128);\n --reactist-chromatic-fill-midnight: rgb(76, 91, 112);\n\n --reactist-chromatic-content-red: rgb(209, 69, 59);\n --reactist-chromatic-content-orange: rgb(235, 141, 19);\n --reactist-chromatic-content-green: rgb(5, 133, 39);\n --reactist-chromatic-content-green-background: rgba(5, 133, 39, 0.05);\n --reactist-chromatic-content-green-background-highlight: rgba(5, 133, 39, 0.1);\n --reactist-chromatic-content-teal: rgb(0, 126, 158);\n --reactist-chromatic-content-blue: rgb(36, 111, 224);\n --reactist-chromatic-content-purple: rgb(105, 47, 194);\n --reactist-chromatic-content-charcoal: rgb(82, 82, 82);\n --reactist-chromatic-content-grey: rgb(128, 128, 128);\n\n --reactist-chromatic-highlight-blue: rgb(88, 93, 100);\n --reactist-chromatic-highlight-green: rgb(216, 235, 221);\n --reactist-chromatic-highlight-red: rgb(252, 242, 242);\n\n /* component-specific */\n --reactist-switch-checked: var(--reactist-chromatic-content-green);\n\n /* alerts */\n --reactist-alert-tone-info-icon: #1d438c;\n --reactist-alert-tone-info-border: var(--reactist-chromatic-content-blue);\n --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n\n --reactist-alert-tone-positive-icon: #035017;\n --reactist-alert-tone-positive-border: var(--reactist-chromatic-content-green);\n --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n\n --reactist-alert-tone-caution-icon: #5e3704;\n --reactist-alert-tone-caution-border: var(--reactist-chromatic-content-orange);\n --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n\n --reactist-alert-tone-critical-icon: #b03d32;\n --reactist-alert-tone-critical-border: var(--reactist-chromatic-content-red);\n --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2622:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._3b1oRRUM>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.mbc3LUo1>:not(:first-child){margin-top:var(--reactist-spacing-small)}.TErpU7nP>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._19PQeR--\x3e:not(:first-child){margin-top:var(--reactist-spacing-large)}._3BKTI-j7>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1QQfSO-y>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.rQVejOPW>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.eCh5FkgK>:not(:first-child){margin-top:var(--reactist-spacing-small)}._29GNHdPc>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._1sChkByM>:not(:first-child){margin-top:var(--reactist-spacing-large)}._2KfFWNg1>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._3kgDZO8U>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3SK4ZSq7>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.L2TBoAaZ>:not(:first-child){margin-top:var(--reactist-spacing-small)}.qG_1ntRy>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._2j6trIBI>:not(:first-child){margin-top:var(--reactist-spacing-large)}._12-ygMAC>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1YzVvjNw>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3b1oRRUM","space-small":"mbc3LUo1","space-medium":"TErpU7nP","space-large":"_19PQeR--","space-xlarge":"_3BKTI-j7","space-xxlarge":"_1QQfSO-y","tablet-space-xsmall":"rQVejOPW","tablet-space-small":"eCh5FkgK","tablet-space-medium":"_29GNHdPc","tablet-space-large":"_1sChkByM","tablet-space-xlarge":"_2KfFWNg1","tablet-space-xxlarge":"_3kgDZO8U","desktop-space-xsmall":"_3SK4ZSq7","desktop-space-small":"L2TBoAaZ","desktop-space-medium":"qG_1ntRy","desktop-space-large":"_2j6trIBI","desktop-space-xlarge":"_12-ygMAC","desktop-space-xxlarge":"_1YzVvjNw"},module.exports=exports},2623:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._3Rf-23qb{border:none;border-bottom:1px solid var(--reactist-framework-separator)}._1Jue_n_H{border-color:var(--reactist-framework-border-focus)}",""]),exports.locals={divider:"_3Rf-23qb","weight-strong":"_1Jue_n_H"},module.exports=exports},2625:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,".eMdJaLwo{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong)}._3iAwnzzO{font-weight:var(--reactist-font-weight-regular)}._3p8-J0VZ{color:var(--reactist-content-secondary)}._1Qasvyzb{color:var(--reactist-chromatic-content-red)}h1.eMdJaLwo{font-size:var(--reactist-font-size-header)}h1._1-yjZY8K{font-size:var(--reactist-font-size-header-xlarge)}h1._3M5sPjXF{font-size:var(--reactist-font-size-header-large)}h1._1_j4Pm2D,h2.eMdJaLwo{font-size:var(--reactist-font-size-subtitle)}h2._1-yjZY8K{font-size:var(--reactist-font-size-header-large)}h2._3M5sPjXF{font-size:var(--reactist-font-size-header)}h2._1_j4Pm2D,h3.eMdJaLwo{font-size:var(--reactist-font-size-body)}h3._1-yjZY8K{font-size:var(--reactist-font-size-header)}h3._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}h3._1_j4Pm2D{font-size:var(--reactist-font-size-caption)}h4.eMdJaLwo,h5.eMdJaLwo,h6.eMdJaLwo{font-size:var(--reactist-font-size-body)}h4._1-yjZY8K,h5._1-yjZY8K,h6._1-yjZY8K{font-size:var(--reactist-font-size-header)}h4._3M5sPjXF,h5._3M5sPjXF,h6._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}._1Uy0Yp-U{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._2yqCSry4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1UgXSTeE{-webkit-line-clamp:2}._1njU6r08{-webkit-line-clamp:3}._2wNi7jvQ{-webkit-line-clamp:4}._2wo2NW21{-webkit-line-clamp:5}",""]),exports.locals={heading:"eMdJaLwo","weight-light":"_3iAwnzzO","tone-secondary":"_3p8-J0VZ","tone-danger":"_1Qasvyzb","size-largest":"_1-yjZY8K","size-larger":"_3M5sPjXF","size-smaller":"_1_j4Pm2D","line-clamp-1":"_1Uy0Yp-U",lineClamp:"_2yqCSry4","line-clamp-2":"_1UgXSTeE","line-clamp-3":"_1njU6r08","line-clamp-4":"_2wNi7jvQ","line-clamp-5":"_2wo2NW21"},module.exports=exports},2626:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AlignmentStory",(function(){return AlignmentStory})),__webpack_require__.d(__webpack_exports__,"WidthsStory",(function(){return WidthsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"FlexChildStory",(function(){return FlexChildStory})),__webpack_require__.d(__webpack_exports__,"NestedColumnsStory",(function(){return NestedColumnsStory}));__webpack_require__(152),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),_storybook_helper__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(4),_stack__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(41),_box__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(144),_columns__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(8);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) {\n return (\n \n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}'}},AlignmentStory.parameters),WidthsStory.parameters=_objectSpread({storySource:{source:'function WidthsStory({ space }: PartialProps) {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}'}},WidthsStory.parameters),ResponsiveStory.parameters=_objectSpread({storySource:{source:"function ResponsiveStory(args: PartialProps) {\n return (\n <>\n \n \n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n \n \n )\n}"}},ResponsiveStory.parameters),FlexChildStory.parameters=_objectSpread({storySource:{source:'function FlexChildStory(args: PartialProps) {\n return (\n \n \n \n \n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n \n )\n}'}},FlexChildStory.parameters),NestedColumnsStory.parameters=_objectSpread({storySource:{source:'function NestedColumnsStory(args: PartialProps) {\n return (\n \n \n \n \n \n\n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n\n \n \n \n \n \n )\n}'}},NestedColumnsStory.parameters);try{AlignmentStory.displayName="AlignmentStory",AlignmentStory.__docgenInfo={description:"",displayName:"AlignmentStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#AlignmentStory"]={docgenInfo:AlignmentStory.__docgenInfo,name:"AlignmentStory",path:"src/new-components/columns/columns.stories.tsx#AlignmentStory"})}catch(__react_docgen_typescript_loader_error){}try{WidthsStory.displayName="WidthsStory",WidthsStory.__docgenInfo={description:"",displayName:"WidthsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#WidthsStory"]={docgenInfo:WidthsStory.__docgenInfo,name:"WidthsStory",path:"src/new-components/columns/columns.stories.tsx#WidthsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/columns/columns.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{FlexChildStory.displayName="FlexChildStory",FlexChildStory.__docgenInfo={description:"",displayName:"FlexChildStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#FlexChildStory"]={docgenInfo:FlexChildStory.__docgenInfo,name:"FlexChildStory",path:"src/new-components/columns/columns.stories.tsx#FlexChildStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.__docgenInfo={description:"",displayName:"NestedColumnsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#NestedColumnsStory"]={docgenInfo:NestedColumnsStory.__docgenInfo,name:"NestedColumnsStory",path:"src/new-components/columns/columns.stories.tsx#NestedColumnsStory"})}catch(__react_docgen_typescript_loader_error){}},2629:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._2L5zGsYJ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-left:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._34KmL1aL{margin-left:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-left:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._3c3sKQuS{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._1geI5sQZ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-left:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._1wj9bZXt{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._2xPtCUIx{margin-left:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}.hV0FeHTP{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-left:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}.Qqka4eXS{margin-left:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-left:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._1DozdJT1{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}.bfhlTd94{width:100%}._1CFc-5RN{flex:0 0 50%}._3xfjmaWI{flex:0 0 33.33333%}._2VQkmkcm{flex:0 0 66.66667%}._1FULVP2z{flex:0 0 25%}._3cdnxheZ{flex:0 0 75%}._3jkZjr5Y{flex:0 0 20%}._25dhGRvr{flex:0 0 40%}._2lN2kQ8T{flex:0 0 60%}._365V5wtc{flex:0 0 80%}._2L5zGsYJ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>*{margin-top:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-top:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>*{margin-top:var(--reactist-spacing-small)}._34KmL1aL{margin-top:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>*{margin-top:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-top:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>*{margin-top:var(--reactist-spacing-large)}._3c3sKQuS{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>*{margin-top:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._3BzLxo2T>*{margin-top:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-top:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>*{margin-top:var(--reactist-spacing-small)}._1wj9bZXt{margin-top:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>*{margin-top:var(--reactist-spacing-medium)}._2xPtCUIx{margin-top:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>*{margin-top:var(--reactist-spacing-large)}.hV0FeHTP{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>*{margin-top:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._264WtIQZ>*{margin-top:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-top:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>*{margin-top:var(--reactist-spacing-small)}.Qqka4eXS{margin-top:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>*{margin-top:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-top:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>*{margin-top:var(--reactist-spacing-large)}._1DozdJT1{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>*{margin-top:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>*{margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_2L5zGsYJ",column:"_3QBzbLDq","space-small":"SPcToWBT","space-medium":"_34KmL1aL","space-large":"_3-IO4Ua9","space-xlarge":"_3c3sKQuS","space-xxlarge":"_1LF97wKT","tablet-space-xsmall":"_1geI5sQZ","tablet-space-small":"_2x39uRmC","tablet-space-medium":"_1wj9bZXt","tablet-space-large":"_2xPtCUIx","tablet-space-xlarge":"hV0FeHTP","tablet-space-xxlarge":"_2tXjCbOw","desktop-space-xsmall":"_264WtIQZ","desktop-space-small":"hq9g6RX7","desktop-space-medium":"Qqka4eXS","desktop-space-large":"_1dQPZ4Mc","desktop-space-xlarge":"_1DozdJT1","desktop-space-xxlarge":"_2vjJqslP","columnWidth-auto":"bfhlTd94","columnWidth-1-2":"_1CFc-5RN","columnWidth-1-3":"_3xfjmaWI","columnWidth-2-3":"_2VQkmkcm","columnWidth-1-4":"_1FULVP2z","columnWidth-3-4":"_3cdnxheZ","columnWidth-1-5":"_3jkZjr5Y","columnWidth-2-5":"_25dhGRvr","columnWidth-3-5":"_2lN2kQ8T","columnWidth-4-5":"_365V5wtc","tablet-tablet-space-xsmall":"_3BzLxo2T"},module.exports=exports},2630:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"HeadingStory",(function(){return HeadingStory})),__webpack_require__.d(__webpack_exports__,"TruncatedHeadingStory",(function(){return TruncatedHeadingStory})),__webpack_require__.d(__webpack_exports__,"HeadingPlaygroundStory",(function(){return HeadingPlaygroundStory}));__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(24),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__),_stack__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(41),_heading__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(30),_storybook_helper__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(4);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Heading",component:_heading__WEBPACK_IMPORTED_MODULE_12__.a,argTypes:{level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.i)(["largest","larger","smaller"]),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.f)([1,2,3,4,5],1),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"},tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.f)(["normal","secondary","danger"],"normal")}};var HeadingStory=function HeadingStory(){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("section",{className:"story"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{dividers:!0,space:"medium"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1,size:"largest"},"Heading level 1, largest"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1,size:"larger"},"Heading level 1, larger"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1},"Heading level 1"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1,size:"smaller"},"Heading level 1, smaller")),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2,size:"largest"},"Heading level 2, largest"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2,size:"larger"},"Heading level 2, larger"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2},"Heading level 2"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2,size:"smaller"},"Heading level 2, smaller")),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:3,size:"largest"},"Heading level 3, largest"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:3,size:"larger"},"Heading level 3, larger"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:3},"Heading level 3"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:3,size:"smaller"},"Heading level 3, smaller")),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:4,size:"largest"},"Heading level 4 / 5 / 6, largest"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:4,size:"larger"},"Heading level 4 / 5 / 6, larger"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:4},"Heading level 4 / 5 / 6"))))};HeadingStory.displayName="HeadingStory",HeadingStory.argTypes={level:{control:!1},size:{control:!1},weight:{control:!1},lineClamp:{control:!1},children:{control:!1},tone:{control:!1}};var TruncatedHeadingStory=function TruncatedHeadingStory(){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("section",{className:"story"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1,size:"largest",lineClamp:1},"This is a long title which we will use demonstrate truncating content. When this overflows and begins to drop to a new line, its overflowing content will be replaced by ellipses."),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2,lineClamp:2},"Now we have a subtitle which we will use to demostrate truncating to multiple lines. Sometimes we need to provide more context yet still remain skimmable to users, and subtitles are a good way to do this. As it’s much longer now we can allow a second line to be displayed before truncating it at two lines."))};TruncatedHeadingStory.displayName="TruncatedHeadingStory",TruncatedHeadingStory.argTypes={level:{control:!1},size:{control:!1},weight:{control:!1},lineClamp:{control:!1},children:{control:!1},tone:{control:!1}};var HeadingPlaygroundStory=function HeadingPlaygroundStory(_ref){var children=_ref.children,args=_objectWithoutProperties(_ref,["children"]);return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("section",{className:"story playground"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,args,children))};HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingStory.parameters=_objectSpread({storySource:{source:'function HeadingStory() {\n return (\n
\n \n \n \n Heading level 1, largest\n \n \n Heading level 1, larger\n \n Heading level 1\n \n Heading level 1, smaller\n \n \n\n \n \n Heading level 2, largest\n \n \n Heading level 2, larger\n \n Heading level 2\n \n Heading level 2, smaller\n \n \n\n \n \n Heading level 3, largest\n \n \n Heading level 3, larger\n \n Heading level 3\n \n Heading level 3, smaller\n \n \n\n \n \n Heading level 4 / 5 / 6, largest\n \n \n Heading level 4 / 5 / 6, larger\n \n Heading level 4 / 5 / 6\n \n \n
\n )\n}'}},HeadingStory.parameters),TruncatedHeadingStory.parameters=_objectSpread({storySource:{source:'function TruncatedHeadingStory() {\n return (\n
\n \n This is a long title which we will use demonstrate truncating content. When this\n overflows and begins to drop to a new line, its overflowing content will be replaced\n by ellipses.\n \n \n Now we have a subtitle which we will use to demostrate truncating to multiple lines.\n Sometimes we need to provide more context yet still remain skimmable to users, and\n subtitles are a good way to do this. As it’s much longer now we can allow a\n second line to be displayed before truncating it at two lines.\n \n
\n )\n}'}},TruncatedHeadingStory.parameters),HeadingPlaygroundStory.parameters=_objectSpread({storySource:{source:'function HeadingPlaygroundStory({\n children,\n ...args\n}: React.ComponentProps) {\n return (\n
\n {children}\n
\n )\n}'}},HeadingPlaygroundStory.parameters);try{HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.__docgenInfo={description:"",displayName:"HeadingPlaygroundStory",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"smaller" | "larger" | "largest" | undefined'}},level:{defaultValue:null,description:"",name:"level",required:!0,type:{name:"HeadingLevel"}},weight:{defaultValue:null,description:"",name:"weight",required:!1,type:{name:'"regular" | "light" | undefined'}},tone:{defaultValue:null,description:"",name:"tone",required:!1,type:{name:'"secondary" | "danger" | "normal" | undefined'}},lineClamp:{defaultValue:null,description:"",name:"lineClamp",required:!1,type:{name:'1 | 2 | 5 | "1" | 3 | "2" | 4 | "3" | "4" | "5" | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"]={docgenInfo:HeadingPlaygroundStory.__docgenInfo,name:"HeadingPlaygroundStory",path:"src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2631:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._3PBgCLuk{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3PBgCLuk>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1EQqWgsX{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1EQqWgsX>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._12U1xEUI{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._12U1xEUI>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._3Vq15WCN{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._3Vq15WCN>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._1qMcBSA4{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._1qMcBSA4>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2Ya091P2{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2Ya091P2>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3BnTN3GQ{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3BnTN3GQ>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._2md5L24y{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._2md5L24y>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._3ysAA2oN{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._3ysAA2oN>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._2KoqN92B{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._2KoqN92B>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._2nHdneYv{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._2nHdneYv>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}.BI8mwh9K{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}.BI8mwh9K>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3xos_1Ec{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3xos_1Ec>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1ZYtlaQe{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1ZYtlaQe>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}.YdLlurS5{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}.YdLlurS5>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}.yxsHB9YW{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}.yxsHB9YW>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}.SFaqC2zl{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}.SFaqC2zl>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2IDfe2UJ{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2IDfe2UJ>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3PBgCLuk","space-small":"_1EQqWgsX","space-medium":"_12U1xEUI","space-large":"_3Vq15WCN","space-xlarge":"_1qMcBSA4","space-xxlarge":"_2Ya091P2","tablet-space-xsmall":"_3BnTN3GQ","tablet-space-small":"_2md5L24y","tablet-space-medium":"_3ysAA2oN","tablet-space-large":"_2KoqN92B","tablet-space-xlarge":"_2nHdneYv","tablet-space-xxlarge":"BI8mwh9K","desktop-space-xsmall":"_3xos_1Ec","desktop-space-small":"_1ZYtlaQe","desktop-space-medium":"YdLlurS5","desktop-space-large":"yxsHB9YW","desktop-space-xlarge":"SFaqC2zl","desktop-space-xxlarge":"_2IDfe2UJ"},module.exports=exports},2632:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStacksStory",(function(){return NestedStacksStory}));__webpack_require__(152),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(78);var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(0),_storybook_helper__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(4),_heading__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(30),_stack__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(41);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}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 & { itemCount: number }) {\n return (\n \n \n {times(itemCount).map((i) => (\n \n ))}\n \n \n )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=_objectSpread({storySource:{source:"function ResponsiveStory({ itemCount }: { itemCount: number }) {\n return (\n <>\n \n \n \n {times(itemCount).map((i) => (\n \n ))}\n \n \n \n )\n}"}},ResponsiveStory.parameters),NestedStacksStory.parameters=_objectSpread({storySource:{source:'function NestedStacksStory(args: PartialProps) {\n return (\n <>\n \n \n Parent stack with space=“{args.space ?? \'none\'}”\n \n \n Nested stack with space=“xsmall”\n \n \n \n \n \n Nested stack with space=“xsmall”\n \n \n \n \n \n \n \n )\n}'}},NestedStacksStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},dividers:{defaultValue:null,description:"",name:"dividers",required:!1,type:{name:'boolean | "strong" | "regular" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}},itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/stack/stack.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/stack/stack.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.__docgenInfo={description:"",displayName:"NestedStacksStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},dividers:{defaultValue:null,description:"",name:"dividers",required:!1,type:{name:'boolean | "strong" | "regular" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#NestedStacksStory"]={docgenInfo:NestedStacksStory.__docgenInfo,name:"NestedStacksStory",path:"src/new-components/stack/stack.stories.tsx#NestedStacksStory"})}catch(__react_docgen_typescript_loader_error){}},2633:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._3Eg84Gxm{font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._2vPa3hY9{font-size:var(--reactist-font-size-caption)}.KNXgq0Xg{font-size:var(--reactist-font-size-copy)}._2n06t_D7{font-size:var(--reactist-font-size-body)}._3VDhACkJ{font-size:var(--reactist-font-size-subtitle)}._2zYtK3m_{font-weight:var(--reactist-font-weight-medium)}.ol0zG77d{font-weight:var(--reactist-font-weight-strong)}.zPORrfzj{color:var(--reactist-content-secondary)}._2lgSOyOF{color:var(--reactist-chromatic-content-red)}._16YsJq7Y{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.FfDzE8ee{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1_gxWVG9{-webkit-line-clamp:2}._3QzI87wT{-webkit-line-clamp:3}._2tMJfik8{-webkit-line-clamp:4}._3LyjhixI{-webkit-line-clamp:5}",""]),exports.locals={text:"_3Eg84Gxm","size-caption":"_2vPa3hY9","size-copy":"KNXgq0Xg","size-body":"_2n06t_D7","size-subtitle":"_3VDhACkJ","weight-semibold":"_2zYtK3m_","weight-bold":"ol0zG77d","tone-secondary":"zPORrfzj","tone-danger":"_2lgSOyOF","line-clamp-1":"_16YsJq7Y",lineClamp:"FfDzE8ee","line-clamp-2":"_1_gxWVG9","line-clamp-3":"_3QzI87wT","line-clamp-4":"_2tMJfik8","line-clamp-5":"_3LyjhixI"},module.exports=exports},2634:function(module,exports,__webpack_require__){var map={"./components/Avatar.stories.tsx":2635,"./components/Button.stories.tsx":2904,"./components/Checkbox.stories.tsx":2893,"./components/ColorPicker.stories.tsx":2894,"./components/Dropdown.stories.tsx":2787,"./components/ErrorMessage.stories.tsx":2895,"./components/Icon.stories.tsx":2889,"./components/Input.stories.tsx":2896,"./components/KeyCapturer.stories.mdx":2797,"./components/KeyboardShortcut.stories.tsx":2798,"./components/Loading.stories.tsx":2897,"./components/Menu.stories.tsx":2898,"./components/Modal.stories.mdx":2890,"./components/Notification.stories.tsx":2905,"./components/ProgressBar.stories.tsx":2899,"./components/RangeInput.stories.tsx":2900,"./components/Select.stories.tsx":2901,"./components/Tabs.stories.tsx":2906,"./components/Time.stories.tsx":2891,"./components/Tip.stories.tsx":2877,"./components/Tooltip.stories.tsx":2880,"./components/color.stories.tsx":2883,"./reactist/Reactist.stories.mdx":2886};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=2634},2635:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InitialsAvatarStory",(function(){return InitialsAvatarStory})),__webpack_require__.d(__webpack_exports__,"CustomColorAvatarStory",(function(){return CustomColorAvatarStory})),__webpack_require__.d(__webpack_exports__,"PictureAvatarStory",(function(){return PictureAvatarStory})),__webpack_require__.d(__webpack_exports__,"AvatarPlaygroundStory",(function(){return AvatarPlaygroundStory}));__webpack_require__(152),__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2636);var react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(681),_src_components_avatar__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(251);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 (\n
\n {exampleData.map((data, index) => (\n \n ))}\n
\n)'}},InitialsAvatarStory.parameters),CustomColorAvatarStory.parameters=_objectSpread({storySource:{source:"() => (\n
\n {exampleData.map((data, index) => (\n \n ))}\n
\n)"}},CustomColorAvatarStory.parameters),PictureAvatarStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n {exampleData.map((data, index) => (\n \n ))}\n
\n)'}},PictureAvatarStory.parameters),AvatarPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n return (\n
\n \n
\n )\n}'}},AvatarPlaygroundStory.parameters);try{AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.__docgenInfo={description:"",displayName:"AvatarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"]={docgenInfo:AvatarPlaygroundStory.__docgenInfo,name:"AvatarPlaygroundStory",path:"stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2636:function(module,exports,__webpack_require__){var content=__webpack_require__(2637);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2637:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.avatars .reactist_avatar {\n display: inline-block;\n margin-right: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/avatar_story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,kBAAA;AACJ",sourcesContent:[".story.avatars .reactist_avatar {\n display: inline-block;\n margin-right: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2691:function(module,exports,__webpack_require__){var content=__webpack_require__(2692);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2692:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_avatar {\n flex-shrink: 0;\n background-position: center;\n color: white;\n text-align: center;\n border-radius: 50%;\n}\n.reactist_avatar_size--xxs {\n width: 16px;\n height: 16px;\n line-height: 16px;\n background-size: 16px;\n font-size: calc(16px / 2);\n}\n.reactist_avatar_size--xs {\n width: 20px;\n height: 20px;\n line-height: 20px;\n background-size: 20px;\n font-size: calc(20px / 2);\n}\n.reactist_avatar_size--s {\n width: 30px;\n height: 30px;\n line-height: 30px;\n background-size: 30px;\n font-size: calc(30px / 2);\n}\n.reactist_avatar_size--m {\n width: 32px;\n height: 32px;\n line-height: 32px;\n background-size: 32px;\n font-size: calc(32px / 2);\n}\n.reactist_avatar_size--l {\n width: 34px;\n height: 34px;\n line-height: 34px;\n background-size: 34px;\n font-size: calc(34px / 2);\n}\n.reactist_avatar_size--xl {\n width: 48px;\n height: 48px;\n line-height: 48px;\n background-size: 48px;\n font-size: calc(48px / 2);\n}\n.reactist_avatar_size--xxl {\n width: 70px;\n height: 70px;\n line-height: 70px;\n background-size: 70px;\n font-size: calc(70px / 2);\n}\n.reactist_avatar_size--xxxl {\n width: 100px;\n height: 100px;\n line-height: 100px;\n background-size: 100px;\n font-size: calc(100px / 2);\n}\n","",{version:3,sources:["webpack://src/components/avatar/avatar.less"],names:[],mappings:"AAQA;EACI,cAAA;EACA,2BAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAPJ;AAUQ;EAfJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAQJ;AAMQ;EAlBJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAeJ;AAEQ;EArBJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAsBJ;AAFQ;EAxBJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AA6BJ;AANQ;EA3BJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAoCJ;AAVQ;EA9BJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AA2CJ;AAdQ;EAjCJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAkDJ;AAlBQ;EApCJ,YAAA;EACA,aAAA;EACA,kBAAA;EACA,sBAAA;EACA,0BAAA;AAyDJ",sourcesContent:[".reactist_avatar_size(@size) {\n width: @size;\n height: @size;\n line-height: @size;\n background-size: @size;\n font-size: calc(@size / 2);\n}\n\n.reactist_avatar {\n flex-shrink: 0;\n background-position: center;\n color: white;\n text-align: center;\n border-radius: 50%;\n\n &_size {\n &--xxs {\n .reactist_avatar_size(16px);\n }\n &--xs {\n .reactist_avatar_size(20px);\n }\n &--s {\n .reactist_avatar_size(30px);\n }\n &--m {\n .reactist_avatar_size(32px);\n }\n &--l {\n .reactist_avatar_size(34px);\n }\n &--xl {\n .reactist_avatar_size(48px);\n }\n &--xxl {\n .reactist_avatar_size(70px);\n }\n &--xxxl {\n .reactist_avatar_size(100px);\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2771:function(module,exports,__webpack_require__){var content=__webpack_require__(2772);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2772:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story .reactist_button {\n display: inline;\n margin: 0 10px 0 0;\n}\n.story.playground .reactist_button,\np .reactist_button--link {\n margin: 0 !important;\n}\n.alternate_branding > .reactist_button {\n background-color: #dd4b39;\n}\n.alternate_branding > .reactist_button:not(.reactist_button--loading):not(.reactist_button--secondary):not([disabled]):hover {\n background-color: #c23321;\n}\n.alternate_branding > .reactist_button:not(.reactist_button--loading):not(.reactist_button--secondary):disabled {\n background-color: #e47365;\n}\n.alternate_branding > .reactist_button.reactist_button--secondary {\n background-color: white;\n border: 1px solid #dd4b39;\n color: #dd4b39;\n}\n","",{version:3,sources:["webpack://stories/components/styles/button_story.less"],names:[],mappings:"AAAA;EACI,eAAA;EACA,kBAAA;AACJ;AACA;;EAEI,oBAAA;AACJ;AAOI;EACI,yBAAA;AALR;AAOQ;EACI,yBAAA;AALZ;AAQQ;EACI,yBAAA;AANZ;AASQ;EACI,uBAAA;EACA,yBAAA;EACA,cAAA;AAPZ",sourcesContent:[".story .reactist_button {\n display: inline;\n margin: 0 10px 0 0;\n}\n.story.playground .reactist_button,\np .reactist_button--link {\n margin: 0 !important;\n}\n\n.alternate_branding {\n @primary-color: #dd4b39;\n @primary-color-lighter: lighten(#dd4b39, 10%);\n @primary-color-darker: darken(#dd4b39, 10%);\n // alternate button styles\n & > .reactist_button {\n background-color: @primary-color;\n\n &:not(.reactist_button--loading):not(.reactist_button--secondary):not([disabled]):hover {\n background-color: @primary-color-darker;\n }\n\n &:not(.reactist_button--loading):not(.reactist_button--secondary):disabled {\n background-color: @primary-color-lighter;\n }\n\n &.reactist_button--secondary {\n background-color: white;\n border: 1px solid @primary-color;\n color: @primary-color;\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2773:function(module,exports,__webpack_require__){var content=__webpack_require__(2774);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2774:function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__(26),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__(968),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__(2775),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_button {\n cursor: pointer;\n user-select: none;\n color: inherit;\n border: none;\n background-color: transparent;\n padding: 0;\n}\n.reactist_button[aria-disabled='true'] {\n opacity: 0.4;\n cursor: not-allowed;\n}\n.reactist_button--small {\n font-size: 0.81rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.6;\n}\n.reactist_button--primary,\n.reactist_button--secondary,\n.reactist_button--danger {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n box-sizing: border-box;\n padding: 5px 15px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n.reactist_button--primary.reactist_button--small,\n.reactist_button--secondary.reactist_button--small,\n.reactist_button--danger.reactist_button--small {\n padding: 5px 10px;\n}\n.reactist_button--primary.reactist_button--large,\n.reactist_button--secondary.reactist_button--large,\n.reactist_button--danger.reactist_button--large {\n padding: 10px 15px;\n}\n.reactist_button--primary {\n background-color: #3f82ef;\n color: white;\n}\n.reactist_button--primary:not([disabled]):hover {\n background-color: #3b7be2;\n}\n.reactist_button--danger {\n background-color: #de4c4a;\n color: white;\n}\n.reactist_button--danger:not([disabled]):hover {\n background-color: #cf2826;\n}\n.reactist_button--secondary {\n background-color: white;\n color: #202020;\n border-color: #dcdcdc;\n}\n.reactist_button--secondary:not([disabled]):hover {\n background-color: #f9f9f9;\n}\n.reactist_button--link {\n color: #3f82ef;\n text-decoration: none;\n}\n.reactist_button--link:disabled {\n color: #808080;\n}\n.reactist_button--link:not(:disabled):hover {\n text-decoration: underline;\n}\n.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large) {\n font-size: inherit;\n}\n.reactist_button--primary.reactist_button--loading,\n.reactist_button--secondary.reactist_button--loading,\n.reactist_button--danger.reactist_button--loading {\n cursor: progress !important;\n}\n.reactist_button--primary.reactist_button--loading:after,\n.reactist_button--secondary.reactist_button--loading:after,\n.reactist_button--danger.reactist_button--loading:after {\n background-repeat: no-repeat;\n background-size: 15px;\n content: '';\n display: inline-block;\n height: 15px;\n margin-left: 12px;\n vertical-align: middle;\n width: 15px;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-name: reactistRotateRight;\n animation-timing-function: linear;\n color: #ffffff;\n background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_button--secondary.reactist_button--loading {\n border-color: #dcdcdc;\n background-color: #dcdcdc;\n color: #808080;\n}\n@keyframes reactistRotateRight {\n from {\n transform: rotate(0deg);\n transform-origin: center center;\n }\n to {\n transform: rotate(360deg);\n transform-origin: center center;\n }\n}\n","",{version:3,sources:["webpack://src/components/button/button.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,eAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,UAAA;AADJ;AAGI;EACI,YAAA;EACA,mBAAA;AADR;AAII;ECgCA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADjCJ;AAEI;;;ECoBA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDnBI,sBAAA;EACA,iBAAA;EACA,oCAAA;EACA,kBAAA;AAGR;AAFQ;;;EACI,iBAAA;AAMZ;AAJQ;;;EACI,kBAAA;AAQZ;AAJI;EACI,yBAAA;EACA,YAAA;AAMR;AAJQ;EACI,yBAAA;AAMZ;AAFI;EACI,yBAAA;EACA,YAAA;AAIR;AAFQ;EACI,yBAAA;AAIZ;AAAI;EACI,uBAAA;EACA,cAAA;EACA,qBAAA;AAER;AAAQ;EACI,yBAAA;AAEZ;AAEI;EACI,cAAA;EACA,qBAAA;AAAR;AAEQ;EACI,cAAA;AAAZ;AAGQ;EACI,0BAAA;AADZ;AAIQ;EACI,kBAAA;AAFZ;AAUQ;;;EACI,2BAAA;AANZ;AAOY;;;EACI,4BAAA;EACA,qBAAA;EACA,WAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;EACA,WAAA;EACA,sBAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EACA,cAAA;EACA,yDAAA;AAHhB;AAUI;EACI,qBAAA;EACA,yBAAA;EACA,cAAA;AARR;AAaA;EACI;IACI,uBAAA;IACA,+BAAA;EAXN;EAcE;IACI,yBAAA;IACA,+BAAA;EAZN;AACF",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_button {\n cursor: pointer;\n user-select: none;\n color: inherit;\n border: none;\n background-color: transparent;\n padding: 0;\n\n &[aria-disabled='true'] {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n &--small {\n .smaller_text();\n }\n\n &--primary,\n &--secondary,\n &--danger {\n .normal_text();\n box-sizing: border-box;\n padding: 5px 15px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n &.reactist_button--small {\n padding: 5px 10px;\n }\n &.reactist_button--large {\n padding: 10px 15px;\n }\n }\n\n &--primary {\n background-color: @primary_color;\n color: white;\n\n &:not([disabled]):hover {\n background-color: @primary_color_darker;\n }\n }\n\n &--danger {\n background-color: @color_red;\n color: white;\n\n &:not([disabled]):hover {\n background-color: darken(@color_red, 10%);\n }\n }\n\n &--secondary {\n background-color: white;\n color: @primary_font_color;\n border-color: @color_border_grey;\n\n &:not([disabled]):hover {\n background-color: @color_grey_9;\n }\n }\n\n &--link {\n color: @primary_color;\n text-decoration: none;\n\n &:disabled {\n color: @secondary_font_color;\n }\n\n &:not(:disabled):hover {\n text-decoration: underline;\n }\n\n &:not(&--small):not(&--large) {\n font-size: inherit;\n }\n }\n\n // loading-like buttons are only supported for the primary, secondary and danger variants\n &--primary,\n &--secondary,\n &--danger {\n &.reactist_button--loading {\n cursor: progress !important;\n &:after {\n background-repeat: no-repeat;\n background-size: 15px;\n content: '';\n display: inline-block;\n height: 15px;\n margin-left: 12px;\n vertical-align: middle;\n width: 15px;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-name: reactistRotateRight;\n animation-timing-function: linear;\n color: #ffffff;\n background-image: url('../icons/spinner.svg');\n }\n }\n }\n\n // we treat secondary buttons differently because the loading indicator is white\n // TODO: make the loading indicator color adaptable from the outside using SVG currentColor\n &--secondary.reactist_button--loading {\n border-color: @color_border_grey;\n background-color: @color_border_grey;\n color: @secondary_font_color;\n }\n}\n\n// Animation used by the busy state of a button\n@keyframes reactistRotateRight {\n from {\n transform: rotate(0deg);\n transform-origin: center center;\n }\n\n to {\n transform: rotate(360deg);\n transform-origin: center center;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2775:function(module,exports){module.exports="data:image/svg+xml,export default __webpack_public_path__ + 'static/media/spinner.0a24d9f7.svg';"},2776:function(module,exports,__webpack_require__){var content=__webpack_require__(2777);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2777:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tooltip {\n font-size: 0.81rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.6;\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n padding: 5px 10px;\n background-color: #333333;\n color: white;\n border: none;\n border-radius: 3px;\n z-index: 1000;\n}\n","",{version:3,sources:["webpack://src/components/tooltip/tooltip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAIA;EC2CI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5CA,kBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;AAAJ",sourcesContent:["@import '../styles/constants.less';\n\n@tooltip_background: @color_almost_black;\n\n.reactist_tooltip {\n .smaller_text();\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n padding: 5px 10px;\n background-color: @tooltip_background;\n color: white;\n border: none;\n border-radius: 3px;\n z-index: @z-index-tooltip;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2778:function(module,exports,__webpack_require__){var content=__webpack_require__(2779);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2779:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_checkbox {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n}\n.reactist_checkbox:hover {\n cursor: pointer;\n}\n.reactist_checkbox .reactist_checkbox--input {\n margin-right: 10px;\n}\n","",{version:3,sources:["webpack://src/components/checkbox/checkbox.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrCJ;AADI;EACI,eAAA;AAGR;AANA;EAOQ,kBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_checkbox {\n .normal_text();\n &:hover {\n cursor: pointer;\n }\n\n .reactist_checkbox--input {\n margin-right: 10px;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2783:function(module,exports,__webpack_require__){var content=__webpack_require__(2784);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2784:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_color_picker .color_trigger {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n background-size: 24px;\n}\n.reactist_color_picker .color_trigger--inner_ring {\n background-color: rgba(0, 0, 0, 0.1);\n width: 14px;\n height: 14px;\n border-radius: 50%;\n visibility: hidden;\n}\n.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring {\n visibility: visible;\n}\n.reactist_color_picker .color_trigger.small {\n height: 18px;\n width: 18px;\n}\n.reactist_color_picker .color_trigger.small .color_trigger--inner_ring {\n width: 12px;\n height: 12px;\n}\n.reactist_color_picker .color_item {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 4px;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n cursor: pointer;\n}\n.reactist_color_picker .color_item--inner_ring {\n background-color: transparent;\n border: 2px solid white;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n visibility: hidden;\n}\n.reactist_color_picker .color_item:hover .color_item--inner_ring {\n visibility: visible;\n}\n.reactist_color_picker .color_item.active {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n}\n.reactist_color_picker .color_options {\n padding: 6px;\n display: flex;\n flex-wrap: wrap;\n width: 164px;\n position: relative;\n}\n.reactist_color_picker .with_arrow:after,\n.reactist_color_picker .with_arrow:before {\n visibility: hidden;\n}\n","",{version:3,sources:["webpack://src/components/color-picker/color-picker.less"],names:[],mappings:"AAEA;EAEQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EAEA,yYAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;AAHR;AAKQ;EACI,oCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAHZ;AAKQ;EAEQ,mBAAA;AAJhB;AAQQ;EACI,YAAA;EACA,WAAA;AANZ;AAIQ;EAKQ,WAAA;EACA,YAAA;AANhB;AA7BA;EAyCQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;AATZ;AAWQ;EAEQ,mBAAA;AAVhB;AAcQ;EACI,6bAAA;EACA,2BAAA;EACA,4BAAA;AAZZ;AAxDA;EAyEQ,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AAdR;AA/DA;;EAkFQ,kBAAA;AAfR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_color_picker {\n .color_trigger {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n cursor: pointer;\n\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n background-size: 24px;\n\n &--inner_ring {\n background-color: rgba(0, 0, 0, 0.1);\n width: 14px;\n height: 14px;\n border-radius: 50%;\n visibility: hidden;\n }\n &:hover {\n .color_trigger--inner_ring {\n visibility: visible;\n }\n }\n\n &.small {\n height: 18px;\n width: 18px;\n\n .color_trigger--inner_ring {\n width: 12px;\n height: 12px;\n }\n }\n }\n\n .color_item {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 4px;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n cursor: pointer;\n\n &--inner_ring {\n background-color: transparent;\n border: 2px solid white;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n visibility: hidden;\n }\n &:hover {\n .color_item--inner_ring {\n visibility: visible;\n }\n }\n\n &.active {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n }\n }\n\n .color_options {\n padding: 6px;\n display: flex;\n flex-wrap: wrap;\n width: 164px; // 4 * 32 + 3 * 8 + 2 * 6\n position: relative;\n }\n\n .with_arrow:after,\n .with_arrow:before {\n visibility: hidden;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2785:function(module,exports,__webpack_require__){var content=__webpack_require__(2786);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2786:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_dropdown .trigger {\n cursor: pointer;\n display: block;\n}\n.reactist_dropdown .body {\n border-radius: 3px;\n border: 1px solid #dcdcdc;\n overflow: hidden;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n z-index: 1;\n background-color: #fff;\n}\n.reactist_dropdown hr {\n border: none;\n height: 1px;\n background-color: #dcdcdc;\n margin: 0 5px;\n}\n.reactist_dropdown .with_arrow:after,\n.reactist_dropdown .with_arrow:before {\n z-index: 1;\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px;\n right: 14px;\n}\n.reactist_dropdown .with_arrow:after {\n top: -11px;\n border-color: transparent transparent #fff transparent;\n}\n.reactist_dropdown .with_arrow:before {\n top: -12px;\n border-color: transparent transparent #dcdcdc transparent;\n}\n.reactist_dropdown .with_arrow.top:after {\n top: -1px;\n border-color: #fff transparent transparent transparent;\n}\n.reactist_dropdown .with_arrow.top:before {\n top: -1px;\n right: 13px;\n border-width: 7px;\n border-color: #dcdcdc transparent transparent transparent;\n}\n","",{version:3,sources:["webpack://src/components/dropdown/dropdown.less"],names:[],mappings:"AAEA;EAEQ,eAAA;EACA,cAAA;AAFR;AADA;EAOQ,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,2CAAA;EACA,UAAA;EACA,sBAAA;AAHR;AATA;EAgBQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAJR;AAfA;;EAwBQ,UAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;AALR;AA3BA;EAoCQ,UAAA;EACA,sDAAA;AANR;AA/BA;EAyCQ,UAAA;EACA,yDAAA;AAPR;AAnCA;EA8CQ,SAAA;EACA,sDAAA;AARR;AAvCA;EAmDQ,SAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_dropdown {\n .trigger {\n cursor: pointer;\n display: block;\n }\n\n .body {\n border-radius: 3px;\n border: 1px solid @color_border_grey;\n overflow: hidden;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n z-index: 1;\n background-color: #fff;\n }\n\n hr {\n border: none;\n height: 1px;\n background-color: @color_border_grey;\n margin: 0 5px;\n }\n\n .with_arrow:after,\n .with_arrow:before {\n z-index: 1;\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px;\n right: 14px;\n }\n\n .with_arrow:after {\n top: -11px;\n border-color: transparent transparent #fff transparent;\n }\n\n .with_arrow:before {\n top: -12px;\n border-color: transparent transparent @color_border_grey transparent;\n }\n\n .with_arrow.top:after {\n top: -1px;\n border-color: #fff transparent transparent transparent;\n }\n\n .with_arrow.top:before {\n top: -1px;\n right: 13px;\n border-width: 7px;\n border-color: @color_border_grey transparent transparent transparent;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2787:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DropdownStory",(function(){return DropdownStory})),__webpack_require__.d(__webpack_exports__,"InteractiveDropdownStory",(function(){return InteractiveDropdownStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__),_src_components_dropdown__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(115),_src_components_button__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(16);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 (\n
\n \n \n \n \n \n
\n

Dropdown Content

\n
    \n
  • You can add anything
    • \n
  • you want to a dropdown
    • \n
  • (e.g. lists and headings)
    • \n
\n
\n \n \n
\n)'}},DropdownStory.parameters),InteractiveDropdownStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n \n \n \n \n \n
\n

Wow this is interactive

\n
    \n
  • Click outside
    • \n
  • to close this
    • \n
\n
\n \n \n
\n)'}},InteractiveDropdownStory.parameters)},2788:function(module,exports,__webpack_require__){var content=__webpack_require__(2789);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2789:function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__(26),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__(968),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__(2790),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_error_message {\n padding: 10px 10px 0 10px;\n margin-bottom: 10px;\n background-color: #f8d9d8;\n border: 1px solid #de4c4a;\n}\n.reactist_error_message p {\n font-size: 0.875rem;\n color: #de4c4a;\n font-weight: 400;\n line-height: 1.7;\n margin: 0 0 10px 0;\n}\n.reactist_error_message .dismiss_icon {\n height: 20px;\n width: 20px;\n background-repeat: no-repeat;\n background-position: center;\n background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n float: right;\n position: relative;\n top: -30px;\n}\n.reactist_error_message .dismiss_icon:hover {\n cursor: pointer;\n}\n","",{version:3,sources:["webpack://src/components/error-message/error-message.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,yBAAA;EACA,mBAAA;EACA,yBAAA;EACA,yBAAA;AADJ;AAHA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDhCI,kBAAA;AAER;AAVA;EAYQ,YAAA;EACA,WAAA;EACA,4BAAA;EACA,2BAAA;EACA,yDAAA;EACA,YAAA;EACA,kBAAA;EACA,UAAA;AACR;AAAQ;EACI,eAAA;AAEZ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_error_message {\n padding: 10px 10px 0 10px;\n margin-bottom: 10px;\n background-color: lighten(@color_red, 33%);\n border: 1px solid @color_red;\n\n p {\n .normal_text(@color: @color_red);\n margin: 0 0 10px 0;\n }\n\n .dismiss_icon {\n height: 20px;\n width: 20px;\n background-repeat: no-repeat;\n background-position: center;\n background-image: url('../icons/close_red.svg');\n float: right;\n position: relative;\n top: -30px;\n &:hover {\n cursor: pointer;\n }\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2790:function(module,exports){module.exports="data:image/svg+xml,export default __webpack_public_path__ + 'static/media/close_red.d30aacaf.svg';"},2791:function(module,exports,__webpack_require__){var content=__webpack_require__(2792);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2792:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_icon {\n flex: 0 0 auto;\n display: block;\n width: 40px;\n height: 40px;\n background-size: 25px;\n background-position: center;\n background-repeat: no-repeat;\n}\n.reactist_icon.disabled {\n opacity: 0.4;\n}\n.reactist_icon--component {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","",{version:3,sources:["webpack://src/components/icon/icon.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,2BAAA;EACA,4BAAA;AACJ;AACI;EACI,YAAA;AACR;AAEI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;AAAR",sourcesContent:[".reactist_icon {\n flex: 0 0 auto;\n display: block;\n width: 40px;\n height: 40px;\n background-size: 25px;\n background-position: center;\n background-repeat: no-repeat;\n\n &.disabled {\n opacity: 0.4;\n }\n\n &--component {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2793:function(module,exports,__webpack_require__){var content=__webpack_require__(2794);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2794:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story-info {\n color: #565d6b;\n font-size: 14px;\n line-height: 1.5;\n margin-bottom: 50px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/input_story.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AACJ",sourcesContent:[".story-info {\n color: rgb(86, 93, 107);\n font-size: 14px;\n line-height: 1.5;\n margin-bottom: 50px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2795:function(module,exports,__webpack_require__){var content=__webpack_require__(2796);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2796:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_input {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n box-sizing: border-box;\n width: 100%;\n display: block;\n outline: none;\n border: 1px solid #dcdcdc;\n border-radius: 3px;\n padding: 5px 10px;\n margin: 0;\n}\n.reactist_input:focus {\n border-color: #3f82ef;\n}\n.reactist_input:disabled {\n background-color: #fafafa;\n}\n","",{version:3,sources:["webpack://src/components/input/input.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,sBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;AAEJ;AAAI;EACI,qBAAA;AAER;AAAI;EACI,yBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_input {\n .normal_text();\n box-sizing: border-box;\n width: 100%;\n display: block;\n outline: none;\n border: 1px solid @color_border_grey;\n border-radius: 3px;\n padding: 5px 10px;\n margin: 0;\n\n &:focus {\n border-color: @primary_color;\n }\n &:disabled {\n background-color: @color_grey_11;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2797:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__(47),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(0);var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(2),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(57);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=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_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__.c,{title:"Components/KeyCapturer",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"component-documentation"},"Component Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"documentation"},"Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Use this component to wrap anything you want to handle key events for (e.g. an input)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can specify the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"eventName")," to capture (defaults to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onKeyDown"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Check the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"SUPPORTED_KEYS")," map to see which keys are supported and supply the respective ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"on\\${Key}")," prop (i.e. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onArrowDown"),"). Note that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," handler will not fire when used in an IME composition session to prevent interference with the user's input."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you want the default behaviour to be preserved (i.e. only want to hook into the event instead of replacing it) set the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagate\\${Key}")," prop (e.g. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagateBackspace"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Example of an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},""))," handling normal keystrokes by acting on ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onChange")," as well as on enter and backspace presses with dedicated handlers. By propagating the backspace key users are still able to delete the last typed character while you can also implement additional logic on top."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"\n \n\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Components/KeyCapturer",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_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},2798:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"KeyboardShortcutPlaygroundStory",(function(){return KeyboardShortcutPlaygroundStory}));__webpack_require__(961),__webpack_require__(475),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(681),_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_14__=(__webpack_require__(2799),__webpack_require__(487));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 _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__webpack_exports__.default={title:"Components/KeyboardShortcut"};var KeyboardShortcutPlaygroundStory=function KeyboardShortcutPlaygroundStory(args){var shortcut=args.shortcut.length>1?args.shortcut:args.shortcut[0]||"";return react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("section",{className:"story"},react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("pre",null,react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("code",null,"",react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("br",null),"  ","string"==typeof shortcut?shortcut:react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_11___default.a.Fragment,null,"{",JSON.stringify(shortcut),"}"),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("br",null),"")),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("strong",null,"On macOS:"),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_14__.a,{isMac:!0},shortcut)),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("strong",null,"Elsewhere:"),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_14__.a,{isMac:!1},shortcut)))};KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.args={shortcut:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_12__.a)("Shortcut","Cmd + Alt + Shift + E, q").split(/\s*,\s*/)},KeyboardShortcutPlaygroundStory.argTypes={shortcut:{control:{type:"text"}}},KeyboardShortcutPlaygroundStory.parameters=function _objectSpread(target){for(var i=1;i {\n const shortcut = args.shortcut.length > 1 ? args.shortcut : args.shortcut[0] || ''\n\n return (\n
\n 
\n                \n                    <KeyboardShortcut>\n                    
\n                      \n                    {typeof shortcut === 'string' ? (\n                        shortcut\n                    ) : (\n                        <>\n                            {'{'}\n                            {JSON.stringify(shortcut)}\n                            {'}'}\n                        \n                    )}\n                    
\n                    </KeyboardShortcut>\n                \n
\n

\n On macOS:\n {shortcut}\n

\n

\n Elsewhere:\n {shortcut}\n

\n
\n )\n}"}},KeyboardShortcutPlaygroundStory.parameters);try{KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.__docgenInfo={description:"",displayName:"KeyboardShortcutPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"]={docgenInfo:KeyboardShortcutPlaygroundStory.__docgenInfo,name:"KeyboardShortcutPlaygroundStory",path:"stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2799:function(module,exports,__webpack_require__){var content=__webpack_require__(2800);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2800:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_keyboard_shortcut {\n font: 11px Menlo, monospace;\n}\n.reactist_keyboard_shortcut > kbd > kbd {\n display: inline-block;\n padding: 3px 5px;\n margin: 0 2px;\n line-height: normal;\n line-height: 10px;\n color: #202020;\n vertical-align: middle;\n background-color: #fafafa;\n border: 1px solid #dcdcdc;\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 #dcdcdc;\n}\n","",{version:3,sources:["webpack://src/components/keyboard-shortcut/keyboard-shortcut.less"],names:[],mappings:"AAEA;EACI,2BAAA;AADJ;AAAA;EAGQ,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;EACA,kCAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_keyboard_shortcut {\n font: 11px Menlo, monospace;\n > kbd > kbd {\n display: inline-block;\n padding: 3px 5px;\n margin: 0 2px;\n line-height: normal;\n line-height: 10px;\n color: @primary_font_color;\n vertical-align: middle;\n background-color: @color_grey_11;\n border: 1px solid @color_border_grey;\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 @color_border_grey;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2804:function(module,exports,__webpack_require__){var content=__webpack_require__(2805);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2805:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.loading .spinner--white {\n background-color: #3f82ef;\n}\n","",{version:3,sources:["webpack://stories/components/styles/loading_story.less"],names:[],mappings:"AAAA;EAEQ,yBAAA;AAAR",sourcesContent:[".story.loading {\n .spinner--white {\n background-color: #3f82ef;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2806:function(module,exports,__webpack_require__){var content=__webpack_require__(2807);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2807:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,"@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.reactist_loading {\n display: flex;\n align-items: center;\n justify-items: center;\n align-content: center;\n justify-content: center;\n flex: 1 1 auto;\n}\n.reactist_loading .reactist_loading--spinner svg {\n animation-name: spinner;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n}\n","",{version:3,sources:["webpack://src/components/styles/animations.less","webpack://src/components/loading/loading.less"],names:[],mappings:"AAAA;EACI;IACI,UAAA;ECCN;EDCE;IACI,UAAA;ECCN;AACF;ADEA;EACI;IACI,uBAAA;ECAN;EDEE;IACI,yBAAA;ECAN;AACF;AAbA;EACI,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;EACA,cAAA;AAeJ;AArBA;EASQ,uBAAA;EACA,wBAAA;EACA,mCAAA;EACA,iCAAA;AAeR",sourcesContent:["@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n","@import '../styles/animations.less';\n\n.reactist_loading {\n display: flex;\n align-items: center;\n justify-items: center;\n align-content: center;\n justify-content: center;\n flex: 1 1 auto;\n\n .reactist_loading--spinner svg {\n animation-name: spinner;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2808:function(module,exports,__webpack_require__){var content=__webpack_require__(2809);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2809:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story {\n font-family: Arial;\n}\n.story button[aria-haspopup='menu'] svg {\n fill: currentcolor;\n width: 0.65em;\n height: 0.65em;\n margin-left: 0.5em;\n}\n.story ul {\n list-style: none;\n padding: 0;\n}\n.story .item_box {\n min-width: 300px;\n display: flex;\n border: 1px solid grey;\n padding: 4px 10px;\n margin: 4px 0;\n user-select: none;\n}\n.story .item_box:hover {\n background-color: #efefef;\n}\n.story .item_box.menu_open {\n background-color: #cfcfcf;\n}\n.story .item_box .item_name {\n flex: 1;\n display: flex;\n align-items: center;\n}\n.story .menu_item_icon {\n padding-right: 10px;\n}\n.story .menu_item_label {\n flex: 1;\n}\n","",{version:3,sources:["webpack://stories/components/styles/menu_story.less"],names:[],mappings:"AAAA;EACI,kBAAA;AACJ;AAFA;EAIQ,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;AACR;AARA;EAUQ,gBAAA;EACA,UAAA;AACR;AAZA;EAcQ,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,aAAA;EACA,iBAAA;AACR;AAAQ;EACI,yBAAA;AAEZ;AAAQ;EACI,yBAAA;AAEZ;AA1BA;EA2BY,OAAA;EACA,aAAA;EACA,mBAAA;AAEZ;AA/BA;EAkCQ,mBAAA;AAAR;AAlCA;EAsCQ,OAAA;AADR",sourcesContent:[".story {\n font-family: Arial;\n\n button[aria-haspopup='menu'] svg {\n fill: currentcolor;\n width: 0.65em;\n height: 0.65em;\n margin-left: 0.5em;\n }\n ul {\n list-style: none;\n padding: 0;\n }\n .item_box {\n min-width: 300px;\n display: flex;\n border: 1px solid grey;\n padding: 4px 10px;\n margin: 4px 0;\n user-select: none;\n &:hover {\n background-color: #efefef;\n }\n &.menu_open {\n background-color: #cfcfcf;\n }\n .item_name {\n flex: 1;\n display: flex;\n align-items: center;\n }\n }\n\n .menu_item_icon {\n padding-right: 10px;\n }\n\n .menu_item_label {\n flex: 1;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2845:function(module,exports,__webpack_require__){var content=__webpack_require__(2846);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2846:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_menulist[role='menu'] {\n display: block;\n white-space: nowrap;\n background: hsla(0, 0%, 100%, 0.99);\n outline: none;\n font-size: 0.81rem;\n padding: 4px 0;\n min-width: 180px;\n border: 1px solid #dcdcdc;\n border-radius: 3px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menu'] .reactist_menugroup__label {\n user-select: none;\n outline: none;\n text-align: left;\n display: flex;\n align-items: center;\n padding: 5px 10px;\n color: inherit;\n border: none;\n background-color: transparent;\n}\n.reactist_menulist[role='menu'] .reactist_menugroup__label {\n color: #808080;\n font-size: 0.75rem;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button {\n padding-right: 16px;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 4px 0 4px 6px;\n border-color: transparent #808080;\n display: block;\n width: 0;\n right: 6px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'] {\n width: 100%;\n box-sizing: border-box;\n}\n.reactist_menulist[role='menu'] [role='menuitem']:focus,\n.reactist_menulist[role='menu'] [role='menuitem'][aria-expanded='true'] {\n color: #202020;\n background-color: #ececec;\n}\n.reactist_menulist[role='menu'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menu'] [role='menuitem']:disabled {\n color: #808080;\n pointer-events: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem'] {\n cursor: default;\n text-decoration: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem']:hover {\n text-decoration: none;\n}\n.reactist_menulist[role='menu'] [role='menu'] {\n margin-top: -5px;\n}\n.reactist_menulist[role='menu'] hr {\n border: none;\n height: 1px;\n background-color: #dcdcdc;\n margin: 4px 0;\n}\n","",{version:3,sources:["webpack://src/components/menu/menu.less"],names:[],mappings:"AAEA;EACI,cAAA;EACA,mBAAA;EACA,mCAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,kBAAA;AADJ;AARA;;EAaQ,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;AADR;AApBA;EAyBQ,cAAA;EACA,kBAAA;AAFR;AAxBA;EA8BQ,mBAAA;AAHR;AA3BA;EAkCQ,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,2BAAA;EACA,iCAAA;EACA,cAAA;EACA,QAAA;EACA,UAAA;AAJR;AArCA;EA6CQ,WAAA;EACA,sBAAA;AALR;AAMQ;;EAEI,cAAA;EACA,yBAAA;AAJZ;AAMQ;;EAEI,cAAA;EACA,oBAAA;AAJZ;AAnDA;EA4DQ,eAAA;EACA,qBAAA;AANR;AAOQ;EACI,qBAAA;AALZ;AA1DA;EAqEQ,gBAAA;AARR;AA7DA;EAyEQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_menulist[role='menu'] {\n display: block;\n white-space: nowrap;\n background: hsla(0, 100%, 100%, 0.99);\n outline: none;\n font-size: @smaller_font_size;\n padding: 4px 0;\n min-width: 180px;\n border: 1px solid @color_border_grey;\n border-radius: 3px;\n\n [role='menuitem'],\n .reactist_menugroup__label {\n user-select: none;\n outline: none;\n text-align: left;\n display: flex;\n align-items: center;\n padding: 5px 10px;\n color: inherit;\n border: none;\n background-color: transparent;\n }\n\n .reactist_menugroup__label {\n color: @secondary_font_color;\n font-size: @tiny_font_size;\n }\n\n .reactist_submenu_button {\n padding-right: 16px;\n }\n\n .reactist_submenu_button::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 4px 0 4px 6px;\n border-color: transparent @secondary_font_color;\n display: block;\n width: 0;\n right: 6px;\n }\n\n [role='menuitem'] {\n width: 100%;\n box-sizing: border-box;\n &:focus,\n &[aria-expanded='true'] {\n color: @primary_font_color;\n background-color: @color_grey_10;\n }\n &[aria-disabled='true'],\n &:disabled {\n color: @secondary_font_color;\n pointer-events: none;\n }\n }\n\n a[role='menuitem'] {\n cursor: default;\n text-decoration: none;\n &:hover {\n text-decoration: none;\n }\n }\n\n // sub-menus need to be shifted a bit towards the top to be aligned with its menu item\n [role='menu'] {\n margin-top: -5px;\n }\n\n hr {\n border: none;\n height: 1px;\n background-color: @color_border_grey;\n margin: 4px 0;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2847:function(module,exports,__webpack_require__){var content=__webpack_require__(2848);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2848:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,"[id$='-modal--modal-playground-story'] .reactist_overlay {\n position: inherit;\n}\n","",{version:3,sources:["webpack://stories/components/styles/modal_story.less"],names:[],mappings:"AAKQ;EACI,iBAAA;AAJZ",sourcesContent:["// We don't want the modal playground to be fixed and in the centre for the docs tab\n// The selector targets just the suffix of the story's id in case we change our\n// stories' hierarchy in the future\n[id$='-modal--modal-playground-story'] {\n .reactist {\n &_overlay {\n position: inherit;\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2849:function(module,exports,__webpack_require__){var content=__webpack_require__(2850);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},285:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),CloseIcon=function CloseIcon(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path",{fill:"gray",fillRule:"evenodd",d:"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"}))};CloseIcon.displayName="CloseIcon",__webpack_exports__.a=CloseIcon},2850:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,"@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.reactist_overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n display: flex;\n justify-content: center;\n background: rgba(0, 0, 0, 0.7);\n overflow: auto;\n animation: fadein 0.25s;\n}\n.reactist_overlay_inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 40px 0;\n width: 100%;\n}\n.reactist_modal_box {\n display: flex;\n flex-direction: column;\n overflow: auto;\n overflow-x: hidden;\n width: 580px;\n border-radius: 3px;\n box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);\n}\n.reactist_modal_box.medium {\n width: 680px;\n}\n.reactist_modal_box.large {\n width: 60%;\n max-width: 1000px;\n}\n@media only screen and (max-width: 992px) {\n .reactist_modal_box.large {\n width: calc(100% - 80px);\n }\n}\n@media only screen and (max-width: 992px) {\n .reactist_modal_box {\n width: calc(100% - 80px);\n max-width: 580px;\n }\n}\n.reactist_modal_box__header {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n background-color: #f9f9f9;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-bottom: 1px solid #fafafa;\n}\n.reactist_modal_box__header p {\n margin: 0 0 0 25px;\n padding: 10px 0;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 700;\n line-height: 1.7;\n}\n.reactist_modal_box__header .title {\n font-size: 1rem;\n color: #202020;\n font-weight: 700;\n line-height: 1.8;\n display: block;\n margin-top: 5px;\n}\n.reactist_modal_box__header .subtitle {\n font-size: 0.81rem;\n color: #808080;\n font-weight: 400;\n line-height: 1.6;\n display: block;\n margin-top: 5px;\n}\n.reactist_modal_box__header a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 46px;\n height: 46px;\n margin-left: auto;\n margin-right: 8px;\n}\n.reactist_modal_box__body {\n flex-grow: 1;\n overflow: auto;\n padding: 20px 25px 25px 25px;\n background-color: white;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n}\n.reactist_modal_box__body.plain {\n padding: 0;\n}\n.reactist_modal_box__body .dialog {\n overflow: auto;\n}\n.reactist_modal_box__body .dialog .reactist_icon {\n width: 42px;\n float: left;\n margin-right: 20px;\n}\n.reactist_modal_box__body .dialog .reactist_icon > * {\n max-height: 42px;\n max-width: 100%;\n}\n.reactist_modal_box__body .dialog .content {\n float: right;\n width: calc(100% - 62px);\n}\n.reactist_modal_box__body .dialog .content h1 {\n margin: 0;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 700;\n line-height: 1.7;\n line-height: 1;\n}\n.reactist_modal_box__body:after {\n clear: both;\n content: '';\n display: block;\n}\n.reactist_modal_box__body .close {\n float: right;\n}\n.reactist_modal_box__actions {\n display: flex;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: 20px 25px;\n background-color: white;\n border-top: 1px solid #ececec;\n}\n.reactist_modal_box__actions button {\n margin-left: 10px;\n}\n","",{version:3,sources:["webpack://src/components/styles/animations.less","webpack://src/components/modal/modal.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAAA;EACI;IACI,UAAA;ECCN;EDCE;IACI,UAAA;ECCN;AACF;ADEA;EACI;IACI,uBAAA;ECAN;EDEE;IACI,yBAAA;ECAN;AACF;AAXI;EACI,eAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,UAAA;EACA,aAAA;EACA,uBAAA;EACA,8BAAA;EACA,cAAA;EACA,uBAAA;AAaR;AAXQ;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;AAaZ;AATI;EACI,aAAA;EACA,sBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;EACA,kBAAA;EACA,+CAAA;AAWR;AATQ;EACI,YAAA;AAWZ;AARQ;EACI,UAAA;EACA,iBAAA;AAUZ;AARY;EAAA;IACI,wBAAA;EAWd;AACF;AARQ;EAAA;IACI,wBAAA;IACA,gBAAA;EAWV;AACF;AARI;EACI,aAAA;EACA,cAAA;EACA,mBAAA;EACA,yBAAA;EACA,2BAAA;EACA,4BAAA;EACA,gCAAA;AAUR;AAjBI;EAUQ,kBAAA;EACA,eAAA;EC3BR,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADsCJ;AAzBI;ECxBA,eAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDsCQ,cAAA;EACA,eAAA;AAeZ;AAjCI;ECRA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED4BQ,cAAA;EACA,eAAA;AAiBZ;AAzCI;EA4BQ,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,iBAAA;AAgBZ;AAZI;EACI,YAAA;EACA,cAAA;EACA,4BAAA;EACA,uBAAA;EC1DJ,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADyEJ;AAfQ;EACI,UAAA;AAiBZ;AAzBI;EAYQ,cAAA;AAgBZ;AA5BI;EAeY,WAAA;EACA,WAAA;EACA,kBAAA;AAgBhB;AAdgB;EACI,gBAAA;EACA,eAAA;AAgBpB;AArCI;EA0BY,YAAA;EAEA,wBAAA;AAahB;AAzCI;EAgCgB,SAAA;ECtFhB,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDqFgB,cAAA;AAepB;AATQ;EACI,WAAA;EACA,WAAA;EACA,cAAA;AAWZ;AAtDI;EA+CQ,YAAA;AAUZ;AANI;EACI,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;EACA,uBAAA;EACA,6BAAA;AAQR;AAdI;EASQ,iBAAA;AAQZ",sourcesContent:["@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n","@import '../styles/constants.less';\n@import '../styles/animations.less';\n\n.reactist {\n &_overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n display: flex;\n justify-content: center;\n background: rgba(0, 0, 0, 0.7);\n overflow: auto;\n animation: fadein 0.25s;\n\n &_inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 40px 0;\n width: 100%;\n }\n }\n\n &_modal_box {\n display: flex;\n flex-direction: column;\n overflow: auto;\n overflow-x: hidden;\n width: 580px;\n border-radius: 3px;\n box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);\n\n &.medium {\n width: 680px;\n }\n\n &.large {\n width: 60%;\n max-width: 1000px;\n\n @media @small_screen {\n width: calc(~'100% - 80px'); // 40px on each side (incl. top via padding)\n }\n }\n\n @media @small_screen {\n width: calc(~'100% - 80px'); // 40px on each side (incl. top via padding)\n max-width: 580px;\n }\n }\n\n &_modal_box__header {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n background-color: @color_grey_9;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-bottom: 1px solid @color_grey_11;\n\n p {\n margin: 0 0 0 25px;\n padding: 10px 0;\n .normal_text(@weight: @bold);\n }\n\n .title {\n .heading_two_text();\n display: block;\n margin-top: 5px;\n }\n\n .subtitle {\n .smaller_text(@color: @secondary_font_color);\n display: block;\n margin-top: 5px;\n }\n\n a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 46px;\n height: 46px;\n margin-left: auto;\n margin-right: 8px;\n }\n }\n\n &_modal_box__body {\n flex-grow: 1;\n overflow: auto;\n padding: 20px 25px 25px 25px;\n background-color: white;\n .normal_text();\n\n &.plain {\n padding: 0;\n }\n\n .dialog {\n overflow: auto; // contain the floating elements correctly\n\n .reactist_icon {\n width: 42px;\n float: left;\n margin-right: 20px;\n\n & > * {\n max-height: 42px;\n max-width: 100%;\n }\n }\n\n .content {\n float: right;\n // modal size minus the (icon + margin)\n width: calc(~'100% - 62px');\n\n // when used as dialog this can be used as header inside the modal body\n h1 {\n margin: 0;\n .normal_text(@weight: @bold);\n line-height: 1;\n }\n }\n }\n\n // used to clear the floating icon while still enabling scrolling\n &:after {\n clear: both;\n content: '';\n display: block;\n }\n\n .close {\n float: right;\n }\n }\n\n &_modal_box__actions {\n display: flex;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: 20px 25px;\n background-color: white;\n border-top: 1px solid @color_grey_10;\n\n button {\n margin-left: 10px;\n }\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2851:function(module,exports,__webpack_require__){var content=__webpack_require__(2852);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2852:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".notification-story-notification-dot {\n box-sizing: border-box;\n display: flex;\n width: 22px;\n padding-top: 4px;\n}\n.notification-story-notification-dot:before {\n content: '';\n display: block;\n background-color: #70bc1c;\n width: 8px;\n height: 8px;\n border-radius: 8px;\n}\n.notification-story-notification-container {\n width: 360px;\n max-width: none;\n}\n.notification-story-content {\n margin-left: 10px;\n}\n.notification-story-text {\n text-align: left;\n margin: 0 0 4px 0;\n color: #808080;\n}\n.notification-story-heading {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin: 0;\n color: #de4c4a;\n}\n.notification-story-avatar-container {\n margin-right: 12px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/notification_story.less"],names:[],mappings:"AAEA;EACI,sBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AADJ;AAGI;EACI,WAAA;EACA,cAAA;EACA,yBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AADR;AAKA;EACI,YAAA;EACA,eAAA;AAHJ;AAMA;EACI,iBAAA;AAJJ;AAOA;EACI,gBAAA;EACA,iBAAA;EACA,cAAA;AALJ;AAQA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,SAAA;EACA,cAAA;AANJ;AASA;EACI,kBAAA;AAPJ",sourcesContent:["@import '../../../src/components/styles/constants.less';\n\n.notification-story-notification-dot {\n box-sizing: border-box;\n display: flex;\n width: 22px;\n padding-top: 4px;\n\n &:before {\n content: '';\n display: block;\n background-color: @color_green;\n width: 8px;\n height: 8px;\n border-radius: 8px;\n }\n}\n\n.notification-story-notification-container {\n width: 360px;\n max-width: none;\n}\n\n.notification-story-content {\n margin-left: 10px;\n}\n\n.notification-story-text {\n text-align: left;\n margin: 0 0 4px 0;\n color: @secondary_font_color;\n}\n\n.notification-story-heading {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin: 0;\n color: @color_red;\n}\n\n.notification-story-avatar-container {\n margin-right: 12px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2853:function(module,exports,__webpack_require__){var content=__webpack_require__(2854);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2854:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist-notification {\n display: flex;\n position: relative;\n font-size: 0.875rem;\n}\n.reactist-notification:not(.reactist-notification--with-button) {\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-start;\n padding: 10px 14px;\n border: 1px solid #dcdcdc;\n border-radius: 5px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n background: #fff;\n}\n.reactist-notification__button,\n.reactist-notification__close-button {\n border: 0;\n padding: 0;\n margin: 0;\n cursor: pointer;\n transition-property: background-color;\n transition-duration: 300ms;\n background: #fff;\n}\n.reactist-notification__button:hover,\n.reactist-notification__close-button:hover {\n background: #ececec;\n}\n.reactist-notification__button {\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-start;\n padding: 10px 14px;\n border: 1px solid #dcdcdc;\n border-radius: 5px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n background: #fff;\n display: flex;\n flex: 1;\n}\n.reactist-notification__button:hover + .reactist-notification__close-button {\n background: #ececec;\n}\n.reactist-notification__close-button {\n position: absolute;\n top: 8px;\n right: 8px;\n border-radius: 5px;\n}\n.reactist-notification__close-button > * {\n display: block;\n}\n.reactist-notification__icon-content-group {\n display: flex;\n flex: 1;\n}\n.reactist-notification--with-close-button .reactist-notification__icon-content-group {\n padding-right: 24px;\n}\n.reactist-notification__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.reactist-notification__title {\n margin: 0 0 3px 0;\n font-size: 0.875rem;\n text-align: left;\n}\n.reactist-notification__subtitle {\n font-size: 0.81rem;\n margin: 0;\n}\n","",{version:3,sources:["webpack://src/components/notification/notification.less"],names:[],mappings:"AAaA;EACI,aAAA;EACA,kBAAA;EACA,mBAAA;AAZJ;AAcI;EAfA,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;AAIJ;AASA;;EAEI,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,qCAAA;EACA,0BAAA;EACA,gBAAA;AAPJ;AASI;;EACI,mBAAA;AANR;AAUA;EAnCI,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;EA8BA,aAAA;EACA,OAAA;AADJ;AAGI;EACI,mBAAA;AADR;AAKA;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;AAHJ;AADA;EAOQ,cAAA;AAHR;AAOA;EACI,aAAA;EACA,OAAA;AALJ;AAQA;EAEQ,mBAAA;AAPR;AAWA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;AATJ;AAYA;EACI,iBAAA;EACA,mBAAA;EACA,gBAAA;AAVJ;AAaA;EACI,kBAAA;EACA,SAAA;AAXJ",sourcesContent:["@import '../styles/constants.less';\n\n.container-style() {\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-start;\n padding: 10px 14px;\n border: 1px solid @color_border_grey;\n border-radius: @default-radius;\n box-shadow: @default-box-shadow;\n background: #fff;\n}\n\n.reactist-notification {\n display: flex;\n position: relative;\n font-size: @normal_font_size;\n\n &:not(.reactist-notification--with-button) {\n .container-style();\n }\n}\n\n.reactist-notification__button,\n.reactist-notification__close-button {\n border: 0;\n padding: 0;\n margin: 0;\n cursor: pointer;\n transition-property: background-color;\n transition-duration: @standard-timing;\n background: #fff;\n\n &:hover {\n background: @color_grey_10;\n }\n}\n\n.reactist-notification__button {\n .container-style();\n display: flex;\n flex: 1;\n\n &:hover + .reactist-notification__close-button {\n background: @color_grey_10;\n }\n}\n\n.reactist-notification__close-button {\n position: absolute;\n top: 8px;\n right: 8px;\n border-radius: @default-radius;\n\n > * {\n display: block;\n }\n}\n\n.reactist-notification__icon-content-group {\n display: flex;\n flex: 1;\n}\n\n.reactist-notification--with-close-button {\n .reactist-notification__icon-content-group {\n padding-right: 24px;\n }\n}\n\n.reactist-notification__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.reactist-notification__title {\n margin: 0 0 3px 0;\n font-size: @normal_font_size;\n text-align: left;\n}\n\n.reactist-notification__subtitle {\n font-size: @smaller_font_size;\n margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2855:function(module,exports,__webpack_require__){var content=__webpack_require__(2856);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2856:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tip {\n width: 250px;\n padding: 10px 20px;\n}\n.reactist_tip__container {\n width: 20px;\n height: 20px;\n}\n.reactist_tip--title {\n margin: 0 0 10px 0;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 700;\n line-height: 1.7;\n}\n.reactist_tip--message {\n margin: 0;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n}\n","",{version:3,sources:["webpack://src/components/tip/tip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EAMI,YAAA;EACA,kBAAA;AANJ;AAAI;EACI,WAAA;EACA,YAAA;AAER;AAII;EACI,kBAAA;EC2BJ,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;AD5BJ;AACI;EACI,SAAA;ECuBJ,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrBJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_tip {\n &__container {\n width: 20px;\n height: 20px;\n }\n\n width: 250px;\n padding: 10px 20px;\n\n &--title {\n margin: 0 0 10px 0;\n .normal_text(@weight: @bold);\n }\n &--message {\n margin: 0;\n .normal_text();\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2857:function(module,exports,__webpack_require__){var content=__webpack_require__(2858);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2858:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n margin: 10px 0;\n}\n","",{version:3,sources:["webpack://stories/components/styles/progressbar_story.less"],names:[],mappings:"AAAA;EACI,cAAA;AACJ",sourcesContent:[".reactist_progress_bar {\n margin: 10px 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2859:function(module,exports,__webpack_require__){var content=__webpack_require__(2860);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2860:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n height: 4px;\n border-radius: 3px;\n background-color: #ececec;\n width: 100%;\n}\n.reactist_progress_bar .inner {\n height: inherit;\n border-radius: 4px;\n background-color: #70bc1c;\n}\n","",{version:3,sources:["webpack://src/components/progress-bar/progress-bar.less"],names:[],mappings:"AAEA;EACI,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;AADJ;AAHA;EAOQ,eAAA;EACA,kBAAA;EACA,yBAAA;AADR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_progress_bar {\n height: 4px;\n border-radius: 3px;\n background-color: @color_grey_10;\n width: 100%;\n\n .inner {\n height: inherit;\n border-radius: 4px;\n background-color: @color_green;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2861:function(module,exports,__webpack_require__){var content=__webpack_require__(2862);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2862:function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__(26),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__(968),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__(2863),___CSS_LOADER_URL_IMPORT_1___=__webpack_require__(2864),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___),___CSS_LOADER_URL_REPLACEMENT_1___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_range_input .range_btn {\n height: 30px;\n width: 30px;\n background-size: 20px;\n display: inline-block;\n background-position: center;\n background-repeat: no-repeat;\n}\n.reactist_range_input .range_btn.plus {\n background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_range_input .range_btn.minus {\n background-image: url("+___CSS_LOADER_URL_REPLACEMENT_1___+");\n}\n.reactist_range_input .range_btn:hover {\n cursor: pointer;\n}\n.reactist_range_input input[type='range'] {\n -webkit-appearance: none;\n width: 200px;\n height: 30px;\n}\n.reactist_range_input input[type='range']:focus {\n outline: none;\n}\n.reactist_range_input input[type='range']::-webkit-slider-runnable-track {\n width: 200px;\n height: 2px;\n cursor: pointer;\n animate: 0.2s;\n background: #808080;\n}\n.reactist_range_input input[type='range']::-webkit-slider-thumb {\n box-sizing: border-box;\n border: 1px solid #3f82ef;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: white;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -9px;\n}\n.reactist_range_input input[type='range']:focus::-webkit-slider-runnable-track {\n background: #8d8d8d;\n}\n.reactist_range_input input[type='range']::-moz-range-track {\n width: 200px;\n height: 2px;\n cursor: pointer;\n animate: 0.2s;\n background: #808080;\n}\n.reactist_range_input input[type='range']::-moz-range-thumb {\n box-sizing: border-box;\n border: 1px solid #3f82ef;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: white;\n cursor: pointer;\n}\n.reactist_range_input input[type='range']::-ms-track {\n background: transparent;\n border-color: transparent;\n border-width: 20px 0;\n color: transparent;\n}\n.reactist_range_input input[type='range']::-ms-fill-lower {\n width: 200px;\n height: 2px;\n cursor: pointer;\n animate: 0.2s;\n background: #737373;\n}\n.reactist_range_input input[type='range']::-ms-fill-upper {\n width: 200px;\n height: 2px;\n cursor: pointer;\n animate: 0.2s;\n background: #808080;\n}\n.reactist_range_input input[type='range']::-ms-thumb {\n box-sizing: border-box;\n border: 1px solid #3f82ef;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: white;\n cursor: pointer;\n}\n.reactist_range_input input[type='range']:focus::-ms-fill-lower {\n background: #808080;\n}\n.reactist_range_input input[type='range']:focus::-ms-fill-upper {\n background: #8d8d8d;\n}\n","",{version:3,sources:["webpack://src/components/range-input/range-input.less"],names:[],mappings:"AAEA;EAKQ,YAAA;EACA,WAAA;EACA,qBAAA;EACA,qBAAA;EACA,2BAAA;EACA,4BAAA;AALR;AAMQ;EACI,yDAAA;AAJZ;AAMQ;EACI,yDAAA;AAJZ;AAMQ;EACI,eAAA;AAJZ;AAdA;EAuDQ,wBAAA;EACA,YAAA;EACA,YAAA;AAtCR;AAwCQ;EACI,aAAA;AAtCZ;AAyCQ;EAzBA,YAAA;EACA,WAAA;EACA,eAAA;EACA,aAAA;EAwBI,mBAAA;AApCZ;AAuCQ;EAvBA,sBAAA;EACA,yBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EAmBI,wBAAA;EACA,gBAAA;AA/BZ;AAkCQ;EACI,mBAAA;AAhCZ;AAmCQ;EAxCA,YAAA;EACA,WAAA;EACA,eAAA;EACA,aAAA;EAuCI,mBAAA;AA9BZ;AAgCQ;EArCA,sBAAA;EACA,yBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;AAQR;AA2BQ;EACI,uBAAA;EACA,yBAAA;EACA,oBAAA;EACA,kBAAA;AAzBZ;AA4BQ;EAvDA,YAAA;EACA,WAAA;EACA,eAAA;EACA,aAAA;EAsDI,mBAAA;AAvBZ;AAyBQ;EA3DA,YAAA;EACA,WAAA;EACA,eAAA;EACA,aAAA;EA0DI,mBAAA;AApBZ;AAsBQ;EAxDA,sBAAA;EACA,yBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;AAqCR;AAgBQ;EACI,mBAAA;AAdZ;AAgBQ;EACI,mBAAA;AAdZ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_range_input {\n @range-height: 30px;\n @button-size: 20px;\n\n .range_btn {\n height: @range-height;\n width: @range-height;\n background-size: @button-size;\n display: inline-block;\n background-position: center;\n background-repeat: no-repeat;\n &.plus {\n background-image: url('../icons/plus.svg');\n }\n &.minus {\n background-image: url('../icons/minus.svg');\n }\n &:hover {\n cursor: pointer;\n }\n }\n\n // https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/\n @track-color: @secondary_font_color;\n @thumb-color: white;\n\n @thumb-radius: 50%;\n @thumb-height: @button-size;\n @thumb-width: @button-size;\n @thumb-border-width: 1px;\n @thumb-border-color: @primary_color;\n\n @track-width: 200px;\n @track-height: 2px;\n\n @contrast: 5%;\n\n .track() {\n width: @track-width;\n height: @track-height;\n cursor: pointer;\n animate: 0.2s;\n }\n\n .thumb() {\n box-sizing: border-box;\n border: @thumb-border-width solid @thumb-border-color;\n height: @thumb-height;\n width: @thumb-width;\n border-radius: @thumb-radius;\n background: @thumb-color;\n cursor: pointer;\n }\n\n input[type='range'] {\n -webkit-appearance: none;\n width: @track-width;\n height: @range-height;\n\n &:focus {\n outline: none;\n }\n\n &::-webkit-slider-runnable-track {\n .track();\n background: @track-color;\n }\n\n &::-webkit-slider-thumb {\n .thumb();\n -webkit-appearance: none;\n margin-top: (@track-height / 2) - (@thumb-height / 2);\n }\n\n &:focus::-webkit-slider-runnable-track {\n background: lighten(@track-color, @contrast);\n }\n\n &::-moz-range-track {\n .track();\n background: @track-color;\n }\n &::-moz-range-thumb {\n .thumb();\n }\n\n &::-ms-track {\n background: transparent;\n border-color: transparent;\n border-width: @thumb-width 0;\n color: transparent;\n }\n\n &::-ms-fill-lower {\n .track();\n background: darken(@track-color, @contrast);\n }\n &::-ms-fill-upper {\n .track();\n background: @track-color;\n }\n &::-ms-thumb {\n .thumb();\n }\n &:focus::-ms-fill-lower {\n background: @track-color;\n }\n &:focus::-ms-fill-upper {\n background: lighten(@track-color, @contrast);\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2863:function(module,exports){module.exports="data:image/svg+xml,export default __webpack_public_path__ + 'static/media/plus.daa8a941.svg';"},2864:function(module,exports){module.exports="data:image/svg+xml,export default __webpack_public_path__ + 'static/media/minus.c999e684.svg';"},2865:function(module,exports,__webpack_require__){var content=__webpack_require__(2866);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2866:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_select {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n background-color: white;\n border: 1px solid #dcdcdc;\n border-radius: 3px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n padding: 5px 25px 5px 10px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n background-position: calc(100% - 11px) center;\n background-repeat: no-repeat;\n background-size: 8px 11px;\n}\n.reactist_select.disabled {\n background-color: #fafafa;\n}\n.reactist_select:focus {\n outline: none;\n border: 1px solid #3f82ef;\n}\n","",{version:3,sources:["webpack://src/components/select/select.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,uBAAA;EACA,yBAAA;EACA,kBAAA;EAGA,qBAAA;EACA,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,0BAAA;EACA,+XAAA;EACA,6CAAA;EACA,4BAAA;EACA,yBAAA;AAAJ;AAEI;EACI,yBAAA;AAAR;AAEI;EACI,aAAA;EACA,yBAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_select {\n .normal_text();\n background-color: white;\n border: 1px solid @color_border_grey;\n border-radius: 3px;\n\n // nuke the browser styles\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n padding: 5px 25px 5px 10px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n background-position: calc(~'100% - 11px') center;\n background-repeat: no-repeat;\n background-size: 8px 11px;\n\n &.disabled {\n background-color: @color_grey_11;\n }\n &:focus {\n outline: none;\n border: 1px solid @primary_color;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2867:function(module,exports,__webpack_require__){var content=__webpack_require__(2868);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2868:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tabs__tab {\n padding: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tabs_story.less"],names:[],mappings:"AAAA;EACI,aAAA;AACJ",sourcesContent:[".reactist_tabs__tab {\n padding: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2871:function(module,exports,__webpack_require__){var content=__webpack_require__(2872);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2872:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tabs__header {\n display: flex;\n border-bottom: 1px solid #dcdcdc;\n}\n.reactist_tabs__header--item {\n display: block;\n margin: 0 20px 0 0;\n padding: 10px 0;\n font-size: 0.875rem;\n color: #808080;\n font-weight: 400;\n line-height: 1.7;\n text-decoration: none;\n box-sizing: border-box;\n}\n.reactist_tabs__header--item.active {\n font-size: 0.875rem;\n color: #3f82ef;\n font-weight: 400;\n line-height: 1.7;\n}\n.reactist_tabs__header--item.active:after {\n display: block;\n content: '';\n background-color: #3f82ef;\n height: 3px;\n border-radius: 3px 3px 0 0;\n position: relative;\n top: 10px;\n}\n.reactist_tabs__header--item.disabled:hover {\n cursor: not-allowed;\n}\n.reactist_tabs--spreadlayout .reactist_tabs__header {\n display: flex;\n border-bottom: 0;\n}\n.reactist_tabs--spreadlayout .reactist_tabs__header--item {\n text-align: center;\n flex: 1;\n border-bottom: 1px solid #dcdcdc;\n margin: 0;\n}\n.reactist_tabs--spreadlayout .reactist_tabs__header--item.active {\n font-size: 0.875rem;\n color: #3f82ef;\n font-weight: 400;\n line-height: 1.7;\n border-bottom: 3px solid #3f82ef;\n}\n.reactist_tabs--spreadlayout .reactist_tabs__header--item:hover {\n text-decoration: none;\n}\n","",{version:3,sources:["webpack://src/components/tabs/tabs.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAGI;EACI,aAAA;EACA,gCAAA;AAFR;AAIQ;EAGI,cAAA;EACA,kBAAA;EACA,eAAA;EC2BR,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5BQ,qBAAA;EACA,sBAAA;AADZ;AAGY;ECsBR,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADtBJ;AADgB;EACI,cAAA;EACA,WAAA;EACA,yBAAA;EACA,WAAA;EACA,0BAAA;EACA,kBAAA;EACA,SAAA;AAGpB;AAAY;EACI,mBAAA;AAEhB;AAGI;EAEQ,aAAA;EACA,gBAAA;AAFZ;AADI;EAOQ,kBAAA;EACA,OAAA;EACA,gCAAA;EACA,SAAA;AAHZ;AAKY;ECRR,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDOY,gCAAA;AAAhB;AAGY;EACI,qBAAA;AADhB",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_tabs {\n &__header {\n display: flex;\n border-bottom: 1px solid @color_border_grey;\n\n &--item {\n @item_spacing: 10px;\n\n display: block;\n margin: 0 20px 0 0;\n padding: @item_spacing 0;\n .normal_text(@color: @secondary_font_color);\n text-decoration: none;\n box-sizing: border-box;\n\n &.active {\n .normal_text(@color: @primary_color);\n &:after {\n display: block;\n content: '';\n background-color: @primary_color;\n height: 3px;\n border-radius: 3px 3px 0 0;\n position: relative;\n top: @item_spacing;\n }\n }\n &.disabled:hover {\n cursor: not-allowed;\n }\n }\n }\n\n &--spreadlayout {\n .reactist_tabs__header {\n display: flex;\n border-bottom: 0;\n }\n\n .reactist_tabs__header--item {\n text-align: center;\n flex: 1;\n border-bottom: 1px solid @color_border_grey;\n margin: 0;\n\n &.active {\n .normal_text(@color: @primary_color);\n border-bottom: 3px solid @primary_color;\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2873:function(module,exports,__webpack_require__){var content=__webpack_require__(2874);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2874:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.time div span {\n display: inline-block;\n width: 160px;\n text-align: right;\n font-weight: 600;\n margin-right: 16px;\n}\n.story.time div time {\n text-align: left;\n}\n","",{version:3,sources:["webpack://stories/components/styles/time_story.less"],names:[],mappings:"AAAA;EAEQ,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AAAR;AANA;EASQ,gBAAA;AAAR",sourcesContent:[".story.time div {\n span {\n display: inline-block;\n width: 160px;\n text-align: right;\n font-weight: 600;\n margin-right: 16px;\n }\n time {\n text-align: left;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2875:function(module,exports,__webpack_require__){var content=__webpack_require__(2876);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2876:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_time {\n font-size: 0.75rem;\n color: #808080;\n font-weight: 400;\n line-height: 1.8;\n}\n.reactist_tooltip .reactist_time:hover {\n text-decoration: underline;\n}\n","",{version:3,sources:["webpack://src/components/time/time.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqDI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrDJ;AACA;EACI,0BAAA;AACJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_time {\n .tiny_text();\n}\n\n.reactist_tooltip .reactist_time:hover {\n text-decoration: underline;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2877:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TipStory",(function(){return TipStory})),__webpack_require__.d(__webpack_exports__,"TipPlaygroundStory",(function(){return TipPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2878);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__),_src_components_tip__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(384);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 (\n
\n

Tip

\n \n
\n)'}},TipStory.parameters),TipPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},TipPlaygroundStory.parameters);try{TipPlaygroundStory.displayName="TipPlaygroundStory",TipPlaygroundStory.__docgenInfo={description:"",displayName:"TipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tip.stories.tsx#TipPlaygroundStory"]={docgenInfo:TipPlaygroundStory.__docgenInfo,name:"TipPlaygroundStory",path:"stories/components/Tip.stories.tsx#TipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2878:function(module,exports,__webpack_require__){var content=__webpack_require__(2879);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2879:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tip .reactist_tip__container {\n margin-left: 250px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tip_story.less"],names:[],mappings:"AAAA;EAEQ,kBAAA;AAAR",sourcesContent:[".story.tip {\n .reactist_tip__container {\n margin-left: 250px; // width of the tip\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2880:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TooltipPlaygroundStory",(function(){return TooltipPlaygroundStory}));__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2881);var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__),_src_components_tooltip__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(2907),_src_components_button__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(16);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 _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i {\n return (\n
\n \n \n \n \n
\n )\n}'}},TooltipPlaygroundStory.parameters);try{TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.__docgenInfo={description:"",displayName:"TooltipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"]={docgenInfo:TooltipPlaygroundStory.__docgenInfo,name:"TooltipPlaygroundStory",path:"stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2881:function(module,exports,__webpack_require__){var content=__webpack_require__(2882);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2882:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tooltip input,\n.story.tooltip button {\n display: block;\n text-align: center;\n}\n.story.tooltip input {\n margin: 0 auto;\n width: 400px;\n}\n.story.tooltip button {\n width: 250px;\n margin: 100px auto;\n padding: 100px 10px;\n border: 1px solid black;\n background-color: palegreen;\n}\n.story.tooltip button:hover,\n.story.tooltip button:focus {\n background-color: lightblue;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tooltip_story.less"],names:[],mappings:"AAAA;;EAGQ,cAAA;EACA,kBAAA;AAAR;AAJA;EAOQ,cAAA;EACA,YAAA;AAAR;AARA;EAWQ,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;AAAR;AACQ;;EAEI,2BAAA;AACZ",sourcesContent:[".story.tooltip {\n input,\n button {\n display: block;\n text-align: center;\n }\n input {\n margin: 0 auto;\n width: 400px;\n }\n button {\n width: 250px;\n margin: 100px auto;\n padding: 100px 10px;\n border: 1px solid black;\n background-color: palegreen;\n &:hover,\n &:focus {\n background-color: lightblue;\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2883:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Colors",(function(){return Colors}));__webpack_require__(152),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__),_src_new_components_columns__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(8),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(41),_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(30),_src_new_components_box__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(144);__webpack_require__(2884);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 _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__webpack_exports__.default={title:"Design tokens/Colors"};var frameworkFillColors=["--reactist-framework-fill-accent","--reactist-framework-fill-aside","--reactist-framework-fill-background","--reactist-framework-fill-base","--reactist-framework-fill-crater","--reactist-framework-fill-crest","--reactist-framework-fill-elevated","--reactist-framework-fill-selected","--reactist-framework-fill-highlight","--reactist-framework-fill-ledge","--reactist-framework-fill-peak","--reactist-framework-fill-pinnacle","--reactist-framework-fill-ridge","--reactist-framework-fill-summit"],frameworkSeparatorColors=["--reactist-framework-separator"],frameworkBorderColors=["--reactist-framework-border","--reactist-framework-border-focus","--reactist-framework-border-alpha"],contentColors=["--reactist-content-primary","--reactist-content-secondary","--reactist-content-tertiary","--reactist-content-quaternary","--reactist-content-light-on-dark"],chromaticFillColors=["--reactist-chromatic-fill-red","--reactist-chromatic-fill-orange","--reactist-chromatic-fill-green","--reactist-chromatic-fill-teal","--reactist-chromatic-fill-blue","--reactist-chromatic-fill-purple","--reactist-chromatic-fill-charcoal","--reactist-chromatic-fill-grey","--reactist-chromatic-fill-midnight"],chromaticContentColors=["--reactist-chromatic-content-red","--reactist-chromatic-content-orange","--reactist-chromatic-content-green","--reactist-chromatic-content-green-background","--reactist-chromatic-content-green-background-highlight","--reactist-chromatic-content-teal","--reactist-chromatic-content-blue","--reactist-chromatic-content-purple","--reactist-chromatic-content-charcoal","--reactist-chromatic-content-grey"],chromaticHighlightColors=["--reactist-chromatic-highlight-blue","--reactist-chromatic-highlight-green","--reactist-chromatic-highlight-red"];function Swatch(_ref){var color=_ref.color;return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_11__.b,{key:color,alignY:"center",space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_box__WEBPACK_IMPORTED_MODULE_14__.a,{style:{background:"var(".concat(color,")")},className:"color_swatch"})),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("code",{className:"color_swatch__css_variable"},color)))}Swatch.displayName="Swatch";var Colors=function Colors(){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"xlarge",className:"story"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:1,size:"larger"},"Framework"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Framework-Fill"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},frameworkFillColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Framework-Separator"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},frameworkSeparatorColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Framework-Border"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},frameworkBorderColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:1,size:"larger"},"Content"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},contentColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:1,size:"larger"},"Chromatic"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Chromatic-Fill"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},chromaticFillColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Chromatic-Content"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},chromaticContentColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Chromatic-Highlight"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},chromaticHighlightColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))))};Colors.displayName="Colors",Colors.parameters=function _objectSpread(target){for(var i=1;i\n \n Framework\n \n\n Framework-Fill\n \n {frameworkFillColors.map((color) => (\n \n ))}\n \n\n Framework-Separator\n \n {frameworkSeparatorColors.map((color) => (\n \n ))}\n \n\n Framework-Border\n \n {frameworkBorderColors.map((color) => (\n \n ))}\n \n\n \n Content\n \n \n {contentColors.map((color) => (\n \n ))}\n \n\n \n Chromatic\n \n\n Chromatic-Fill\n \n {chromaticFillColors.map((color) => (\n \n ))}\n \n\n Chromatic-Content\n \n {chromaticContentColors.map((color) => (\n \n ))}\n \n\n Chromatic-Highlight\n \n {chromaticHighlightColors.map((color) => (\n \n ))}\n \n \n )\n}'}},Colors.parameters)},2884:function(module,exports,__webpack_require__){var content=__webpack_require__(2885);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2885:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".color_swatch {\n width: 32px;\n height: 32px;\n border: 1px solid var(--reactist-framework-border);\n border-radius: var(--reactist-border-radius-small);\n}\n.color_swatch__css_variable {\n padding: 4px;\n border-radius: var(--reactist-border-radius-small);\n border: 1px solid var(--reactist-framework-border);\n background: var(--reactist-framework-fill-background);\n}\n","",{version:3,sources:["webpack://stories/components/styles/color-story.less"],names:[],mappings:"AAAA;EACI,WAAA;EACA,YAAA;EACA,kDAAA;EACA,kDAAA;AACJ;AAEA;EACI,YAAA;EACA,kDAAA;EACA,kDAAA;EACA,qDAAA;AAAJ",sourcesContent:[".color_swatch {\n width: 32px;\n height: 32px;\n border: 1px solid var(--reactist-framework-border);\n border-radius: var(--reactist-border-radius-small);\n}\n\n.color_swatch__css_variable {\n padding: 4px;\n border-radius: var(--reactist-border-radius-small);\n border: 1px solid var(--reactist-framework-border);\n background: var(--reactist-framework-fill-background);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2886:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__(47),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(0);var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(2),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(57);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=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_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__.c,{title:"Reactist",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"welcome"},"Welcome"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Open source React components made with ❤️ by Doist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"how-to-use"},"How to use"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can add Reactist to your project by installing it from npm:",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm install @doist/reactist"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","If you prefer to include static files grab the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/tree/develop/dist",target:"_blank",rel:"nofollow noopener noreferrer"},"minified build from the dist folder"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A detailed explanation and examples on how to use each component can be accessed by clicking on the component name on the left."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"development"},"Development"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"First clone the repository to your local machine by running:",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"git clone git@github.com:Doist/reactist.git"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","We identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",{id:"storybook"},"Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the first development mode run:",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","This boots up a development server with hot reloading on http://localhost:6006. You can iterate on the components in the existing stories or add a completely new one. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",{id:"inside-your-application"},"Inside your application"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the second development mode you can leverage",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm link"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","First run:",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run start"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","this will update the build artifacts whenever you change something.\nIn your real application you need to first delete the current ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("em",{parentName:"p"},"@doist/reactist")," dependency and then link to your local one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# delete current reactist dependency\nrm -rf ./node_modules/@doist/reactist \n\n# link local reactist version\nnpm link ../reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The relative path to reactist may need to be changed to match your local environment. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"To undo the changes and switch back to the reactist version from npm do the following:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# first remove linked reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# re-install reactist from npm (-E avoids updating the version / package-lock.json) \nnpm install -E @doist/reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"development-tips-and-tricks"},"Development tips and tricks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Independent of the development you operate in to produce a new build (e.g. before submitting a PR) run: "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Note:")," This will ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"not")," update the docs. In case you want to update the docs you need to run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build-storybook\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can run our eslint checks with "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It is mandatory to fix all linting errors before you make a pull request. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Tip:")," You can fix most of the errors automatically by running: "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check -- --fix\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"testing"},"Testing"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Tests are executed with jest or by running: "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"During development you may find it beneficial to continuously execute the tests. This works by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test-watch\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This also prints the current test coverage."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"MacOS users might need to upgrade watchman with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"brew install watchman\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"when experiencing troubles with the watch mode. See this issue for details: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/facebook/jest/issues/1767",target:"_blank",rel:"nofollow noopener noreferrer"},"https://github.com/facebook/jest/issues/1767")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Reactist",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_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},2889:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"IconStory",(function(){return Icon_stories_IconStory})),__webpack_require__.d(__webpack_exports__,"IconPlaygroundStory",(function(){return Icon_stories_IconPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__(2907),prop_types=__webpack_require__(5),prop_types_default=__webpack_require__.n(prop_types),ThreeDotsIcon_svg_ThreeDotsIcon=function ThreeDotsIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#A5A5A5":_ref$color;return react_default.a.createElement("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26"},react_default.a.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},react_default.a.createElement("circle",{fill:color,cx:"19",cy:"13",r:"2"}),react_default.a.createElement("circle",{fill:color,cx:"13",cy:"13",r:"2"}),react_default.a.createElement("circle",{fill:color,cx:"7",cy:"13",r:"2"})))};ThreeDotsIcon_svg_ThreeDotsIcon.displayName="ThreeDotsIcon",ThreeDotsIcon_svg_ThreeDotsIcon.propTypes={color:prop_types_default.a.string};var ThreeDotsIcon_svg=ThreeDotsIcon_svg_ThreeDotsIcon;try{ThreeDotsIconsvg.displayName="ThreeDotsIconsvg",ThreeDotsIconsvg.__docgenInfo={description:"",displayName:"ThreeDotsIconsvg",props:{color:{defaultValue:{value:"#A5A5A5"},description:"",name:"color",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"]={docgenInfo:ThreeDotsIconsvg.__docgenInfo,name:"ThreeDotsIconsvg",path:"src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__(2791);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _defineProperties(target,props){for(var i=0;i void) | undefined"}},disabled:{defaultValue:{value:"false"},description:"Whether hte icon is disabled. Disabled icons can't be clicked and displayed with less opacity.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Additional css class that is applied to the icon",name:"className",required:!1,type:{name:"string | undefined"}},image:{defaultValue:null,description:"URL to the image that should be displayed as icon.",name:"image",required:!1,type:{name:"string | undefined"}},hoveredImage:{defaultValue:null,description:"Optional URL to the image that should be displayed when the icon is hovered.",name:"hoveredImage",required:!1,type:{name:"string | undefined"}},icon:{defaultValue:null,description:"Icon component to render, defaults to three dots.",name:"icon",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"Text of the tooltip of the icon.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icon/icon.tsx#Icon"]={docgenInfo:icon_Icon.__docgenInfo,name:"Icon",path:"src/components/icon/icon.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}var components_icon=icon_Icon,CloseIcon_svg=__webpack_require__(285);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 (\n
\n \n \n \n \n } />\n } disabled />\n \n \n \n
\n)'}},Icon_stories_IconStory.parameters),Icon_stories_IconPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},Icon_stories_IconPlaygroundStory.parameters);try{Icon_stories_IconPlaygroundStory.displayName="IconPlaygroundStory",Icon_stories_IconPlaygroundStory.__docgenInfo={description:"",displayName:"IconPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Icon.stories.tsx#IconPlaygroundStory"]={docgenInfo:Icon_stories_IconPlaygroundStory.__docgenInfo,name:"IconPlaygroundStory",path:"stories/components/Icon.stories.tsx#IconPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2890:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Modal_stories_Template})),__webpack_require__.d(__webpack_exports__,"modalHeaderOnlyStory",(function(){return Modal_stories_modalHeaderOnlyStory})),__webpack_require__.d(__webpack_exports__,"modalHeaderAndBodyStory",(function(){return Modal_stories_modalHeaderAndBodyStory})),__webpack_require__.d(__webpack_exports__,"modalHeaderBodyAndActionsStory",(function(){return Modal_stories_modalHeaderBodyAndActionsStory})),__webpack_require__.d(__webpack_exports__,"modalScrollableBodyStory",(function(){return Modal_stories_modalScrollableBodyStory})),__webpack_require__.d(__webpack_exports__,"plainMediumModalStory",(function(){return Modal_stories_plainMediumModalStory})),__webpack_require__.d(__webpack_exports__,"modalPlaygroundStory",(function(){return modalPlaygroundStory}));__webpack_require__(1532),__webpack_require__(47),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(2),blocks=__webpack_require__(57),react_dom=(__webpack_require__(473),__webpack_require__(152),__webpack_require__(24),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(51)),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames),CloseIcon_svg=__webpack_require__(285);__webpack_require__(2849);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal.tsx#Modal.Header"]={docgenInfo:Modal.Header.__docgenInfo,name:"Modal.Header",path:"src/components/modal/modal.tsx#Modal.Header"})}catch(__react_docgen_typescript_loader_error){}try{Modal.Body.displayName="Modal.Body",Modal.Body.__docgenInfo={description:"",displayName:"Modal.Body",props:{icon:{defaultValue:null,description:"Display an icon (or basically any component) on the right hand side of the Modal.Body.",name:"icon",required:!1,type:{name:"ReactNode"}},plain:{defaultValue:null,description:"Applies less styles on the body (e.g. no padding)",name:"plain",required:!1,type:{name:"boolean | undefined"}},style:{defaultValue:null,description:"Sometimes a class name is not enough so you can use this to set the style directly.",name:"style",required:!1,type:{name:"CSSProperties | undefined"}},className:{defaultValue:null,description:"Additionall css class applied to the Modal.Body.",name:"className",required:!1,type:{name:"string | undefined"}},showCloseIcon:{defaultValue:{value:"false"},description:"Render a close icon in the top right corner of the Modal.Body.\nRecommended to use when no Modal.Header is used.",name:"showCloseIcon",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal.tsx#Modal.Body"]={docgenInfo:Modal.Body.__docgenInfo,name:"Modal.Body",path:"src/components/modal/modal.tsx#Modal.Body"})}catch(__react_docgen_typescript_loader_error){}try{Modal.Actions.displayName="Modal.Actions",Modal.Actions.__docgenInfo={description:"",displayName:"Modal.Actions",props:{children:{defaultValue:null,description:"Children to render inside the Modal.Actions. They can have an optional `close` property (boolean).\nWhen that is supplied and set to true it will close the modal after the onClick function",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal.tsx#Modal.Actions"]={docgenInfo:Modal.Actions.__docgenInfo,name:"Modal.Actions",path:"src/components/modal/modal.tsx#Modal.Actions"})}catch(__react_docgen_typescript_loader_error){}var components_modal={Box:modal_Box,Header:modal_Header,Body:modal_Body,Actions:modal_Actions},components_button=(__webpack_require__(2847),__webpack_require__(16));function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Modal_stories_Template=function Template(_ref){_ref.data;var args=_objectWithoutProperties(_ref,["data"]);return Object(esm.b)(ModalStoryHelper_ModalPlaygroundStory,Modal_stories_extends({},args,{mdxType:"ModalPlaygroundStory"}))};Modal_stories_Template.displayName="Template";var layoutProps={Template:Modal_stories_Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,["components"]);return Object(esm.b)("wrapper",Modal_stories_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(blocks.c,{title:"Components/Modal",component:components_modal,mdxType:"Meta"}),Object(esm.b)("h1",{id:"component-documentation"},"Component Documentation"),Object(esm.b)("h3",{id:"how-to-use"},"How to use"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal")," component consist of four subcomponents ",Object(esm.b)("em",{parentName:"p"},"Box, Header, Body, Actions")," which are exported as keys of the Modal object. Hence, to use a Modal your code should look like this:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"import { Modal } from 'reactist';\n...\n<Modal.Box>\n <Modal.Header>...</Modal.Header>\n <Modal.Body>...</Modal.Body>\n <Modal.Actions>...</Modal.Actions>\n</Modal.Box>\n")),Object(esm.b)("p",null,"The Modal is always attached to an element with the id ",Object(esm.b)("strong",{parentName:"p"},"modal_box"),". You need to add this somewhere in your component hierarchy in order for the Modal to work correctly. It is sufficient to add this once near the top of your component hierarchy."),Object(esm.b)("h3",{id:"modal-box"},"Modal Box"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal.Box")," component simply acts as a container for the Modal and is responsible for rendering the dark overlay and all children components. You can pass it an optional ",Object(esm.b)("em",{parentName:"p"},"className")," property to apply additional styles."),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal.Box")," accepts an optional property ",Object(esm.b)("em",{parentName:"p"},"closeOnOverlayClick")," when set to ",Object(esm.b)("strong",{parentName:"p"},"true")," a click on the overlay will close the modal. Defaults to ",Object(esm.b)("strong",{parentName:"p"},"false"),"."),Object(esm.b)("h3",{id:"modal-header"},"Modal Header"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal.Header")," component shows the Header of the Modal. It always show a close icon on the right side to close the Modal. It can display arbitrary content you pass to it as children. However, the recommended usage pattern is to supply the ",Object(esm.b)("em",{parentName:"p"},"title")," and ",Object(esm.b)("em",{parentName:"p"},"subtitle")," (string) properties. This displays nicely formatted headings inside the Header."),Object(esm.b)("p",null,"Nevertheless, the ",Object(esm.b)("strong",{parentName:"p"},"Modal.Header")," will look the same whether you go for option 1 or option 2:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"// Option 1\nA Fancy Title;\n\n// Option 2\n;\n")),Object(esm.b)("h3",{id:"modal-body"},"Modal Body"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"In the simplest case the ",Object(esm.b)("strong",{parentName:"p"},"Modal.Body")," just wraps all its children. However, it can be used to implement a more complex Dialog (i.e. if you do not want to render a Header). You can specify the ",Object(esm.b)("em",{parentName:"p"},"icon")," property (any node, e.g. an ",Object(esm.b)("em",{parentName:"p"},"<","img /",">")," or your custom ",Object(esm.b)("em",{parentName:"p"},"<","Icon /",">")," component) which will be displayed on the left side of the Dialog's Body. When you set the ",Object(esm.b)("em",{parentName:"p"},"showCloseIcon")," property to ",Object(esm.b)("strong",{parentName:"p"},"true")," the Body will display a close icon to dismiss the Dialog again. This should only be used when no Header is used."),Object(esm.b)("h3",{id:"modal-actions"},"Modal Actions"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal.Actions")," displays an action bar on the bottom of the Modal. It works best with the Reactist Buttons. If you set the ",Object(esm.b)("em",{parentName:"p"},"close")," property to ",Object(esm.b)("strong",{parentName:"p"},"true")," on any of the supplied children it's ",Object(esm.b)("em",{parentName:"p"},"onClick")," function will close the modal."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},'\n \n\n')),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalHeaderOnlyStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_ModalHeaderOnlyStory,{mdxType:"ModalHeaderOnlyStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalHeaderAndBodyStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_ModalHeaderAndBodyStory,{mdxType:"ModalHeaderAndBodyStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalHeaderBodyAndActionsStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_ModalHeaderBodyAndActionsStory,{mdxType:"ModalHeaderBodyAndActionsStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalScrollableBodyStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_ModalScrollableBodyStory,{mdxType:"ModalScrollableBodyStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"PlainMediumModalStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_PlainMediumModalStory,{mdxType:"PlainMediumModalStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalPlaygroundStory",args:{plain:!1,showCloseIcon:!1,medium:!1,large:!1,title:"Header of Modal",subtitle:"This is a smaller description"},mdxType:"Story"},Modal_stories_Template.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Modal_stories_modalHeaderOnlyStory=function modalHeaderOnlyStory(){return Object(esm.b)(ModalStoryHelper_ModalHeaderOnlyStory,null)};Modal_stories_modalHeaderOnlyStory.displayName="modalHeaderOnlyStory",Modal_stories_modalHeaderOnlyStory.storyName="ModalHeaderOnlyStory",Modal_stories_modalHeaderOnlyStory.parameters={storySource:{source:""}};var Modal_stories_modalHeaderAndBodyStory=function modalHeaderAndBodyStory(){return Object(esm.b)(ModalStoryHelper_ModalHeaderAndBodyStory,null)};Modal_stories_modalHeaderAndBodyStory.displayName="modalHeaderAndBodyStory",Modal_stories_modalHeaderAndBodyStory.storyName="ModalHeaderAndBodyStory",Modal_stories_modalHeaderAndBodyStory.parameters={storySource:{source:""}};var Modal_stories_modalHeaderBodyAndActionsStory=function modalHeaderBodyAndActionsStory(){return Object(esm.b)(ModalStoryHelper_ModalHeaderBodyAndActionsStory,null)};Modal_stories_modalHeaderBodyAndActionsStory.displayName="modalHeaderBodyAndActionsStory",Modal_stories_modalHeaderBodyAndActionsStory.storyName="ModalHeaderBodyAndActionsStory",Modal_stories_modalHeaderBodyAndActionsStory.parameters={storySource:{source:""}};var Modal_stories_modalScrollableBodyStory=function modalScrollableBodyStory(){return Object(esm.b)(ModalStoryHelper_ModalScrollableBodyStory,null)};Modal_stories_modalScrollableBodyStory.displayName="modalScrollableBodyStory",Modal_stories_modalScrollableBodyStory.storyName="ModalScrollableBodyStory",Modal_stories_modalScrollableBodyStory.parameters={storySource:{source:""}};var Modal_stories_plainMediumModalStory=function plainMediumModalStory(){return Object(esm.b)(ModalStoryHelper_PlainMediumModalStory,null)};Modal_stories_plainMediumModalStory.displayName="plainMediumModalStory",Modal_stories_plainMediumModalStory.storyName="PlainMediumModalStory",Modal_stories_plainMediumModalStory.parameters={storySource:{source:""}};var modalPlaygroundStory=Modal_stories_Template.bind({});modalPlaygroundStory.storyName="ModalPlaygroundStory",modalPlaygroundStory.args={plain:!1,showCloseIcon:!1,medium:!1,large:!1,title:"Header of Modal",subtitle:"This is a smaller description"},modalPlaygroundStory.parameters={storySource:{source:"({\n data,\n ...args\n}) => "}};var componentMeta={title:"Components/Modal",component:components_modal,includeStories:["modalHeaderOnlyStory","modalHeaderAndBodyStory","modalHeaderBodyAndActionsStory","modalScrollableBodyStory","plainMediumModalStory","modalPlaygroundStory"]},mdxStoryNameToKey={ModalHeaderOnlyStory:"modalHeaderOnlyStory",ModalHeaderAndBodyStory:"modalHeaderAndBodyStory",ModalHeaderBodyAndActionsStory:"modalHeaderBodyAndActionsStory",ModalScrollableBodyStory:"modalScrollableBodyStory",PlainMediumModalStory:"plainMediumModalStory",ModalPlaygroundStory:"modalPlaygroundStory"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(blocks.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},2891:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NoHoverEffectStory",(function(){return Time_stories_NoHoverEffectStory})),__webpack_require__.d(__webpack_exports__,"ExpandTimeStory",(function(){return Time_stories_ExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"FullyExpandTimeStory",(function(){return Time_stories_FullyExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"TooltipTimeStory",(function(){return Time_stories_TooltipTimeStory})),__webpack_require__.d(__webpack_exports__,"TranslatedTimeStory",(function(){return Time_stories_TranslatedTimeStory})),__webpack_require__.d(__webpack_exports__,"TimePlaygroundStory",(function(){return Time_stories_TimePlaygroundStory}));__webpack_require__(152),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2873);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),dayjs_min=__webpack_require__(126),dayjs_min_default=__webpack_require__.n(dayjs_min),tooltip=(__webpack_require__(656),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(2907)),localizedFormat=(__webpack_require__(473),__webpack_require__(1568)),localizedFormat_default=__webpack_require__.n(localizedFormat);dayjs_min_default.a.extend(localizedFormat_default.a);var TimeUtils={SHORT_FORMAT_CURRENT_YEAR:"L",SHORT_FORMAT_PAST_YEAR:"LL",LONG_FORMAT:"LL, LT",timeAgo:function timeAgo(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale=config.locale,locale=void 0===_config$locale?"en":_config$locale,_config$shortFormatCu=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu,_config$shortFormatPa=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa,_config$daysSuffix=config.daysSuffix,daysSuffix=void 0===_config$daysSuffix?"d":_config$daysSuffix,_config$hoursSuffix=config.hoursSuffix,hoursSuffix=void 0===_config$hoursSuffix?"h":_config$hoursSuffix,_config$minutesSuffix=config.minutesSuffix,minutesSuffix=void 0===_config$minutesSuffix?"m":_config$minutesSuffix,_config$momentsAgo=config.momentsAgo,momentsAgo=void 0===_config$momentsAgo?"moments ago":_config$momentsAgo,now=dayjs_min_default()(),date=dayjs_min_default()(1e3*timestamp);date.locale(locale);var diffMinutes=now.diff(date,"minute"),diffHours=now.diff(date,"hour"),diffDays=now.diff(date,"day");return diffDays>1?date.isSame(now,"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear):1===diffDays?"".concat(diffDays).concat(daysSuffix):diffHours>0&&diffHours<=23?"".concat(diffHours).concat(hoursSuffix):diffMinutes>0&&diffMinutes<=59?"".concat(diffMinutes).concat(minutesSuffix):momentsAgo},formatTime:function formatTime(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale2=config.locale,locale=void 0===_config$locale2?"en":_config$locale2,_config$shortFormatCu2=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu2?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu2,_config$shortFormatPa2=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa2?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa2,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.isSame(dayjs_min_default()(),"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear)},formatTimeLong:function formatTimeLong(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale3=config.locale,locale=void 0===_config$locale3?"en":_config$locale3,_config$longFormat=config.longFormat,longFormat=void 0===_config$longFormat?this.LONG_FORMAT:_config$longFormat,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.format(longFormat)}};__webpack_require__(2875);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _defineProperties(target,props){for(var i=0;i (\n
\n

Normal Time (no hover effect)

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n)'}},Time_stories_NoHoverEffectStory.parameters),Time_stories_ExpandTimeStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n

Expanding time on hover

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n)'}},Time_stories_ExpandTimeStory.parameters),Time_stories_FullyExpandTimeStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n

Fully expanding time on hover

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n)'}},Time_stories_FullyExpandTimeStory.parameters),Time_stories_TooltipTimeStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n

Show full time in tooltip on hover

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n)'}},Time_stories_TooltipTimeStory.parameters),Time_stories_TranslatedTimeStory.parameters=_objectSpread({storySource:{source:"() => {\n const i18nConfig = {\n locale: 'de',\n hoursSuffix: 'Std',\n minutesSuffix: 'min',\n momentsAgo: 'Gerade eben',\n }\n\n return (\n
\n

Translated times

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n )\n}"}},Time_stories_TranslatedTimeStory.parameters),Time_stories_TimePlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n
\n)'}},Time_stories_TimePlaygroundStory.parameters);try{Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.__docgenInfo={description:"",displayName:"TimePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Time.stories.tsx#TimePlaygroundStory"]={docgenInfo:Time_stories_TimePlaygroundStory.__docgenInfo,name:"TimePlaygroundStory",path:"stories/components/Time.stories.tsx#TimePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2892:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(24);var client_api=__webpack_require__(2930),esm=__webpack_require__(9),decorators=(__webpack_require__(0),__webpack_require__(2601),[function(Story){return Story()}]),parameters={options:{storySort:{method:"alphabetical",order:["Reactist","Design tokens","Design system","Components"]}},decorators:decorators};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 _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":case"argTypes":return esm.a.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify(value));case"decorators":return value.forEach((function(decorator){return Object(client_api.b)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(client_api.c)(loader,!1)}));case"parameters":return Object(client_api.d)(function _objectSpread(target){for(var i=1;i void) | undefined"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/checkbox/checkbox.tsx#Checkbox"]={docgenInfo:Checkbox.__docgenInfo,name:"Checkbox",path:"src/components/checkbox/checkbox.tsx#Checkbox"})}catch(__react_docgen_typescript_loader_error){}var components_checkbox=Checkbox;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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [checked, setChecked] = useState(false)\n\n const handleCheck = () => {\n setChecked((prev: boolean) => !prev)\n }\n\n return (\n
\n

Checkbox

\n \n
\n )\n}'}},Checkbox_stories_CheckboxStory.parameters),Checkbox_stories_CheckboxPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n const [checked, setChecked] = useState(false)\n\n const handleCheck = () => {\n setChecked((prev: boolean) => !prev)\n }\n return (\n
\n \n
\n )\n}'}},Checkbox_stories_CheckboxPlaygroundStory.parameters);try{Checkbox_stories_CheckboxPlaygroundStory.displayName="CheckboxPlaygroundStory",Checkbox_stories_CheckboxPlaygroundStory.__docgenInfo={description:"",displayName:"CheckboxPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Checkbox.stories.tsx#CheckboxPlaygroundStory"]={docgenInfo:Checkbox_stories_CheckboxPlaygroundStory.__docgenInfo,name:"CheckboxPlaygroundStory",path:"stories/components/Checkbox.stories.tsx#CheckboxPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2894:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorPickersStory",(function(){return ColorPicker_stories_ColorPickersStory})),__webpack_require__.d(__webpack_exports__,"CustomColorPickersStory",(function(){return ColorPicker_stories_CustomColorPickersStory})),__webpack_require__.d(__webpack_exports__,"NamedColorPickersStory",(function(){return ColorPicker_stories_NamedColorPickersStory})),__webpack_require__.d(__webpack_exports__,"SmallColorPickerStory",(function(){return ColorPicker_stories_SmallColorPickerStory}));__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(270),__webpack_require__(244),__webpack_require__(313),__webpack_require__(24),__webpack_require__(17),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(2780),__webpack_require__(1454),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames),dropdown=__webpack_require__(115),tooltip_tooltip=__webpack_require__(2907),COLORS=(__webpack_require__(2783),["#606060","#4A90E2","#03B3B2","#008299","#82BA00","#D24726","#AC193D","#DC4FAD","#3BD5FB","#74E8D3","#FFCC00","#FB886E","#CCCCCC"]),_isNamedColor=function _isNamedColor(color){return"string"!=typeof color};function ColorPicker(_ref){var backgroundColor,_ref$color=_ref.color,color=void 0===_ref$color?0:_ref$color,small=_ref.small,onChange=_ref.onChange,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?COLORS:_ref$colorList;return react_default.a.createElement(dropdown.a.Box,{right:!0,className:"reactist_color_picker"},react_default.a.createElement(dropdown.a.Trigger,null,(backgroundColor=function _getColor(colorList,colorIndex){return colorList[colorIndex>=colorList.length?0:colorIndex]}(colorList,color),react_default.a.createElement("span",{className:classnames_default()("color_trigger",{small:small}),style:{backgroundColor:_isNamedColor(backgroundColor)?backgroundColor.color:backgroundColor}},react_default.a.createElement("span",{className:"color_trigger--inner_ring"})))),react_default.a.createElement(dropdown.a.Body,null,react_default.a.createElement("div",{className:"color_options"},colorList.reduce((function(items,currentColor,currentIndex){return items.push(react_default.a.createElement(ColorItem,{isActive:color>=colorList.length?0===currentIndex:currentIndex===color,key:currentIndex,color:_isNamedColor(currentColor)?currentColor.color:currentColor,colorIndex:currentIndex,onClick:onChange,tooltip:_isNamedColor(currentColor)?currentColor.name:null})),items}),[]))))}function ColorItem(_ref2){var color=_ref2.color,colorIndex=_ref2.colorIndex,isActive=_ref2.isActive,_onClick=_ref2.onClick,tooltip=_ref2.tooltip,item=react_default.a.createElement("span",{className:"reactist color_item"+(isActive?" active":""),style:{backgroundColor:color},onClick:function onClick(){return null==_onClick?void 0:_onClick(colorIndex)}},react_default.a.createElement("span",{className:"color_item--inner_ring"}));return tooltip?react_default.a.createElement(tooltip_tooltip.a,{content:tooltip},item):item}ColorPicker.displayName="ColorPicker",ColorPicker.displayName="ColorPicker",ColorItem.displayName="ColorItem";try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean | undefined"}},color:{defaultValue:{value:"0"},description:"",name:"color",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((color: number) => void) | undefined"}},colorList:{defaultValue:null,description:"",name:"colorList",required:!1,type:{name:"(string | NamedColor)[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/color-picker/color-picker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}try{ColorItem.displayName="ColorItem",ColorItem.__docgenInfo={description:"",displayName:"ColorItem",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}},colorIndex:{defaultValue:null,description:"",name:"colorIndex",required:!0,type:{name:"number"}},isActive:{defaultValue:null,description:"",name:"isActive",required:!1,type:{name:"boolean | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((colorIndex: number) => void) | undefined"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorItem"]={docgenInfo:ColorItem.__docgenInfo,name:"ColorItem",path:"src/components/color-picker/color-picker.tsx#ColorItem"})}catch(__react_docgen_typescript_loader_error){}var components_color_picker=ColorPicker;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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [color, setColor] = useState(0)\n\n const handleChange = (color) => {\n setColor(color)\n }\n\n return (\n
\n

Color Picker

\n \n
\n )\n}'}},ColorPicker_stories_ColorPickersStory.parameters),ColorPicker_stories_CustomColorPickersStory.parameters=_objectSpread({storySource:{source:"() => {\n const [color, setColor] = useState(0)\n\n const handleChange = (color) => {\n setColor(color)\n }\n\n return (\n
\n

Custom Colors Color Picker

\n \n
\n )\n}"}},ColorPicker_stories_CustomColorPickersStory.parameters),ColorPicker_stories_NamedColorPickersStory.parameters=_objectSpread({storySource:{source:"() => {\n const [color, setColor] = useState(0)\n\n const handleChange = (color) => {\n setColor(color)\n }\n\n return (\n
\n

Named Colors Color Picker

\n \n
\n )\n}"}},ColorPicker_stories_NamedColorPickersStory.parameters),ColorPicker_stories_SmallColorPickerStory.parameters=_objectSpread({storySource:{source:'() => {\n const [color, setColor] = useState(0)\n\n const handleChange = (color) => {\n setColor(color)\n }\n\n return (\n
\n

Small Color Picker

\n \n
\n )\n}'}},ColorPicker_stories_SmallColorPickerStory.parameters)},2895:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ErrorMessageStory",(function(){return ErrorMessage_stories_ErrorMessageStory})),__webpack_require__.d(__webpack_exports__,"ErrorMessagePlaygroundStory",(function(){return ErrorMessage_stories_ErrorMessagePlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react);__webpack_require__(656),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(2788);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _defineProperties(target,props){for(var i=0;i0}},{key:"render",value:function render(){var message=this.props.message;return!(!this.state.visible||!this._isValidMessage(message))&&react_default.a.createElement("div",{className:"reactist_error_message"},react_default.a.createElement("p",null,message),react_default.a.createElement("div",{onClick:this._hide,className:"dismiss_icon"}))}}]),ErrorMessage}(react_default.a.Component);_defineProperty(error_message_ErrorMessage,"displayName",void 0),_defineProperty(error_message_ErrorMessage,"defaultProps",void 0),error_message_ErrorMessage.displayName="ErrorMessage",error_message_ErrorMessage.defaultProps={timeout:2500};try{error_message_ErrorMessage.displayName="ErrorMessage",error_message_ErrorMessage.__docgenInfo={description:"",displayName:"ErrorMessage",props:{timeout:{defaultValue:{value:"2500"},description:"",name:"timeout",required:!1,type:{name:"number | undefined"}},onHide:{defaultValue:null,description:"",name:"onHide",required:!1,type:{name:"(() => void) | undefined"}},message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/error-message/error-message.tsx#ErrorMessage"]={docgenInfo:error_message_ErrorMessage.__docgenInfo,name:"ErrorMessage",path:"src/components/error-message/error-message.tsx#ErrorMessage"})}catch(__react_docgen_typescript_loader_error){}var components_error_message=error_message_ErrorMessage;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 (\n
\n \n
\n)'}},ErrorMessage_stories_ErrorMessageStory.parameters),ErrorMessage_stories_ErrorMessagePlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},ErrorMessage_stories_ErrorMessagePlaygroundStory.parameters);try{ErrorMessage_stories_ErrorMessagePlaygroundStory.displayName="ErrorMessagePlaygroundStory",ErrorMessage_stories_ErrorMessagePlaygroundStory.__docgenInfo={description:"",displayName:"ErrorMessagePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ErrorMessage.stories.tsx#ErrorMessagePlaygroundStory"]={docgenInfo:ErrorMessage_stories_ErrorMessagePlaygroundStory.__docgenInfo,name:"ErrorMessagePlaygroundStory",path:"stories/components/ErrorMessage.stories.tsx#ErrorMessagePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2896:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InputStory",(function(){return Input_stories_InputStory})),__webpack_require__.d(__webpack_exports__,"InputPlaygroundStory",(function(){return Input_stories_InputPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(47),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2795);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i void) | RefObject | null | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/input/input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/input/input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}var components_input=Input;__webpack_require__(2793);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")," element which justs add a class name to give it is unique style. All properties you pass to it (e.g. *value* or *onChange*) are directly applied onto the underlying ",react_default.a.createElement("code",null,"")," element.")),react_default.a.createElement(components_input,{placeholder:"Simple input wrapper"}))};Input_stories_InputStory.displayName="InputStory";var Input_stories_InputPlaygroundStory=function InputPlaygroundStory(args){return react_default.a.createElement("section",{className:"story"},react_default.a.createElement(components_input,args))};Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.args={placeholder:"Simple input wrapper",disabled:!1},Input_stories_InputPlaygroundStory.argTypes={placeholder:{control:{type:"text"}},disabled:{control:{type:"boolean"}},className:{control:{type:null}}},Input_stories_InputStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n
\n

\n This component is a dumb wrapper around the\n <input /> element which justs add a class name to give it is\n unique style. All properties you pass to it (e.g. *value* or *onChange*) are\n directly applied onto the underlying <input /> element.\n

\n
\n \n
\n)'}},Input_stories_InputStory.parameters),Input_stories_InputPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},Input_stories_InputPlaygroundStory.parameters);try{Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.__docgenInfo={description:"",displayName:"InputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Input.stories.tsx#InputPlaygroundStory"]={docgenInfo:Input_stories_InputPlaygroundStory.__docgenInfo,name:"InputPlaygroundStory",path:"stories/components/Input.stories.tsx#InputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2897:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"LoadingStory",(function(){return Loading_stories_LoadingStory})),__webpack_require__.d(__webpack_exports__,"LoadingPlaygroundStory",(function(){return Loading_stories_LoadingPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2806);function Loading(_ref){var className=_ref.className,_ref$spinnerColor=_ref.spinnerColor,spinnerColor=void 0===_ref$spinnerColor?"#3F82EF":_ref$spinnerColor,_ref$bgColor=_ref.bgColor,bgColor=void 0===_ref$bgColor?"#D9E6FB":_ref$bgColor,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$ariaLabel=_ref["aria-label"],ariaLabel=void 0===_ref$ariaLabel?"Loading":_ref$ariaLabel;return react_default.a.createElement("div",{className:classnames_default()("reactist_loading",className),"aria-label":ariaLabel,"aria-live":"assertive",role:"alert"},react_default.a.createElement("span",{className:"reactist_loading--spinner"},react_default.a.createElement("svg",{width:size,height:size,viewBox:"0 0 24 24"},react_default.a.createElement("g",{fill:"none",fillRule:"nonzero"},react_default.a.createElement("path",{fill:spinnerColor,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),react_default.a.createElement("path",{fill:bgColor,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})))))}Loading.displayName="Loading",Loading.displayName="Loading";try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{className:{defaultValue:null,description:"Additional css class that is applied to Loading.",name:"className",required:!1,type:{name:"string | undefined"}},spinnerColor:{defaultValue:{value:"#3F82EF"},description:"Hex code of the spinner color.",name:"spinnerColor",required:!1,type:{name:"string | undefined"}},bgColor:{defaultValue:{value:"#D9E6FB"},description:"Hex code of the background color.",name:"bgColor",required:!1,type:{name:"string | undefined"}},size:{defaultValue:{value:"24"},description:"Circle diameter in pixels.",name:"size",required:!1,type:{name:"string | number | undefined"}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loading/loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/components/loading/loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}var components_loading=Loading;__webpack_require__(2804);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 (\n
\n

Loading

\n \n
\n)'}},Loading_stories_LoadingStory.parameters),Loading_stories_LoadingPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},Loading_stories_LoadingPlaygroundStory.parameters);try{Loading_stories_LoadingPlaygroundStory.displayName="LoadingPlaygroundStory",Loading_stories_LoadingPlaygroundStory.__docgenInfo={description:"",displayName:"LoadingPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Loading.stories.tsx#LoadingPlaygroundStory"]={docgenInfo:Loading_stories_LoadingPlaygroundStory.__docgenInfo,name:"LoadingPlaygroundStory",path:"stories/components/Loading.stories.tsx#LoadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2898:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SimpleMenuExample",(function(){return Menu_stories_SimpleMenuExample})),__webpack_require__.d(__webpack_exports__,"OverflowMenuExample",(function(){return Menu_stories_OverflowMenuExample}));__webpack_require__(244),__webpack_require__(473),__webpack_require__(152),__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(270),__webpack_require__(313),__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2808);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(53),classnames=(__webpack_require__(78),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);function forwardRefWithAs(render){return react.forwardRef(render)}var MenuState=__webpack_require__(2929),Menu_MenuButton=__webpack_require__(2928),Menu=__webpack_require__(2926),Menu_MenuItem=__webpack_require__(2927),MenuGroup=__webpack_require__(2925),PopoverBackdrop=__webpack_require__(2931);__webpack_require__(2845);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuContext=react.createContext({});function menu_Menu(_ref){var children=_ref.children,onItemSelect=_ref.onItemSelect,props=_objectWithoutProperties(_ref,["children","onItemSelect"]),state=MenuState.a(_objectSpread({loop:!0},props)),handleItemSelect=react.useCallback((function handleItemSelect(value){onItemSelect&&onItemSelect(value)}),[onItemSelect]),value=react.useMemo((function(){return _objectSpread(_objectSpread({},state),{},{handleItemSelect:handleItemSelect})}),[state,handleItemSelect]);return react.createElement(MenuContext.Provider,{value:value},children)}menu_Menu.displayName="Menu";var menu_MenuButton=forwardRefWithAs((function MenuButton(_ref2,ref){var className=_ref2.className,props=_objectWithoutProperties(_ref2,["className"]),_React$useContext=react.useContext(MenuContext),state=(_React$useContext.handleItemSelect,_objectWithoutProperties(_React$useContext,["handleItemSelect"]));return react.createElement(Menu_MenuButton.a,_extends({},props,state,{ref:ref,className:classnames_default()("reactist_menubutton",className)}))})),BACKDROP_STYLE={width:"100%",height:"100%",position:"fixed",top:0,left:0};function MenuBackdrop(_ref3){var baseId=_ref3.baseId,visible=_ref3.visible,animated=_ref3.animated,animating=_ref3.animating,stopAnimation=_ref3.stopAnimation,modal=_ref3.modal,children=_ref3.children;return react.createElement(PopoverBackdrop.a,{baseId:baseId,visible:visible,animated:animated,animating:animating,stopAnimation:stopAnimation,modal:modal,style:BACKDROP_STYLE},children)}MenuBackdrop.displayName="MenuBackdrop";var menu_MenuList=forwardRefWithAs((function MenuList(_ref4,ref){var className=_ref4.className,props=_objectWithoutProperties(_ref4,["className"]),_React$useContext2=react.useContext(MenuContext),state=(_React$useContext2.handleItemSelect,_objectWithoutProperties(_React$useContext2,["handleItemSelect"]));return state.visible?react.createElement(MenuBackdrop,state,react.createElement(Menu.a,_extends({},props,state,{ref:ref,className:classnames_default()("reactist_menulist",className)}))):null})),menu_MenuItem=forwardRefWithAs((function MenuItem(_ref5,ref){var value=_ref5.value,children=_ref5.children,onSelect=_ref5.onSelect,_ref5$hideOnSelect=_ref5.hideOnSelect,hideOnSelect=void 0===_ref5$hideOnSelect||_ref5$hideOnSelect,onClick=_ref5.onClick,props=_objectWithoutProperties(_ref5,["value","children","onSelect","hideOnSelect","onClick"]),_React$useContext3=react.useContext(MenuContext),handleItemSelect=_React$useContext3.handleItemSelect,state=_objectWithoutProperties(_React$useContext3,["handleItemSelect"]),hide=state.hide,handleClick=react.useCallback((function handleClick(event){null==onClick||onClick(event);var shouldClose=!1!==(onSelect&&!event.defaultPrevented?onSelect():void 0)&&hideOnSelect;handleItemSelect(value),shouldClose&&hide()}),[onSelect,onClick,handleItemSelect,hideOnSelect,hide,value]);return react.createElement(Menu_MenuItem.a,_extends({},props,state,{ref:ref,onClick:handleClick}),children)})),menu_SubMenu=react.forwardRef((function SubMenu(_ref6,ref){var children=_ref6.children,onItemSelect=_ref6.onItemSelect,props=_objectWithoutProperties(_ref6,["children","onItemSelect"]),_React$useContext4=react.useContext(MenuContext),parentMenuItemSelect=_React$useContext4.handleItemSelect,state=_objectWithoutProperties(_React$useContext4,["handleItemSelect"]),parentMenuHide=state.hide,handleSubItemSelect=react.useCallback((function handleSubItemSelect(value){onItemSelect&&onItemSelect(value),parentMenuItemSelect(value),parentMenuHide()}),[parentMenuHide,parentMenuItemSelect,onItemSelect]),_React$Children$toArr2=_slicedToArray(react.Children.toArray(children),2),button=_React$Children$toArr2[0],list=_React$Children$toArr2[1];return react.createElement(Menu_MenuItem.a,_extends({},state,props,{ref:ref}),(function(buttonProps){return react.createElement(menu_Menu,{onItemSelect:handleSubItemSelect},react.cloneElement(button,_objectSpread(_objectSpread({},buttonProps),{},{className:classnames_default()(buttonProps.className,"reactist_submenu_button")})),list)}))})),menu_MenuGroup=forwardRefWithAs((function MenuGroud(_ref7,ref){var label=_ref7.label,children=_ref7.children,props=_objectWithoutProperties(_ref7,["label","children"]),_React$useContext5=react.useContext(MenuContext),state=(_React$useContext5.handleItemSelect,_objectWithoutProperties(_React$useContext5,["handleItemSelect"]));return react.createElement(MenuGroup.a,_extends({ref:ref},props,state),label?react.createElement("div",{role:"presentation",className:"reactist_menugroup__label"},label):null,children)}));try{menu_Menu.displayName="Menu",menu_Menu.__docgenInfo={description:"Wrapper component to control a menu. It does not render anything, only providing the state\nmanagement for the menu components inside it.",displayName:"Menu",props:{baseId:{defaultValue:null,description:"ID that will serve as a base for all the items IDs.",name:"baseId",required:!1,type:{name:"string | undefined"}},animated:{defaultValue:null,description:"If `true`, `animating` will be set to `true` when `visible` is updated.\nIt'll wait for `stopAnimation` to be called or a CSS transition ends.\nIf `animated` is set to a `number`, `stopAnimation` will be called only\nafter the same number of milliseconds have passed.",name:"animated",required:!1,type:{name:"number | boolean | undefined"}},modal:{defaultValue:null,description:"Toggles Dialog's `modal` state.\n - Non-modal: `preventBodyScroll` doesn't work and focus is free.\n - Modal: `preventBodyScroll` is automatically enabled, focus is\ntrapped within the dialog and the dialog is rendered within a `Portal`\nby default.",name:"modal",required:!1,type:{name:"boolean | undefined"}},placement:{defaultValue:null,description:"Actual `placement`.",name:"placement",required:!1,type:{name:'"auto-start" | "auto" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start" | undefined'}},wrap:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving to\nthe next item from the last one in a row or column will focus the first\nitem in the next row or column and vice-versa.\n - `true` wraps between rows and columns.\n - `horizontal` wraps only between rows.\n - `vertical` wraps only between columns.\n - If `loop` matches the value of `wrap`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"wrap",required:!1,type:{name:'boolean | "horizontal" | "vertical" | undefined'}},unstable_virtual:{defaultValue:{value:"false"},description:"If enabled, the composite element will act as an\n[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)\ncontainer instead of\n[roving tabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).\nDOM focus will remain on the composite while its items receive virtual focus.",name:"unstable_virtual",required:!1,type:{name:"boolean | undefined"}},rtl:{defaultValue:{value:"false"},description:'Determines how `next` and `previous` functions will behave. If `rtl` is\nset to `true`, they will be inverted. This only affects the composite\nwidget behavior. You still need to set `dir="rtl"` on HTML/CSS.',name:"rtl",required:!1,type:{name:"boolean | undefined"}},orientation:{defaultValue:{value:"undefined"},description:"Defines the orientation of the composite widget. If the composite has a\nsingle row or column (one-dimensional), the `orientation` value determines\nwhich arrow keys can be used to move focus:\n - `undefined`: all arrow keys work.\n - `horizontal`: only left and right arrow keys work.\n - `vertical`: only up and down arrow keys work.\n\nIt doesn't have any effect on two-dimensional composites.",name:"orientation",required:!1,type:{name:'"horizontal" | "vertical" | undefined'}},currentId:{defaultValue:{value:"undefined"},description:'The current focused item `id`.\n - `undefined` will automatically focus the first enabled composite item.\n - `null` will focus the base composite element and users will be able to\nnavigate out of it using arrow keys.\n - If `currentId` is initially set to `null`, the base composite element\nitself will have focus and users will be able to navigate to it using\narrow keys.\n@example // First enabled item has initial focus\nuseCompositeState();\n// Base composite element has initial focus\nuseCompositeState({ currentId: null });\n// Specific composite item element has initial focus\nuseCompositeState({ currentId: "item-id" });',name:"currentId",required:!1,type:{name:"string | null | undefined"}},loop:{defaultValue:{value:"false"},description:"On one-dimensional composites:\n - `true` loops from the last item to the first item and vice-versa.\n - `horizontal` loops only if `orientation` is `horizontal` or not set.\n - `vertical` loops only if `orientation` is `vertical` or not set.\n - If `currentId` is initially set to `null`, the composite element will\nbe focused in between the last and first items.\n\nOn two-dimensional composites:\n - `true` loops from the last row/column item to the first item in the\nsame row/column and vice-versa. If it's the last item in the last row, it\nmoves to the first item in the first row and vice-versa.\n - `horizontal` loops only from the last row item to the first item in\nthe same row.\n - `vertical` loops only from the last column item to the first item in\nthe column row.\n - If `currentId` is initially set to `null`, vertical loop will have no\neffect as moving down from the last row or up from the first row will\nfocus the composite element.\n - If `wrap` matches the value of `loop`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"loop",required:!1,type:{name:'boolean | "horizontal" | "vertical" | undefined'}},shift:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving up\nor down when there's no next item or the next item is disabled will shift\nto the item right before it.",name:"shift",required:!1,type:{name:"boolean | undefined"}},unstable_includesBaseElement:{defaultValue:{value:"false"},description:"@private",name:"unstable_includesBaseElement",required:!1,type:{name:"boolean | undefined"}},unstable_values:{defaultValue:null,description:"Stores the values of radios and checkboxes within the menu.",name:"unstable_values",required:!1,type:{name:"Record | undefined"}},unstable_fixed:{defaultValue:null,description:"Whether or not the popover should have `position` set to `fixed`.",name:"unstable_fixed",required:!1,type:{name:"boolean | undefined"}},unstable_flip:{defaultValue:null,description:"Flip the popover's placement when it starts to overlap its reference\nelement.",name:"unstable_flip",required:!1,type:{name:"boolean | undefined"}},unstable_offset:{defaultValue:null,description:"Offset between the reference and the popover: [main axis, alt axis]. Should not be combined with `gutter`.",name:"unstable_offset",required:!1,type:{name:"[ReactText, ReactText] | undefined"}},gutter:{defaultValue:null,description:"Offset between the reference and the popover on the main axis. Should not be combined with `unstable_offset`.",name:"gutter",required:!1,type:{name:"number | undefined"}},unstable_preventOverflow:{defaultValue:null,description:"Prevents popover from being positioned outside the boundary.",name:"unstable_preventOverflow",required:!1,type:{name:"boolean | undefined"}},children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:menu_Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(__react_docgen_typescript_loader_error){}try{menu_SubMenu.displayName="SubMenu",menu_SubMenu.__docgenInfo={description:'This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\na sub-menu.\n\nIts children are expected to have the structure of a first level menu (a `MenuButton` and a\n`MenuList`).\n\n```jsx\n\n\n More options\n \n \n \n \n\n```\n\nThe `MenuButton` will become a menu item in the current menu items list, and it will lead to\nopening a sub-menu with the menu items list below it.',displayName:"SubMenu",props:{children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#SubMenu"]={docgenInfo:menu_SubMenu.__docgenInfo,name:"SubMenu",path:"src/components/menu/menu.tsx#SubMenu"})}catch(__react_docgen_typescript_loader_error){}var keyboard_shortcut=__webpack_require__(487),components_button=__webpack_require__(16);function Menu_stories_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 Menu_stories_objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [flag, setFlag] = React.useState(false)\n return (\n
\n

Some menu examples

\n \n \n Simple menu \n \n \n Edit\n Duplicate\n Remove\n \n \n \n \n With sub-menu \n \n \n \n Reactist on Github\n \n About Reactist…\n Check for updates…\n
\n \n Preferences\n \n Settings\n Extensions\n
\n Notifications\n \n \n \n \n \n \n With extra features \n \n \n \n \n ✏️\n \n Edit\n \n \n \n 👯‍♀️\n \n Duplicate\n Cmd + D\n \n {\n action(flag ? 'Toggle off' : 'Toggle on')(flag ? '👎' : '👍')\n setFlag((f) => !f)\n return false // This prevents the menu from closing\n }}\n >\n \n {flag ? '👍' : '👎'}\n \n Toggle thumbs up or down\n \n
\n \n Remove first\n Remove completed\n \n Remove all (disabled)\n \n \n \n \n
\n )\n}"}},Menu_stories_SimpleMenuExample.parameters),Menu_stories_OverflowMenuExample.parameters=Menu_stories_objectSpread({storySource:{source:'() => {\n return (\n
\n

A list of items with an overflow options menu

\n

\n This example is meant to be expanded with future features we plan to support (such\n as allowing to control the visible state of the menu from outside, and allow it to\n be used as a context menu).\n

\n
    \n {items.map((item, index) => (\n \n ))}\n
\n
\n )\n}'}},Menu_stories_OverflowMenuExample.parameters)},2899:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ProgressBarStory",(function(){return ProgressBar_stories_ProgressBarStory})),__webpack_require__.d(__webpack_exports__,"ProgressBarPlaygroundStory",(function(){return ProgressBar_stories_ProgressBarPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2857);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2859);function ProgressBar(_ref){var _ref$fillPercentage=_ref.fillPercentage,fillPercentage=void 0===_ref$fillPercentage?0:_ref$fillPercentage,className=_ref.className,finalClassName=classnames_default()("reactist_progress_bar",className),width=fillPercentage<0?0:fillPercentage>100?100:fillPercentage;return react_default.a.createElement("div",{className:finalClassName},react_default.a.createElement("div",{className:"inner",style:{width:"".concat(width,"%")}}))}ProgressBar.displayName="ProgressBar",ProgressBar.displayName="ProgressBar";try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"",displayName:"ProgressBar",props:{className:{defaultValue:null,description:"Additional css class applied to the progress bar.",name:"className",required:!1,type:{name:"string | undefined"}},fillPercentage:{defaultValue:{value:"0"},description:"How much of the progress bar should be filled. Number between 0 and 100 inclusive.",name:"fillPercentage",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/progress-bar/progress-bar.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"src/components/progress-bar/progress-bar.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}var components_progress_bar=ProgressBar;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 (\n
\n

Progress Bars

\n \n \n \n \n \n
\n)'}},ProgressBar_stories_ProgressBarStory.parameters),ProgressBar_stories_ProgressBarPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},ProgressBar_stories_ProgressBarPlaygroundStory.parameters);try{ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo={description:"",displayName:"ProgressBarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"]={docgenInfo:ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo,name:"ProgressBarPlaygroundStory",path:"stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2900:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"RangeInputStory",(function(){return RangeInput_stories_RangeInputStory})),__webpack_require__.d(__webpack_exports__,"RangeInputPlaygroundStory",(function(){return RangeInput_stories_RangeInputPlaygroundStory}));__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(270),__webpack_require__(244),__webpack_require__(313),__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(943),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2861);function RangeInput(_ref){var _ref$value=_ref.value,value=void 0===_ref$value?0:_ref$value,_ref$min=_ref.min,min=void 0===_ref$min?0:_ref$min,_ref$max=_ref.max,max=void 0===_ref$max?100:_ref$max,_ref$stepSize=_ref.stepSize,stepSize=void 0===_ref$stepSize?1:_ref$stepSize,onPlus=_ref.onPlus,onMinus=_ref.onMinus,_onChange=_ref.onChange,className=_ref.className;"function"!=typeof onPlus&&(onPlus=_onChange),"function"!=typeof onMinus&&(onMinus=_onChange);var rangeInputClassName=classnames_default()("reactist_range_input",className);return react_default.a.createElement("div",{className:rangeInputClassName},react_default.a.createElement("span",{className:"range_btn minus",onClick:function onClick(){return value>min&&onMinus&&onMinus(value-stepSize)}}),react_default.a.createElement("input",{value:value,className:"range_slider",type:"range",min:min,max:max,step:stepSize,onChange:function onChange(event){return null==_onChange?void 0:_onChange(parseInt(event.target.value))}}),react_default.a.createElement("span",{className:"range_btn plus",onClick:function onClick(){return value void) | undefined"}},onMinus:{defaultValue:null,description:"Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value.",name:"onMinus",required:!1,type:{name:"((value: number) => void) | undefined"}},onChange:{defaultValue:null,description:"Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks.",name:"onChange",required:!1,type:{name:"((value: number) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/range-input/range-input.tsx#RangeInput"]={docgenInfo:RangeInput.__docgenInfo,name:"RangeInput",path:"src/components/range-input/range-input.tsx#RangeInput"})}catch(__react_docgen_typescript_loader_error){}var components_range_input=RangeInput;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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [value, setValue] = useState(50)\n\n const handleChange = (val) => {\n setValue(val)\n }\n\n return (\n
\n

RangeInput

\n \n
\n )\n}'}},RangeInput_stories_RangeInputStory.parameters),RangeInput_stories_RangeInputPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n const [value, setValue] = useState(50)\n\n const handleChange = (val) => {\n setValue(val)\n }\n\n return (\n
\n

Current Value: {value}

\n \n
\n )\n}'}},RangeInput_stories_RangeInputPlaygroundStory.parameters);try{RangeInput_stories_RangeInputPlaygroundStory.displayName="RangeInputPlaygroundStory",RangeInput_stories_RangeInputPlaygroundStory.__docgenInfo={description:"",displayName:"RangeInputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/RangeInput.stories.tsx#RangeInputPlaygroundStory"]={docgenInfo:RangeInput_stories_RangeInputPlaygroundStory.__docgenInfo,name:"RangeInputPlaygroundStory",path:"stories/components/RangeInput.stories.tsx#RangeInputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2901:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SelectStory",(function(){return Select_stories_SelectStory})),__webpack_require__.d(__webpack_exports__,"SelectPlaygroundStory",(function(){return Select_stories_SelectPlaygroundStory}));__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(270),__webpack_require__(244),__webpack_require__(313),__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(152),__webpack_require__(78),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2865);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Select(_ref){var value=_ref.value,_ref$options=_ref.options,options=void 0===_ref$options?[]:_ref$options,_onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0===_ref$disabled||_ref$disabled,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,defaultValue=_ref.defaultValue,otherProps=_objectWithoutProperties(_ref,["value","options","onChange","disabled","className","defaultValue"]),selectClassName=classnames_default()("reactist_select",{disabled:disabled},className);return react_default.a.createElement("select",_extends({className:selectClassName,value:value,onChange:function onChange(event){return _onChange?_onChange(event.target.value):void 0},disabled:disabled,defaultValue:defaultValue},otherProps),null==options?void 0:options.map((function(option){return react_default.a.createElement("option",{key:option.key||option.value,value:option.value,disabled:option.disabled},option.text)})))}Select.displayName="Select",Select.displayName="Select",Select.defaultProps={options:[],disabled:!1};try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"Currently selected value.",name:"value",required:!1,type:{name:"string | number | undefined"}},onChange:{defaultValue:null,description:"Callback for the change event. Will be called with the next value (not the full event).",name:"onChange",required:!1,type:{name:"((value: string) => void) | undefined"}},options:{defaultValue:{value:"[]"},description:"Options that are rendered in the select.",name:"options",required:!1,type:{name:"Option[] | undefined"}},defaultValue:{defaultValue:null,description:"Value to initially be set",name:"defaultValue",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/select/select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/select/select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var components_select=Select;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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [value, setValue] = useState(options[0].value)\n\n const handleChange = (val) => {\n setValue(val)\n }\n\n return (\n
\n \n
\n )\n}'}},Select_stories_SelectPlaygroundStory.parameters);try{Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.__docgenInfo={description:"",displayName:"SelectPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Select.stories.tsx#SelectPlaygroundStory"]={docgenInfo:Select_stories_SelectPlaygroundStory.__docgenInfo,name:"SelectPlaygroundStory",path:"stories/components/Select.stories.tsx#SelectPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2902:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return inline_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return inline_stories_ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStackStory",(function(){return inline_stories_NestedStackStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),storybook_helper=__webpack_require__(4),stack=__webpack_require__(41),heading=__webpack_require__(30),type_helpers=(__webpack_require__(78),__webpack_require__(47),__webpack_require__(188)),responsive_props=__webpack_require__(21),box=__webpack_require__(144),inline_module=__webpack_require__(1563),inline_module_default=__webpack_require__.n(inline_module);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var inline_Inline=Object(type_helpers.a)((function Inline(_ref,ref){var component=_ref.component,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"left":_ref$align,_ref$alignY=_ref.alignY,alignY=void 0===_ref$alignY?"center":_ref$alignY,children=_ref.children,props=_objectWithoutProperties(_ref,["component","space","align","alignY","children"]);return react.createElement(box.a,null,react.createElement(box.a,_extends({component:component,display:"flex",flexWrap:"wrap",className:Object(responsive_props.a)(inline_module_default.a,"space",space),ref:ref,alignItems:Object(responsive_props.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":"center"})),justifyContent:Object(responsive_props.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"}))},props),children))}));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) {\n return (\n \n {renderInlineContent()}\n \n )\n}'}},inline_stories_InteractivePropsStory.parameters),inline_stories_ResponsiveStory.parameters=_objectSpread({storySource:{source:"function ResponsiveStory() {\n return (\n <>\n \n \n \n {renderInlineContent()}\n \n \n \n {renderInlineContent()}\n \n \n \n \n )\n}"}},inline_stories_ResponsiveStory.parameters),inline_stories_NestedStackStory.parameters=_objectSpread({storySource:{source:'function NestedStackStory({ space }: PartialProps) {\n return (\n <>\n \n Parent stack with space=“{space ?? \'none\'}”\n {renderInlineContent()}\n {renderInlineContent()}\n \n \n )\n}'}},inline_stories_NestedStackStory.parameters);try{inline_stories_InteractivePropsStory.displayName="InteractivePropsStory",inline_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#InteractivePropsStory"]={docgenInfo:inline_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/inline/inline.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{inline_stories_NestedStackStory.displayName="NestedStackStory",inline_stories_NestedStackStory.__docgenInfo={description:"",displayName:"NestedStackStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#NestedStackStory"]={docgenInfo:inline_stories_NestedStackStory.__docgenInfo,name:"NestedStackStory",path:"src/new-components/inline/inline.stories.tsx#NestedStackStory"})}catch(__react_docgen_typescript_loader_error){}},2903:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TextStory",(function(){return text_stories_TextStory})),__webpack_require__.d(__webpack_exports__,"TruncatedTextStory",(function(){return text_stories_TruncatedTextStory})),__webpack_require__.d(__webpack_exports__,"TextPlaygroundStory",(function(){return text_stories_TextPlaygroundStory}));__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(24),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),stack=__webpack_require__(41),responsive_props=(__webpack_require__(943),__webpack_require__(124),__webpack_require__(1462),__webpack_require__(1464),__webpack_require__(47),__webpack_require__(21)),box=__webpack_require__(144),type_helpers=__webpack_require__(188),text_module=__webpack_require__(325),text_module_default=__webpack_require__.n(text_module);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var text_Text=Object(type_helpers.a)((function Text(_ref,ref){var _ref$component=_ref.component,component=void 0===_ref$component?"span":_ref$component,_ref$size=_ref.size,size=void 0===_ref$size?"body":_ref$size,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,rest=_objectWithoutProperties(_ref,["component","size","weight","tone","children","lineClamp"]),lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return react.createElement(box.a,_extends({},rest,{component:component,className:[text_module_default.a.text,"body"!==size?Object(responsive_props.a)(text_module_default.a,"size",size):null,"regular"!==weight?Object(responsive_props.a)(text_module_default.a,"weight",weight):null,"normal"!==tone?Object(responsive_props.a)(text_module_default.a,"tone",tone):null,lineClampMultipleLines?text_module_default.a.lineClamp:null,lineClamp?Object(responsive_props.a)(text_module_default.a,"line-clamp",lineClamp.toString()):null],ref:ref}),children)})),storybook_helper=__webpack_require__(4);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Text",component:text_Text,argTypes:{size:Object(storybook_helper.f)(["caption","copy","body","subtitle"],"body"),weight:Object(storybook_helper.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(storybook_helper.f)([1,2,3,4,5],1),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"},tone:Object(storybook_helper.f)(["normal","secondary","danger"],"normal")}};var text_stories_TextStory=function TextStory(){return react_default.a.createElement("section",{className:"story"},react_default.a.createElement(stack.a,{space:"medium"},react_default.a.createElement(text_Text,{size:"subtitle",weight:"regular"},"Subtitle Regular"),react_default.a.createElement(text_Text,{size:"subtitle",tone:"secondary"},"Subtitle Secondary"),react_default.a.createElement(text_Text,{size:"subtitle",tone:"danger"},"Subtitle Danger"),react_default.a.createElement(text_Text,{size:"subtitle",weight:"semibold"},"Subtitle Semibold"),react_default.a.createElement(text_Text,{size:"subtitle",weight:"bold"},"Subtitle Bold"),react_default.a.createElement(text_Text,{size:"body",weight:"regular"},"Body Regular"),react_default.a.createElement(text_Text,{size:"body",tone:"secondary"},"Body Secondary"),react_default.a.createElement(text_Text,{size:"body",tone:"danger"},"Body Danger"),react_default.a.createElement(text_Text,{size:"body",weight:"semibold"},"Body Semibold"),react_default.a.createElement(text_Text,{size:"body",weight:"bold"},"Body Bold"),react_default.a.createElement(text_Text,{size:"copy",weight:"regular"},"Copy Regular"),react_default.a.createElement(text_Text,{size:"copy",tone:"secondary"},"Copy Secondary"),react_default.a.createElement(text_Text,{size:"copy",tone:"danger"},"Copy Danger"),react_default.a.createElement(text_Text,{size:"copy",weight:"semibold"},"Copy Semibold"),react_default.a.createElement(text_Text,{size:"copy",weight:"bold"},"Copy Bold"),react_default.a.createElement(text_Text,{size:"caption",weight:"regular"},"Caption Regular"),react_default.a.createElement(text_Text,{size:"caption",tone:"secondary"},"Caption Secondary"),react_default.a.createElement(text_Text,{size:"caption",tone:"danger"},"Caption Danger"),react_default.a.createElement(text_Text,{size:"caption",weight:"semibold"},"Caption Semibold"),react_default.a.createElement(text_Text,{size:"caption",weight:"bold"},"Caption Bold")))};text_stories_TextStory.displayName="TextStory";var text_stories_TruncatedTextStory=function TruncatedTextStory(){return react_default.a.createElement("section",{className:"story"},react_default.a.createElement(stack.a,{space:"medium"},react_default.a.createElement(text_Text,{lineClamp:1},"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."),react_default.a.createElement(text_Text,{lineClamp:4},"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.")))};text_stories_TruncatedTextStory.displayName="TruncatedTextStory";var text_stories_TextPlaygroundStory=function TextPlaygroundStory(_ref){var children=_ref.children,args=text_stories_objectWithoutProperties(_ref,["children"]);return react_default.a.createElement("section",{className:"story playground"},react_default.a.createElement(text_Text,args,children))};text_stories_TextPlaygroundStory.displayName="TextPlaygroundStory",text_stories_TextStory.parameters=_objectSpread({storySource:{source:'function TextStory() {\n return (\n
\n \n \n Subtitle Regular\n \n \n Subtitle Secondary\n \n \n Subtitle Danger\n \n \n Subtitle Semibold\n \n \n Subtitle Bold\n \n\n \n Body Regular\n \n \n Body Secondary\n \n \n Body Danger\n \n \n Body Semibold\n \n \n Body Bold\n \n\n \n Copy Regular\n \n \n Copy Secondary\n \n \n Copy Danger\n \n \n Copy Semibold\n \n \n Copy Bold\n \n\n \n Caption Regular\n \n \n Caption Secondary\n \n \n Caption Danger\n \n \n Caption Semibold\n \n \n Caption Bold\n \n \n
\n )\n}'}},text_stories_TextStory.parameters),text_stories_TruncatedTextStory.parameters=_objectSpread({storySource:{source:'function TruncatedTextStory() {\n return (\n
\n \n \n Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n \n\n \n Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n \n \n
\n )\n}'}},text_stories_TruncatedTextStory.parameters),text_stories_TextPlaygroundStory.parameters=_objectSpread({storySource:{source:'function TextPlaygroundStory({ children, ...args }: React.ComponentProps) {\n return (\n
\n {children}\n
\n )\n}'}},text_stories_TextPlaygroundStory.parameters);try{text_stories_TextPlaygroundStory.displayName="TextPlaygroundStory",text_stories_TextPlaygroundStory.__docgenInfo={description:"",displayName:"TextPlaygroundStory",props:{component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"body" | "caption" | "copy" | "subtitle" | undefined'}},weight:{defaultValue:null,description:"",name:"weight",required:!1,type:{name:'"regular" | "semibold" | "bold" | undefined'}},tone:{defaultValue:null,description:"",name:"tone",required:!1,type:{name:'"secondary" | "danger" | "normal" | undefined'}},lineClamp:{defaultValue:null,description:"",name:"lineClamp",required:!1,type:{name:'1 | 2 | 5 | "1" | 3 | "2" | 4 | "3" | "4" | "5" | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#TextPlaygroundStory"]={docgenInfo:text_stories_TextPlaygroundStory.__docgenInfo,name:"TextPlaygroundStory",path:"src/new-components/text/text.stories.tsx#TextPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2904:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardButtonsStory",(function(){return Button_stories_StandardButtonsStory})),__webpack_require__.d(__webpack_exports__,"SmallButtonsStory",(function(){return Button_stories_SmallButtonsStory})),__webpack_require__.d(__webpack_exports__,"LargeButtonsStory",(function(){return Button_stories_LargeButtonsStory})),__webpack_require__.d(__webpack_exports__,"DisabledButtonsStory",(function(){return Button_stories_DisabledButtonsStory})),__webpack_require__.d(__webpack_exports__,"LoadingButtonsStory",(function(){return Button_stories_LoadingButtonsStory})),__webpack_require__.d(__webpack_exports__,"AlternateBrandingButtonsStory",(function(){return Button_stories_AlternateBrandingButtonsStory})),__webpack_require__.d(__webpack_exports__,"ButtonPlaygroundStory",(function(){return Button_stories_ButtonPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),react_markdown=__webpack_require__(1566),react_markdown_default=__webpack_require__.n(react_markdown),components_button=(__webpack_require__(2771),__webpack_require__(16));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 .reactist_button {\n background-color: @primary-color;\n\n &--primary:not([disabled]):hover {\n background-color: @primary-color-darker;\n }\n\n &:not(.reactist_button--loading):not(.reactist_button--secondary)&:disabled {\n background-color: @primary-color-lighter;\n }\n\n &.reactist_button--secondary {\n background-color: white;\n border: 1px solid @primary-color;\n color: @primary-color;\n }\n }\n }\n"}),react_default.a.createElement("br",null),react_default.a.createElement(components_button.a,{variant:"primary"},"Primary Button"),react_default.a.createElement(components_button.a,{variant:"secondary"},"Secondary Button"))};Button_stories_AlternateBrandingButtonsStory.displayName="AlternateBrandingButtonsStory";var Button_stories_ButtonPlaygroundStory=function ButtonPlaygroundStory(args){return react_default.a.createElement("section",{className:"story playground"},react_default.a.createElement(components_button.a,args,"Button Text"))};Button_stories_ButtonPlaygroundStory.displayName="ButtonPlaygroundStory",Button_stories_ButtonPlaygroundStory.args={variant:"primary",size:"default",disabled:!1,loading:!1,tooltip:""},Button_stories_ButtonPlaygroundStory.argTypes={disabled:"boolean",loading:"boolean",variant:{type:"select",options:["(none)","primary","secondary","danger","link"]},size:{type:"select",options:["default","small","large"]}},Button_stories_StandardButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n \n \n

\n You can and it works as\n you'd expect.\n

\n
\n )\n}'}},Button_stories_StandardButtonsStory.parameters),Button_stories_SmallButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n \n \n
\n )\n}'}},Button_stories_SmallButtonsStory.parameters),Button_stories_LargeButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n \n \n
\n )\n}'}},Button_stories_LargeButtonsStory.parameters),Button_stories_DisabledButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n \n \n
\n )\n}'}},Button_stories_DisabledButtonsStory.parameters),Button_stories_LoadingButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n

\n Note: loading has no effect on link or plain buttons. Use{\' \'}\n disabled instead.\n

\n
\n )\n}'}},Button_stories_LoadingButtonsStory.parameters),Button_stories_AlternateBrandingButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n

\n If you want your buttons to have a different color scheme you need to import a\n .css file and overwrite the following rules:\n

\n \n
\n \n \n
\n )\n}'}},Button_stories_AlternateBrandingButtonsStory.parameters),Button_stories_ButtonPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n return (\n
\n \n
\n )\n}'}},Button_stories_ButtonPlaygroundStory.parameters);try{Button_stories_ButtonPlaygroundStory.displayName="ButtonPlaygroundStory",Button_stories_ButtonPlaygroundStory.__docgenInfo={description:"",displayName:"ButtonPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Button.stories.tsx#ButtonPlaygroundStory"]={docgenInfo:Button_stories_ButtonPlaygroundStory.__docgenInfo,name:"ButtonPlaygroundStory",path:"stories/components/Button.stories.tsx#ButtonPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2905:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardNotificationStory",(function(){return Notification_stories_StandardNotificationStory})),__webpack_require__.d(__webpack_exports__,"NonClickableNotificationStory",(function(){return Notification_stories_NonClickableNotificationStory})),__webpack_require__.d(__webpack_exports__,"CustomContentNotificationStory",(function(){return Notification_stories_CustomContentNotificationStory})),__webpack_require__.d(__webpack_exports__,"NotificationPlaygroundStory",(function(){return Notification_stories_NotificationPlaygroundStory}));__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(53),avatar=__webpack_require__(251),tip=__webpack_require__(384),classnames=(__webpack_require__(78),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames),CloseIcon_svg=__webpack_require__(285);__webpack_require__(2853);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Notification(_ref){var id=_ref.id,icon=_ref.icon,title=_ref.title,subtitle=_ref.subtitle,children=_ref.children,customCloseButton=_ref.customCloseButton,onClick=_ref.onClick,onClose=_ref.onClose,_ref$closeAltText=_ref.closeAltText,closeAltText=void 0===_ref$closeAltText?"Close":_ref$closeAltText,className=_ref.className,rest=_objectWithoutProperties(_ref,["id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className"]),titleId=title?"".concat(id,"-title"):null,titleIdAttribute=titleId?{id:titleId}:null,subtitleId=subtitle?"".concat(id,"-subtitle"):null,subtitleIdAttribute=subtitleId?{id:subtitleId}:null,contentId=children?"".concat(id,"-content"):null,contentIdAttribute=children?{id:"".concat(id,"-content")}:null,ariaLabelledBy=contentId?{"aria-labelledby":contentId}:titleId?{"aria-labelledby":titleId}:null,ariaDescribedBy=subtitleId&&!children?{"aria-describedby":subtitleId}:null,notificationContent=react_default.a.createElement("div",_extends({className:"reactist-notification__content"},contentIdAttribute),null!=children?children:react_default.a.createElement(react_default.a.Fragment,null,title?react_default.a.createElement("h3",_extends({className:"reactist-notification__title"},titleIdAttribute),title):null,subtitle?react_default.a.createElement("p",_extends({className:"reactist-notification__subtitle"},subtitleIdAttribute),subtitle):null)),notificationBody=react_default.a.createElement("div",{className:"reactist-notification__icon-content-group"},null!=icon?icon:null,notificationContent);return react_default.a.createElement("div",_extends({id:id,role:"dialog",className:classnames_default()("reactist-notification",className,{"reactist-notification--with-button":Boolean(onClick),"reactist-notification--with-close-button":Boolean(onClose)})},ariaLabelledBy,ariaDescribedBy,rest),onClick?react_default.a.createElement("button",{className:"reactist-notification__button",onClick:onClick},notificationBody):notificationBody,onClose?react_default.a.createElement("button",{className:"reactist-notification__close-button",onClick:onClose,"aria-label":closeAltText},null!=customCloseButton?customCloseButton:react_default.a.createElement(CloseIcon_svg.a,null)):null)}Notification.displayName="Notification";try{Notification.displayName="Notification",Notification.__docgenInfo={description:"",displayName:"Notification",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string | ({} & string) | (ReactElement ReactElement Component)> | null) | (new (props: any) => Component<...>)> & string) | (ReactNodeArray & string) | (ReactPortal & string) | undefined"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"ReactNode"}},customCloseButton:{defaultValue:null,description:"",name:"customCloseButton",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(((event: MouseEvent) => void) & ((event: MouseEvent) => void)) | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((event: MouseEvent) => void) | undefined"}},closeAltText:{defaultValue:{value:"Close"},description:"",name:"closeAltText",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/notification/notification.tsx#Notification"]={docgenInfo:Notification.__docgenInfo,name:"Notification",path:"src/components/notification/notification.tsx#Notification"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__(2851);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 {\n return (\n
\n

Standard Notification

\n }\n title="You have a new message!"\n subtitle="Click here to view."\n onClose={action(\'onClose\')}\n onClick={action(\'onClick\')}\n />\n
\n )\n}'}},Notification_stories_StandardNotificationStory.parameters),Notification_stories_NonClickableNotificationStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n

Non-clickable Notification

\n \n
\n )\n}'}},Notification_stories_NonClickableNotificationStory.parameters),Notification_stories_CustomContentNotificationStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n

Custom Content Notification

\n }\n onClose={action(\'onClose\')}\n className="notification-story-notification-container"\n >\n
\n

You received a message from Brock

\n

\n Better not leave him hanging\n \n

\n
\n \n
\n )\n}'}},Notification_stories_CustomContentNotificationStory.parameters),Notification_stories_NotificationPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n const onClose = args.onClose ? action(\'onClose\') : undefined\n const onClick = args.onClick ? action(\'onClick\') : undefined\n const icon = args.icon ? (\n
\n \n
\n ) : null\n const children = args.children ? (\n
\n

\n If children is provided, then{\' \'}\n it will be rendered instead of the title and subtitle\n

\n
\n ) : null\n\n return (\n
\n \n {children}\n \n
\n )\n}'}},Notification_stories_NotificationPlaygroundStory.parameters);try{Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory",Notification_stories_NotificationPlaygroundStory.__docgenInfo={description:"",displayName:"NotificationPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Notification.stories.tsx#NotificationPlaygroundStory"]={docgenInfo:Notification_stories_NotificationPlaygroundStory.__docgenInfo,name:"NotificationPlaygroundStory",path:"stories/components/Notification.stories.tsx#NotificationPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2906:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TabsStory",(function(){return Tabs_stories_TabsStory})),__webpack_require__.d(__webpack_exports__,"TabsPlaygroundStory",(function(){return Tabs_stories_TabsPlaygroundStory}));__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2867);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(53),classnames=(__webpack_require__(152),__webpack_require__(2869),__webpack_require__(2870),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2871);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _defineProperties(target,props){for(var i=0;i void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/tabs.tsx#Tabs"]={docgenInfo:tabs_Tabs.__docgenInfo,name:"Tabs",path:"src/components/tabs/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{tabs_Tab.displayName="Tab",tabs_Tab.__docgenInfo={description:"",displayName:"Tab",props:{className:{defaultValue:null,description:"Additional css class applied to Tab.",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"Disabled tabs can't be selected.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | number | undefined"}},title:{defaultValue:null,description:"Title of the tab.",name:"title",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/tabs.tsx#Tab"]={docgenInfo:tabs_Tab.__docgenInfo,name:"Tab",path:"src/components/tabs/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}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 {\n return (\n
\n

Tabs

\n \n \n Content of Tab A\n \n \n Content of Tab B\n \n \n Content of Tab C\n \n \n
\n )\n}'}},Tabs_stories_TabsStory.parameters),Tabs_stories_TabsPlaygroundStory.parameters=_objectSpread({storySource:{source:"(args) => {\n return (\n
\n \n \n Content of Tab A\n \n \n Content of Tab B\n \n \n Content of Tab C\n \n \n
\n )\n}"}},Tabs_stories_TabsPlaygroundStory.parameters);try{Tabs_stories_TabsPlaygroundStory.displayName="TabsPlaygroundStory",Tabs_stories_TabsPlaygroundStory.__docgenInfo={description:"",displayName:"TabsPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tabs.stories.tsx#TabsPlaygroundStory"]={docgenInfo:Tabs_stories_TabsPlaygroundStory.__docgenInfo,name:"TabsPlaygroundStory",path:"stories/components/Tabs.stories.tsx#TabsPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2907:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__(656),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(78),__webpack_require__(47);var react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__),classnames__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(22),classnames__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_13__),reakit_Tooltip__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(2908),reakit_Tooltip__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(2909),reakit_Tooltip__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(2910);__webpack_require__(2776);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}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 void) | undefined"}},unstable_popoverRef:{defaultValue:null,description:"The popover element.\n@private",name:"unstable_popoverRef",required:!1,type:{name:"RefObject | undefined"}},unstable_popoverStyles:{defaultValue:null,description:"Popover styles.\n@private",name:"unstable_popoverStyles",required:!1,type:{name:"CSSProperties | undefined"}},unstable_system:{defaultValue:null,description:"Options passed to `reakit-system-*`\n@private",name:"unstable_system",required:!1,type:{name:"any"}},unstable_portal:{defaultValue:null,description:"Whether or not the tooltip should be rendered within `Portal`.",name:"unstable_portal",required:!1,type:{name:"boolean | undefined"}},wrapElement:{defaultValue:null,description:"Function returned by the hook to wrap the element to which html props\nwill be passed.",name:"wrapElement",required:!1,type:{name:"((element: ReactNode) => ReactNode) | undefined"}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"string | number | boolean | {} | ReactElement ReactElement Component)> | null) | (new (props: any) => Component<...>)> | ... 4 more ... | undefined"}},position:{defaultValue:{value:"top"},description:"",name:"position",required:!1,type:{name:'"auto-start" | "auto" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start" | undefined'}},gapSize:{defaultValue:{value:"3"},description:"",name:"gapSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/components/tooltip/tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},30:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Heading}));__webpack_require__(943),__webpack_require__(124),__webpack_require__(1462),__webpack_require__(1464),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(0),_responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(21),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(144),_heading_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(324),_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_heading_module_css__WEBPACK_IMPORTED_MODULE_11__);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=react__WEBPACK_IMPORTED_MODULE_8__.forwardRef((function Heading(_ref,ref){var level=_ref.level,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,size=_ref.size,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,props=_objectWithoutProperties(_ref,["level","weight","size","tone","children","lineClamp"]),headingElementName="h".concat(level),lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return react__WEBPACK_IMPORTED_MODULE_8__.createElement(_box__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},props,{className:[_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.heading,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"tone",tone):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"size",size),lineClampMultipleLines?_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.lineClamp:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"line-clamp",lineClamp.toString()):null],component:headingElementName,ref:ref}),children)}));try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"smaller" | "larger" | "largest" | undefined'}},level:{defaultValue:null,description:"",name:"level",required:!0,type:{name:"HeadingLevel"}},weight:{defaultValue:{value:"regular"},description:"",name:"weight",required:!1,type:{name:'"regular" | "light" | undefined'}},tone:{defaultValue:{value:"normal"},description:"",name:"tone",required:!1,type:{name:'"secondary" | "danger" | "normal" | undefined'}},lineClamp:{defaultValue:null,description:"",name:"lineClamp",required:!1,type:{name:'1 | 2 | 5 | "1" | 3 | "2" | 4 | "3" | "4" | "5" | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"src/new-components/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}},324:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2625);"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||{}},325:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2633);"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||{}},384:function(module,__webpack_exports__,__webpack_require__){"use strict";var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames),ThinQuestionMarkIcon_svg_ThinQuestionMark=function ThinQuestionMark(){return react_default.a.createElement("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18"},react_default.a.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},react_default.a.createElement("g",{fill:"#979797"},react_default.a.createElement("path",{d:"M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z M9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 Z",fillRule:"nonzero"}),react_default.a.createElement("path",{d:"M5.625,6.671875 L6.9609375,6.671875 C7.046875,5.5546875 7.796875,4.859375 8.9765625,4.859375 C10.140625,4.859375 10.890625,5.5703125 10.890625,6.5390625 C10.890625,7.375 10.5390625,7.8671875 9.6328125,8.421875 C8.5625,9.0625 8.0625,9.765625 8.0703125,10.796875 L8.0703125,11.515625 L9.4375,11.515625 L9.4375,11.0078125 C9.4375,10.1875 9.71875,9.75 10.7109375,9.1640625 C11.7109375,8.5625 12.34375,7.6953125 12.34375,6.46875 C12.34375,4.859375 11,3.640625 9.03125,3.640625 C6.8359375,3.640625 5.7109375,4.984375 5.625,6.671875 Z M8.859375,15.140625 C9.4921875,15.140625 9.9375,14.6875 9.9375,14.0546875 C9.9375,13.4140625 9.4921875,12.9609375 8.859375,12.9609375 C8.2265625,12.9609375 7.7734375,13.4140625 7.7734375,14.0546875 C7.7734375,14.6875 8.2265625,15.140625 8.859375,15.140625 Z"}))))};ThinQuestionMarkIcon_svg_ThinQuestionMark.displayName="ThinQuestionMark";var ThinQuestionMarkIcon_svg=ThinQuestionMarkIcon_svg_ThinQuestionMark,dropdown=__webpack_require__(115);__webpack_require__(2855);function Tip(_ref){var title=_ref.title,message=_ref.message,top=_ref.top,className=_ref.className,tipClass=classnames_default()("reactist_tip__container",className);return react_default.a.createElement(dropdown.a.Box,{top:top,className:tipClass},react_default.a.createElement(dropdown.a.Trigger,null,react_default.a.createElement(ThinQuestionMarkIcon_svg,null)),react_default.a.createElement(dropdown.a.Body,null,react_default.a.createElement("div",{className:"reactist_tip"},react_default.a.createElement("p",{className:"reactist_tip--title"},title),react_default.a.createElement("p",{className:"reactist_tip--message"},message))))}Tip.displayName="Tip",Tip.displayName="Tip",Tip.defaultProps={top:!1};try{Tip.displayName="Tip",Tip.__docgenInfo={description:"",displayName:"Tip",props:{className:{defaultValue:null,description:"Additional css class that is applied to the Tip.",name:"className",required:!1,type:{name:"string | undefined"}},title:{defaultValue:null,description:"Title of the tip.",name:"title",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"Message of the tip.",name:"message",required:!1,type:{name:"ReactNode"}},top:{defaultValue:{value:"false"},description:"Whether the tip content should be displayed to the top or not. Maps to the Dropdown.Box top property.",name:"top",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tip/tip.tsx#Tip"]={docgenInfo:Tip.__docgenInfo,name:"Tip",path:"src/components/tip/tip.tsx#Tip"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=Tip},4:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return select})),__webpack_require__.d(__webpack_exports__,"i",(function(){return selectWithNone})),__webpack_require__.d(__webpack_exports__,"h",(function(){return selectSize})),__webpack_require__.d(__webpack_exports__,"g",(function(){return selectCount})),__webpack_require__.d(__webpack_exports__,"j",(function(){return times})),__webpack_require__.d(__webpack_exports__,"e",(function(){return reusableBoxProps})),__webpack_require__.d(__webpack_exports__,"d",(function(){return disableResponsiveProps})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Wrapper})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ResponsiveWidthRef})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__(473),__webpack_require__(152),__webpack_require__(1454),__webpack_require__(17),__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(313),__webpack_require__(270),__webpack_require__(244),__webpack_require__(24),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__(0),_box__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__(144),_heading__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__(30),_stack__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__(41);__webpack_require__(2620);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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==arguments[1]?arguments[1]:"none";return{control:{type:"select"},options:["none"].concat(_toConsumableArray(options)),defaultValue:defaultValue,mapping:{none:void 0}}}function selectSize(){var defaultValue=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"none";return selectWithNone(["xsmall","small","medium","large","xlarge","xxlarge"],defaultValue)}function selectCount(label){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return{control:{type:"number",min:1},name:label,defaultValue:defaultValue}}function times(count){return Array.apply(null,Array(count)).map((function(_x,i){return i}))}function reusableBoxProps(){return{maxWidth:selectWithNone(["xsmall","small","medium","large","xlarge"]),padding:selectSize(),paddingX:selectSize(),paddingY:selectSize(),paddingTop:selectSize(),paddingRight:selectSize(),paddingBottom:selectSize(),paddingLeft:selectSize()}}var disableResponsiveProps=Object.keys(reusableBoxProps()).reduce((function(accumulator,key){return _objectSpread(_objectSpread({},accumulator),{},_defineProperty({},key,{control:!1}))}),{});function Wrapper(_ref){var title=_ref.title,children=_ref.children,_ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border;return react__WEBPACK_IMPORTED_MODULE_22__.createElement(_stack__WEBPACK_IMPORTED_MODULE_25__.a,{space:"small"},title?react__WEBPACK_IMPORTED_MODULE_22__.createElement(_heading__WEBPACK_IMPORTED_MODULE_24__.a,{level:"2"},title):null,react__WEBPACK_IMPORTED_MODULE_22__.createElement(_box__WEBPACK_IMPORTED_MODULE_23__.a,{style:border?{border:"1px dotted black"}:void 0},children))}function ResponsiveWidthRef(){return react__WEBPACK_IMPORTED_MODULE_22__.createElement(react__WEBPACK_IMPORTED_MODULE_22__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_22__.createElement("div",{style:{height:"36px"}}),react__WEBPACK_IMPORTED_MODULE_22__.createElement("div",{style:{position:"fixed",top:0,left:0}},react__WEBPACK_IMPORTED_MODULE_22__.createElement("div",{style:{width:"992px",height:"20px",backgroundColor:"#ccc"}},"desktop min width"),react__WEBPACK_IMPORTED_MODULE_22__.createElement("div",{style:{width:"768px",height:"20px",backgroundColor:"#ddd"}},"tablet min width")))}function Placeholder(_ref2){var label=_ref2.label,_ref2$width=_ref2.width,width=void 0===_ref2$width?"100%":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"30px":_ref2$height;return react__WEBPACK_IMPORTED_MODULE_22__.createElement(_box__WEBPACK_IMPORTED_MODULE_23__.a,{style:{backgroundColor:"lightgreen",border:"1px solid green",width:width,height:height},display:"flex",alignItems:"center",padding:"medium"},label)}Wrapper.displayName="Wrapper",Placeholder.displayName="Placeholder";try{selectSize.displayName="selectSize",selectSize.__docgenInfo={description:"",displayName:"selectSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#selectSize"]={docgenInfo:selectSize.__docgenInfo,name:"selectSize",path:"src/new-components/storybook-helper.tsx#selectSize"})}catch(__react_docgen_typescript_loader_error){}try{times.displayName="times",times.__docgenInfo={description:"",displayName:"times",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#times"]={docgenInfo:times.__docgenInfo,name:"times",path:"src/new-components/storybook-helper.tsx#times"})}catch(__react_docgen_typescript_loader_error){}try{Wrapper.displayName="Wrapper",Wrapper.__docgenInfo={description:"",displayName:"Wrapper",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Wrapper"]={docgenInfo:Wrapper.__docgenInfo,name:"Wrapper",path:"src/new-components/storybook-helper.tsx#Wrapper"})}catch(__react_docgen_typescript_loader_error){}try{Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/new-components/storybook-helper.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},41:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return stack_Stack}));__webpack_require__(152),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react=__webpack_require__(0),react_keyed_flatten_children=__webpack_require__(1561),react_keyed_flatten_children_default=__webpack_require__.n(react_keyed_flatten_children),type_helpers=__webpack_require__(188),responsive_props=__webpack_require__(21),box=__webpack_require__(144),divider_module=__webpack_require__(986),divider_module_default=__webpack_require__.n(divider_module);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Divider(_ref){var _ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,props=_objectWithoutProperties(_ref,["weight"]);return react.createElement(box.a,_extends({component:"hr",className:[divider_module_default.a.divider,"regular"!==weight?Object(responsive_props.a)(divider_module_default.a,"weight",weight):null]},props))}Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{weight:{defaultValue:{value:"regular"},description:"",name:"weight",required:!1,type:{name:'"strong" | "regular" | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"src/new-components/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}var stack_module=__webpack_require__(1562),stack_module_default=__webpack_require__.n(stack_module);function stack_extends(){return(stack_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var stack_Stack=Object(type_helpers.a)((function Stack(_ref,ref){var component=_ref.component,space=_ref.space,_ref$dividers=_ref.dividers,dividers=void 0!==_ref$dividers&&_ref$dividers,children=_ref.children,className=_ref.className,props=stack_objectWithoutProperties(_ref,["component","space","dividers","children","className"]);return react.createElement(box.a,stack_extends({component:component,className:[className,Object(responsive_props.a)(stack_module_default.a,"space",space)],ref:ref},props),dividers?react.Children.map(react_keyed_flatten_children_default()(children),(function(child,index){return index>0?react.createElement(react.Fragment,null,react.createElement(Divider,{weight:"string"==typeof dividers?dividers:void 0}),child):child})):children)}))},487:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(270),__webpack_require__(1465),__webpack_require__(475),__webpack_require__(152),__webpack_require__(961),__webpack_require__(1491),__webpack_require__(2801),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react=__webpack_require__(0),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var globalTranslateKey=function globalTranslateKey(key){return key};function translateKeyMac(key){switch(key.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return key}}function KeyboardShortcut(_ref){var _navigator$platform$t,_navigator$platform,children=_ref.children,className=_ref.className,_ref$translateKey=_ref.translateKey,translateKey=void 0===_ref$translateKey?globalTranslateKey:_ref$translateKey,_ref$isMac=_ref.isMac,isMac=void 0===_ref$isMac?null!==(_navigator$platform$t=null===(_navigator$platform=navigator.platform)||void 0===_navigator$platform?void 0:_navigator$platform.toUpperCase().includes("MAC"))&&void 0!==_navigator$platform$t&&_navigator$platform$t:_ref$isMac,props=_objectWithoutProperties(_ref,["children","className","translateKey","isMac"]),shortcuts="string"==typeof children?[children]:children;return react.createElement("span",_extends({className:classnames_default()("reactist_keyboard_shortcut",className,{"reactist_keyboard_shortcut--macos":isMac})},props),shortcuts.map((function(shortcut,i){return react.createElement(react.Fragment,{key:i},0===i?null:", ",react.createElement("kbd",null,function parseKeys(shortcut,isMac,translateKey){var t=isMac?translateKeyMac:translateKey,_hasModifiers=function hasModifiers(str){return/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str)}(shortcut);return isMac||(shortcut=shortcut.replace(/\b(mod|cmd)\b/i,"ctrl")),shortcut.split(/\s*\+\s*/).map((function mapIndividualKey(str){return function isSpecialKey(str){return/^(mod|cmd|ctrl|control|alt|shift|space)$/i.test(str)}(str)?function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1).toLowerCase()}(t(str)):_hasModifiers&&1===str.length?str.toUpperCase():str}))}(shortcut,isMac,translateKey).map((function(key,j){return react.createElement("kbd",{key:j},key)}))))})))}KeyboardShortcut.setTranslateKey=function(tr){globalTranslateKey=tr},KeyboardShortcut.displayName="KeyboardShortcut";try{KeyboardShortcut.displayName="KeyboardShortcut",KeyboardShortcut.__docgenInfo={description:"",displayName:"KeyboardShortcut",props:{children:{defaultValue:null,description:"The shortcut to be represented as markup. It supports an intuitive syntax where you can\ncombine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\nYou can also pass various shortcuts as an array, which will be depicted separated by commas.",name:"children",required:!0,type:{name:"string | string[]"}},translateKey:{defaultValue:null,description:"A function that allows you to change how some key names are represented. This may be useful,\nfor instance, to translate modifier names that are expressed differently in other languages\n(e.g. `Ctrl` is named `Strg` in German).\n\nIt defaults to a global version that leaves the key as is. You can pass your version as a\nprop, or you can also set your own version of this global default one, so you don't need to\npass your own on each invocation of this component.\n\n```js\nimport { KeyboardShortcut } from '@doist/reactist'\nKeyboardShortcut.setTranslateKey = key => { ... }\n```\n\nNote: When the component detects the macOS operating system it bypasses key translation for\nmost modifiers and uses macOS-specific symbols. See the `isMac` prop for details.",name:"translateKey",required:!1,type:{name:"((key: string) => string) | undefined"}},isMac:{defaultValue:{value:"navigator.platform?.toUpperCase().includes('MAC') ?? false"},description:"This prop is not meant to be passed. The component will automatically initialize it to `true`\nif it detects that the current browser / operating system is on macOS, in which case modifier\nkeys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n\nThough it is discouraged, if you don't want this special treatment in macOS, you can pass\n`isMac={false}` in all invocations of this component.",name:"isMac",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"]={docgenInfo:KeyboardShortcut.__docgenInfo,name:"KeyboardShortcut",path:"src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=KeyboardShortcut},68:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2608);"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||{}},687:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2629);"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||{}},8:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Column})),__webpack_require__.d(__webpack_exports__,"b",(function(){return Columns}));__webpack_require__(1465),__webpack_require__(475),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(0),_type_helpers__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(188),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(21),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(144),_columns_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(687),_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_columns_module_css__WEBPACK_IMPORTED_MODULE_10__);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Column=Object(_type_helpers__WEBPACK_IMPORTED_MODULE_7__.a)((function Column(_ref,ref){_ref.component;var _ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,children=_ref.children,props=_objectWithoutProperties(_ref,["component","width","children"]);return react__WEBPACK_IMPORTED_MODULE_6__.createElement(_box__WEBPACK_IMPORTED_MODULE_9__.a,_extends({className:[_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a.column,"content"!==width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"columnWidth",width.replace("/","-")):null],minWidth:0,width:"content"!==width?"full":void 0,flexShrink:"content"===width?0:void 0,ref:ref},props),children)})),Columns=Object(_type_helpers__WEBPACK_IMPORTED_MODULE_7__.a)((function Columns(_ref2,ref){var space=_ref2.space,align=_ref2.align,alignY=_ref2.alignY,collapseBelow=_ref2.collapseBelow,children=_ref2.children,props=_objectWithoutProperties(_ref2,["space","align","alignY","collapseBelow","children"]);return react__WEBPACK_IMPORTED_MODULE_6__.createElement(_box__WEBPACK_IMPORTED_MODULE_9__.a,_extends({},props,{className:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"space",space),flexDirection:"desktop"===collapseBelow?["column","column","row"]:"tablet"===collapseBelow?["column","row"]:"row",display:"flex",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":"center"})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"})),flexGrow:1,ref:ref}),children)}))},986:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2623);"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||{}}},[[1598,2,3]]]); \ No newline at end of file diff --git a/docs/main.e3b234ec.iframe.bundle.js b/docs/main.e3b234ec.iframe.bundle.js new file mode 100644 index 000000000..b83d0776d --- /dev/null +++ b/docs/main.e3b234ec.iframe.bundle.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{115:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(656),__webpack_require__(24),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),react_dom=__webpack_require__(51),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames),components_button=__webpack_require__(16);__webpack_require__(2785);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Box=Object(_type_helpers__WEBPACK_IMPORTED_MODULE_12__.a)((function Box(_ref,ref){var _ref2,_ref3,_ref4,_ref5,_ref$component=_ref.component,component=void 0===_ref$component?"div":_ref$component,_ref$position=_ref.position,position=void 0===_ref$position?"static":_ref$position,_ref$display=_ref.display,display=void 0===_ref$display?"block":_ref$display,_ref$flexDirection=_ref.flexDirection,flexDirection=void 0===_ref$flexDirection?"row":_ref$flexDirection,flexWrap=_ref.flexWrap,flexGrow=_ref.flexGrow,flexShrink=_ref.flexShrink,alignItems=_ref.alignItems,justifyContent=_ref.justifyContent,overflow=_ref.overflow,width=_ref.width,height=_ref.height,background=_ref.background,border=_ref.border,borderRadius=_ref.borderRadius,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,padding=_ref.padding,paddingY=_ref.paddingY,paddingX=_ref.paddingX,paddingTop=_ref.paddingTop,paddingRight=_ref.paddingRight,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,className=_ref.className,children=_ref.children,props=_objectWithoutProperties(_ref,["component","position","display","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","justifyContent","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","className","children"]),resolvedPaddingTop=null!==(_ref2=null!=paddingTop?paddingTop:paddingY)&&void 0!==_ref2?_ref2:padding,resolvedPaddingRight=null!==(_ref3=null!=paddingRight?paddingRight:paddingX)&&void 0!==_ref3?_ref3:padding,resolvedPaddingBottom=null!==(_ref4=null!=paddingBottom?paddingBottom:paddingY)&&void 0!==_ref4?_ref4:padding,resolvedPaddingLeft=null!==(_ref5=null!=paddingLeft?paddingLeft:paddingX)&&void 0!==_ref5?_ref5:padding,isFlex="flex"===display||"inlineFlex"===display;return react__WEBPACK_IMPORTED_MODULE_10__.createElement(component,_objectSpread(_objectSpread({},props),{},{className:classnames__WEBPACK_IMPORTED_MODULE_11___default()(className,_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a.box,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"display",display),"static"!==position?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"position",position):null,null!=minWidth?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"minWidth",String(minWidth)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"maxWidth",maxWidth),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"paddingTop",resolvedPaddingTop),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"paddingRight",resolvedPaddingRight),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"paddingBottom",resolvedPaddingBottom),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"paddingLeft",resolvedPaddingLeft),isFlex?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"flexDirection",flexDirection):null,isFlex?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"flexWrap",flexWrap):null,isFlex?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"alignItems",alignItems):null,isFlex?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"justifyContent",justifyContent):null,null!=flexShrink?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"flexShrink",String(flexShrink)):null,null!=flexGrow?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"flexGrow",String(flexGrow)):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"overflow",overflow),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"width",width),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"height",height),Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"bg",background),"none"!==borderRadius?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"borderRadius",borderRadius):null,"none"!==border?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_13__.a)(_box_module_css__WEBPACK_IMPORTED_MODULE_14___default.a,"border",border):null)||void 0,ref:ref}),children)}))},1562:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2622);"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||{}},1563:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2631);"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||{}},1598:function(module,exports,__webpack_require__){__webpack_require__(1599),__webpack_require__(1858),__webpack_require__(1859),__webpack_require__(2888),__webpack_require__(2887),__webpack_require__(2892),module.exports=__webpack_require__(2604)},16:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__(2907);__webpack_require__(2773);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var button_Button=react_default.a.forwardRef((function Button(_ref,ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,variant=_ref.variant,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,tooltip=_ref.tooltip,onClick=_ref.onClick,children=_ref.children,props=_objectWithoutProperties(_ref,["type","variant","size","loading","disabled","tooltip","onClick","children"]),className=classnames_default()("reactist_button",variant?"reactist_button--".concat(variant):null,"default"!==size?"reactist_button--".concat(size):null,{"reactist_button--loading":loading},props.className),button=react_default.a.createElement("button",_extends({},props,{ref:ref,type:type,className:className,"aria-disabled":disabled||loading,onClick:disabled||loading?void 0:onClick}),children);return tooltip?react_default.a.createElement(tooltip_tooltip.a,{content:tooltip},button):button}));button_Button.displayName="Button",button_Button.defaultProps={size:"default",loading:!1,disabled:!1};try{button_Button.displayName="Button",button_Button.__docgenInfo={description:"",displayName:"Button",props:{loading:{defaultValue:{value:"false"},description:"Loading style. When true it disables the button, but it also adds a visual indication of\nsome in-progress operation going on.",name:"loading",required:!1,type:{name:"boolean | undefined"}},variant:{defaultValue:null,description:"Controls visually how the button shows up from a predefined set of kinds of buttons.",name:"variant",required:!1,type:{name:'"primary" | "secondary" | "danger" | "link" | undefined'}},size:{defaultValue:{value:"default"},description:"The size of the button. If not provided it shows up in a normal size.",name:"size",required:!1,type:{name:'"default" | "small" | "large" | undefined'}},tooltip:{defaultValue:null,description:"Tooltip that is displayed on hover.\n\nThis replaces `title` which is not supported for these buttons to avoid confusion.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"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},1700:function(module,exports){},1782:function(module,exports){},1859:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__(1062)},188:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return forwardRefWithAs}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0);function forwardRefWithAs(render){return react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(render)}try{forwardRefWithAs.displayName="forwardRefWithAs",forwardRefWithAs.__docgenInfo={description:"",displayName:"forwardRefWithAs",props:{displayName:{defaultValue:null,description:"",name:"displayName",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/type-helpers.tsx#forwardRefWithAs"]={docgenInfo:forwardRefWithAs.__docgenInfo,name:"forwardRefWithAs",path:"src/new-components/type-helpers.tsx#forwardRefWithAs"})}catch(__react_docgen_typescript_loader_error){}},1916:function(module,exports){},21:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getClassNames})),__webpack_require__.d(__webpack_exports__,"b",(function(){return mapResponsiveProp}));__webpack_require__(473),__webpack_require__(152),__webpack_require__(2609),__webpack_require__(269);var prefix=["","tablet-","desktop-"];function getClassNames(styles,property,value){if(!value)return null;var classList="string"==typeof value?[styles["".concat(property,"-").concat(value)]]:value.map((function(s,i){return styles["".concat(prefix[i]).concat(property,"-").concat(s)]}));return classList}function mapResponsiveProp(fromValue,mapper){return"string"==typeof fromValue||"number"==typeof fromValue||"boolean"==typeof fromValue?mapper(fromValue):Array.isArray(fromValue)?fromValue.map(mapper):void 0}},251:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(244),__webpack_require__(1491);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames);__webpack_require__(961),__webpack_require__(475),__webpack_require__(2694);function getInitials(name){if(!name)return"";var seed=name.trim().split(" "),firstInitial=seed[0],lastInitial=seed[seed.length-1],initials=firstInitial[0];return firstInitial[0]!==lastInitial[0]&&(initials+=lastInitial[0]),initials.toUpperCase()}__webpack_require__(2691);var AVATAR_COLORS=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"],AVATAR_SIZES=["xxs","xs","s","m","l","xl","xxl","xxxl"];function Avatar(_ref){var email,maxIndex,seed,user=_ref.user,avatarUrl=_ref.avatarUrl,_ref$size=_ref.size,size=void 0===_ref$size?"l":_ref$size,className=_ref.className,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?AVATAR_COLORS:_ref$colorList,userInitials=getInitials(user.name)||getInitials(user.email),avatarSize=size&&AVATAR_SIZES.includes(size)?size:"l",avatarClass=classnames_default()("reactist_avatar reactist_avatar_size--".concat(avatarSize),className),style=avatarUrl?{backgroundImage:"url(".concat(avatarUrl,")"),textIndent:"-9999px"}:{backgroundColor:colorList[(email=user.email,maxIndex=colorList.length,seed=email.split("@")[0],(seed.charCodeAt(0)+seed.charCodeAt(seed.length-1)||0)%maxIndex)]};return react_default.a.createElement("div",{className:avatarClass,style:style},userInitials)}Avatar.displayName="Avatar",Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},colorList:{defaultValue:null,description:"",name:"colorList",required:!1,type:{name:"string[] | undefined"}},size:{defaultValue:{value:"l"},description:"",name:"size",required:!1,type:{name:'"l" | "xxs" | "xs" | "s" | "m" | "xl" | "xxl" | "xxxl" | undefined'}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string | undefined"}},user:{defaultValue:null,description:"",name:"user",required:!0,type:{name:"{ name?: string | undefined; email: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/avatar/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/components/avatar/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=Avatar},2601:function(module,exports,__webpack_require__){var content=__webpack_require__(2602);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2602:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story {\n margin: 0 40px 0 40px;\n padding: 20px;\n background-color: white;\n}\n","",{version:3,sources:["webpack://stories/components/styles/story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,aAAA;EACA,uBAAA;AACJ",sourcesContent:[".story {\n margin: 0 40px 0 40px;\n padding: 20px;\n background-color: white;\n\n // checkered background\n // @gray: whitesmoke;\n // background-image: linear-gradient(45deg, @gray 25%, transparent 25%), linear-gradient(-45deg, @gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, @gray 75%), linear-gradient(-45deg, transparent 75%, @gray 75%);\n // background-size: 20px 20px;\n // background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2604:function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__(1062).configure)([__webpack_require__(2605),__webpack_require__(2634)],module,!1)}).call(this,__webpack_require__(264)(module))},2605:function(module,exports,__webpack_require__){var map={"./new-components/box/box.stories.tsx":2606,"./new-components/columns/columns.stories.tsx":2626,"./new-components/heading/heading.stories.tsx":2630,"./new-components/inline/inline.stories.tsx":2902,"./new-components/stack/stack.stories.tsx":2632,"./new-components/text/text.stories.tsx":2903};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=2605},2606:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(47);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),_storybook_helper__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(4),_stack__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(41),_box__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(144);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i) {\n return (\n \n \n
One
\n
Two
\n
Three
\n \n \n )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=_objectSpread({storySource:{source:'function ResponsiveStory() {\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n
One
\n
Two
\n
Three
\n \n \n \n \n \n \n \n \n \n \n \n )\n}'}},ResponsiveStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:'"absolute" | "fixed" | "relative" | "static" | "sticky" | readonly [BoxPosition, BoxPosition] | readonly [BoxPosition, BoxPosition, BoxPosition] | undefined'}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:'"none" | "block" | "flex" | "inline" | "inlineBlock" | "inlineFlex" | readonly [BoxDisplay, BoxDisplay] | readonly [BoxDisplay, BoxDisplay, BoxDisplay] | undefined'}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:'"column" | "row" | readonly [BoxFlexDirection, BoxFlexDirection] | readonly [BoxFlexDirection, BoxFlexDirection, BoxFlexDirection] | undefined'}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:'"nowrap" | "wrap" | undefined'}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"0 | 1 | undefined"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"0 | undefined"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:'"center" | "flexEnd" | "flexStart" | "baseline" | readonly [BoxAlignItems, BoxAlignItems] | readonly [BoxAlignItems, BoxAlignItems, BoxAlignItems] | undefined'}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:'"center" | "flexEnd" | "flexStart" | "spaceBetween" | readonly [BoxJustifyContent, BoxJustifyContent] | readonly [BoxJustifyContent, BoxJustifyContent, BoxJustifyContent] | undefined'}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:'"hidden" | "visible" | "auto" | "scroll" | undefined'}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:'"full" | undefined'}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:'"full" | undefined'}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/box/box.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/box/box.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}},2608:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._34n6lzh1{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent}._4O18_OS-{position:absolute}._28SfqXxQ{position:fixed}._25hgucpJ{position:relative}._1z9gRRgL{position:-webkit-sticky;position:sticky}@media (min-width:768px){._165GB3d9{position:absolute}._35BfHjzS{position:fixed}.ToWL2vUd{position:relative}._3Y7tS7ZB{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._1cIKCESH{position:absolute}._2UnmU33s{position:fixed}.Yvv9o15g{position:relative}._1ulmDxJK{position:-webkit-sticky;position:sticky}}._3metZFs3{display:block}.OtqwlC-g{display:flex}.ScnLRsqQ{display:inline}._3p4d3SOr{display:inline-block}._3Wbf3h8F{display:inline-flex}.vZcMBze5{display:none}@media (min-width:768px){.xnym6zKT{display:block}._3lk6GIUC{display:flex}._2lsDHRFI{display:inline}._3_tat_7q{display:inline-block}._2zp0Ysn_{display:inline-flex}._22HipJxo{display:none}}@media (min-width:992px){.egzVdgM-{display:block}._3O-rsskG{display:flex}._2e2_Bdle{display:inline}._1BndqY98{display:inline-block}._3lKbMoNn{display:inline-flex}._2-eAy5iF{display:none}}._1LICbbGA{min-width:0}._11C3KbpS{min-width:220px}._2i8CQCsg{min-width:400px}._2mvYxIBO{min-width:660px}.tUeYcld-{max-width:940px}._3xFf8yMo{min-width:1280px}._1kI7x4VB{max-width:220px}.eLup45J2{max-width:400px}._3Q3oh0wq{max-width:660px}._1m4kNCjr{max-width:940px}.rKzeZFfP{max-width:1280px}._1cIxSJgN{flex-direction:column}._3d82rg2O{flex-direction:row}@media (min-width:768px){._2BCIaaSu{flex-direction:column}._1KZ73hzW{flex-direction:row}}@media (min-width:992px){.AlBpSaFt{flex-direction:column}.szQspntj{flex-direction:row}}._2R_eNJAR{flex-wrap:wrap}._1A8QKWzr{flex-wrap:nowrap}._1BY1l_eA{flex-shrink:0}._2JTESmuO{flex-grow:0}._1IIXp_yM{flex-grow:1}._3Aw6MW6G{align-items:flex-start}._3J7hgDFf{align-items:center}._1PQDcZy6{align-items:flex-end}._3-zKDOwm{align-items:baseline}@media (min-width:768px){._3166iR2s{align-items:flex-start}.QCePjapg{align-items:center}.jjkOQC8r{align-items:flex-end}._14CBNMJQ{align-items:baseline}}@media (min-width:992px){.A0DebJu_{align-items:flex-start}._1isnu434{align-items:center}._3VslwRNK{align-items:flex-end}._1eGXZce8{align-items:baseline}}._2pEU8SQC{justify-content:flex-start}._1mRUNYls{justify-content:center}._3EDR-URW{justify-content:flex-end}.IXOituOK{justify-content:space-between}@media (min-width:768px){._2d7kRHd7{justify-content:flex-start}._1UzfR6Vf{justify-content:center}._2ImQNbDg{justify-content:flex-end}._16UkMMI6{justify-content:space-between}}@media (min-width:992px){._3cyvD1f5{justify-content:flex-start}._1HcMvcsu{justify-content:center}._33m1Ctuk{justify-content:flex-end}._2bJ7PwH5{justify-content:space-between}}._2VHbvrHg{overflow:hidden}.C08q82uW{overflow:auto}._3jPsBi7a{overflow:visible}._36PWUusV{overflow:scroll}._32U3_pi2{width:100%}._1AR6jtYl{height:100%}._1fcm9eDc{padding-top:var(--reactist-spacing-xsmall)}._2lkiKEWt{padding-top:var(--reactist-spacing-small)}._119wY5KY{padding-top:var(--reactist-spacing-medium)}._2lLLEoa3{padding-top:var(--reactist-spacing-large)}._3MKPysMl{padding-top:var(--reactist-spacing-xlarge)}._2BRtAsyi{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1fWU3n1u{padding-top:var(--reactist-spacing-xsmall)}._3GjsUaeE{padding-top:var(--reactist-spacing-small)}._21yTqsvb{padding-top:var(--reactist-spacing-medium)}._3Qau3vLp{padding-top:var(--reactist-spacing-large)}._3HTGDpML{padding-top:var(--reactist-spacing-xlarge)}._13Qaddpr{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._16jrLfRP{padding-top:var(--reactist-spacing-xsmall)}.Idw94aP3{padding-top:var(--reactist-spacing-small)}._1R8pIf5u{padding-top:var(--reactist-spacing-medium)}._1KblKWWz{padding-top:var(--reactist-spacing-large)}._1Argcyq5{padding-top:var(--reactist-spacing-xlarge)}._3m1DpHzr{padding-top:var(--reactist-spacing-xxlarge)}}._2qsODlQ1{padding-right:var(--reactist-spacing-xsmall)}.J6fFv8Uw{padding-right:var(--reactist-spacing-small)}._3B9cvkFr{padding-right:var(--reactist-spacing-medium)}._31dJKVeK{padding-right:var(--reactist-spacing-large)}.MN3kdPGA{padding-right:var(--reactist-spacing-xlarge)}.hOdAx-DJ{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1zfH8gJo{padding-right:var(--reactist-spacing-xsmall)}.ntzZ3X_i{padding-right:var(--reactist-spacing-small)}._2YK4VfjY{padding-right:var(--reactist-spacing-medium)}.l_EnRFEp{padding-right:var(--reactist-spacing-large)}.ZDEFhvKH{padding-right:var(--reactist-spacing-xlarge)}._2xMDWQvF{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._2SKtOj1H{padding-right:var(--reactist-spacing-xsmall)}._1JFBzLmS{padding-right:var(--reactist-spacing-small)}._1d8OeBwG{padding-right:var(--reactist-spacing-medium)}._1oqWSRHW{padding-right:var(--reactist-spacing-large)}._3hs_npgm{padding-right:var(--reactist-spacing-xlarge)}._2rUd8spK{padding-right:var(--reactist-spacing-xxlarge)}}.QAjpz88e{padding-bottom:var(--reactist-spacing-xsmall)}._27gXF8UK{padding-bottom:var(--reactist-spacing-small)}._1burbc7g{padding-bottom:var(--reactist-spacing-medium)}._1AG-1RI8{padding-bottom:var(--reactist-spacing-large)}._4A7BKhnw{padding-bottom:var(--reactist-spacing-xlarge)}._1zYBan2X{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1q-EYnWe{padding-bottom:var(--reactist-spacing-xsmall)}._3cdY7xQ6{padding-bottom:var(--reactist-spacing-small)}._8ttAhsAQ{padding-bottom:var(--reactist-spacing-medium)}._3o9VZU0a{padding-bottom:var(--reactist-spacing-large)}._31_a_F3n{padding-bottom:var(--reactist-spacing-xlarge)}._2blD9ia6{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._18jTpIXx{padding-bottom:var(--reactist-spacing-xsmall)}.GGgw4UeY{padding-bottom:var(--reactist-spacing-small)}.u8YQor1g{padding-bottom:var(--reactist-spacing-medium)}._1EO13Ldk{padding-bottom:var(--reactist-spacing-large)}.e1feW_Dq{padding-bottom:var(--reactist-spacing-xlarge)}._2nZlnStA{padding-bottom:var(--reactist-spacing-xxlarge)}}._2XOJ9rB5{padding-left:var(--reactist-spacing-xsmall)}._2CeIk2Gc{padding-left:var(--reactist-spacing-small)}._3pHpOf1P{padding-left:var(--reactist-spacing-medium)}._2zWUeqgY{padding-left:var(--reactist-spacing-large)}._3qO66J6_{padding-left:var(--reactist-spacing-xlarge)}._3SwRIaXO{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1ksF6GVY{padding-left:var(--reactist-spacing-xsmall)}._1JYdaVH-{padding-left:var(--reactist-spacing-small)}._1Fi5Oqez{padding-left:var(--reactist-spacing-medium)}._1on5T6VJ{padding-left:var(--reactist-spacing-large)}._2aNsxVAR{padding-left:var(--reactist-spacing-xlarge)}._2ieKTraX{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._39FA-zw4{padding-left:var(--reactist-spacing-xsmall)}._2VuLKwfY{padding-left:var(--reactist-spacing-small)}._13U30dEX{padding-left:var(--reactist-spacing-medium)}.NtbYWZBb{padding-left:var(--reactist-spacing-large)}._3hlXya32{padding-left:var(--reactist-spacing-xlarge)}.vVYLlu05{padding-left:var(--reactist-spacing-xxlarge)}}.acHew4QS{background-color:var(--reactist-bg-default)}._27wTWuhR{background-color:var(--reactist-bg-aside)}._13n6zG49{background-color:var(--reactist-bg-highlight)}._3xE7o7Lc{background-color:var(--reactist-bg-selected)}._1s36b_gH{border-radius:var(--reactist-border-radius-small)}._1SIaqDBP{border-radius:var(--reactist-border-radius-large)}._1-QIwmSO{border:1px solid var(--reactist-framework-border)}",""]),exports.locals={box:"_34n6lzh1","position-absolute":"_4O18_OS-","position-fixed":"_28SfqXxQ","position-relative":"_25hgucpJ","position-sticky":"_1z9gRRgL","tablet-position-absolute":"_165GB3d9","tablet-position-fixed":"_35BfHjzS","tablet-position-relative":"ToWL2vUd","tablet-position-sticky":"_3Y7tS7ZB","desktop-position-absolute":"_1cIKCESH","desktop-position-fixed":"_2UnmU33s","desktop-position-relative":"Yvv9o15g","desktop-position-sticky":"_1ulmDxJK","display-block":"_3metZFs3","display-flex":"OtqwlC-g","display-inline":"ScnLRsqQ","display-inlineBlock":"_3p4d3SOr","display-inlineFlex":"_3Wbf3h8F","display-none":"vZcMBze5","tablet-display-block":"xnym6zKT","tablet-display-flex":"_3lk6GIUC","tablet-display-inline":"_2lsDHRFI","tablet-display-inlineBlock":"_3_tat_7q","tablet-display-inlineFlex":"_2zp0Ysn_","tablet-display-none":"_22HipJxo","desktop-display-block":"egzVdgM-","desktop-display-flex":"_3O-rsskG","desktop-display-inline":"_2e2_Bdle","desktop-display-inlineBlock":"_1BndqY98","desktop-display-inlineFlex":"_3lKbMoNn","desktop-display-none":"_2-eAy5iF","minWidth-0":"_1LICbbGA","minWidth-xsmall":"_11C3KbpS","minWidth-small":"_2i8CQCsg","minWidth-medium":"_2mvYxIBO","minWidth-large":"tUeYcld-","minWidth-xlarge":"_3xFf8yMo","maxWidth-xsmall":"_1kI7x4VB","maxWidth-small":"eLup45J2","maxWidth-medium":"_3Q3oh0wq","maxWidth-large":"_1m4kNCjr","maxWidth-xlarge":"rKzeZFfP","flexDirection-column":"_1cIxSJgN","flexDirection-row":"_3d82rg2O","tablet-flexDirection-column":"_2BCIaaSu","tablet-flexDirection-row":"_1KZ73hzW","desktop-flexDirection-column":"AlBpSaFt","desktop-flexDirection-row":"szQspntj","flexWrap-wrap":"_2R_eNJAR","flexWrap-nowrap":"_1A8QKWzr","flexShrink-0":"_1BY1l_eA","flexGrow-0":"_2JTESmuO","flexGrow-1":"_1IIXp_yM","alignItems-flexStart":"_3Aw6MW6G","alignItems-center":"_3J7hgDFf","alignItems-flexEnd":"_1PQDcZy6","alignItems-baseline":"_3-zKDOwm","tablet-alignItems-flexStart":"_3166iR2s","tablet-alignItems-center":"QCePjapg","tablet-alignItems-flexEnd":"jjkOQC8r","tablet-alignItems-baseline":"_14CBNMJQ","desktop-alignItems-flexStart":"A0DebJu_","desktop-alignItems-center":"_1isnu434","desktop-alignItems-flexEnd":"_3VslwRNK","desktop-alignItems-baseline":"_1eGXZce8","justifyContent-flexStart":"_2pEU8SQC","justifyContent-center":"_1mRUNYls","justifyContent-flexEnd":"_3EDR-URW","justifyContent-spaceBetween":"IXOituOK","tablet-justifyContent-flexStart":"_2d7kRHd7","tablet-justifyContent-center":"_1UzfR6Vf","tablet-justifyContent-flexEnd":"_2ImQNbDg","tablet-justifyContent-spaceBetween":"_16UkMMI6","desktop-justifyContent-flexStart":"_3cyvD1f5","desktop-justifyContent-center":"_1HcMvcsu","desktop-justifyContent-flexEnd":"_33m1Ctuk","desktop-justifyContent-spaceBetween":"_2bJ7PwH5","overflow-hidden":"_2VHbvrHg","overflow-auto":"C08q82uW","overflow-visible":"_3jPsBi7a","overflow-scroll":"_36PWUusV","width-full":"_32U3_pi2","height-full":"_1AR6jtYl","paddingTop-xsmall":"_1fcm9eDc","paddingTop-small":"_2lkiKEWt","paddingTop-medium":"_119wY5KY","paddingTop-large":"_2lLLEoa3","paddingTop-xlarge":"_3MKPysMl","paddingTop-xxlarge":"_2BRtAsyi","tablet-paddingTop-xsmall":"_1fWU3n1u","tablet-paddingTop-small":"_3GjsUaeE","tablet-paddingTop-medium":"_21yTqsvb","tablet-paddingTop-large":"_3Qau3vLp","tablet-paddingTop-xlarge":"_3HTGDpML","tablet-paddingTop-xxlarge":"_13Qaddpr","desktop-paddingTop-xsmall":"_16jrLfRP","desktop-paddingTop-small":"Idw94aP3","desktop-paddingTop-medium":"_1R8pIf5u","desktop-paddingTop-large":"_1KblKWWz","desktop-paddingTop-xlarge":"_1Argcyq5","desktop-paddingTop-xxlarge":"_3m1DpHzr","paddingRight-xsmall":"_2qsODlQ1","paddingRight-small":"J6fFv8Uw","paddingRight-medium":"_3B9cvkFr","paddingRight-large":"_31dJKVeK","paddingRight-xlarge":"MN3kdPGA","paddingRight-xxlarge":"hOdAx-DJ","tablet-paddingRight-xsmall":"_1zfH8gJo","tablet-paddingRight-small":"ntzZ3X_i","tablet-paddingRight-medium":"_2YK4VfjY","tablet-paddingRight-large":"l_EnRFEp","tablet-paddingRight-xlarge":"ZDEFhvKH","tablet-paddingRight-xxlarge":"_2xMDWQvF","desktop-paddingRight-xsmall":"_2SKtOj1H","desktop-paddingRight-small":"_1JFBzLmS","desktop-paddingRight-medium":"_1d8OeBwG","desktop-paddingRight-large":"_1oqWSRHW","desktop-paddingRight-xlarge":"_3hs_npgm","desktop-paddingRight-xxlarge":"_2rUd8spK","paddingBottom-xsmall":"QAjpz88e","paddingBottom-small":"_27gXF8UK","paddingBottom-medium":"_1burbc7g","paddingBottom-large":"_1AG-1RI8","paddingBottom-xlarge":"_4A7BKhnw","paddingBottom-xxlarge":"_1zYBan2X","tablet-paddingBottom-xsmall":"_1q-EYnWe","tablet-paddingBottom-small":"_3cdY7xQ6","tablet-paddingBottom-medium":"_8ttAhsAQ","tablet-paddingBottom-large":"_3o9VZU0a","tablet-paddingBottom-xlarge":"_31_a_F3n","tablet-paddingBottom-xxlarge":"_2blD9ia6","desktop-paddingBottom-xsmall":"_18jTpIXx","desktop-paddingBottom-small":"GGgw4UeY","desktop-paddingBottom-medium":"u8YQor1g","desktop-paddingBottom-large":"_1EO13Ldk","desktop-paddingBottom-xlarge":"e1feW_Dq","desktop-paddingBottom-xxlarge":"_2nZlnStA","paddingLeft-xsmall":"_2XOJ9rB5","paddingLeft-small":"_2CeIk2Gc","paddingLeft-medium":"_3pHpOf1P","paddingLeft-large":"_2zWUeqgY","paddingLeft-xlarge":"_3qO66J6_","paddingLeft-xxlarge":"_3SwRIaXO","tablet-paddingLeft-xsmall":"_1ksF6GVY","tablet-paddingLeft-small":"_1JYdaVH-","tablet-paddingLeft-medium":"_1Fi5Oqez","tablet-paddingLeft-large":"_1on5T6VJ","tablet-paddingLeft-xlarge":"_2aNsxVAR","tablet-paddingLeft-xxlarge":"_2ieKTraX","desktop-paddingLeft-xsmall":"_39FA-zw4","desktop-paddingLeft-small":"_2VuLKwfY","desktop-paddingLeft-medium":"_13U30dEX","desktop-paddingLeft-large":"NtbYWZBb","desktop-paddingLeft-xlarge":"_3hlXya32","desktop-paddingLeft-xxlarge":"vVYLlu05","bg-default":"acHew4QS","bg-aside":"_27wTWuhR","bg-highlight":"_13n6zG49","bg-selected":"_3xE7o7Lc","borderRadius-standard":"_1s36b_gH","borderRadius-full":"_1SIaqDBP","border-standard":"_1-QIwmSO"},module.exports=exports},2620:function(module,exports,__webpack_require__){var content=__webpack_require__(2621);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2621:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,":root {\n /*\n * breakpoints\n *\n * Unfortunately CSS custom properties are not available in media queries. So these are not\n * being used right now (although all uses of the hardcoded value are annotated with the names.\n *\n * We could manage these as pre-processor variables, but that would leave the question about how\n * is going to be possible to customize these values from consumer apps.\n *\n * See https://stackoverflow.com/q/40722882/621809\n * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n */\n --reactist-breakpoint-tablet: 768px;\n --reactist-breakpoint-desktop: 992px;\n /* spacing sizes */\n --reactist-spacing-xsmall: 4px;\n --reactist-spacing-small: 8px;\n --reactist-spacing-medium: 12px;\n --reactist-spacing-large: 16px;\n --reactist-spacing-xlarge: 24px;\n --reactist-spacing-xxlarge: 32px;\n /* font sizes */\n --reactist-font-size-caption: 12px;\n --reactist-font-size-copy: 13px;\n --reactist-font-size-body: 14px;\n --reactist-font-size-subtitle: 16px;\n --reactist-font-size-header: 20px;\n --reactist-font-size-header-large: 24px;\n --reactist-font-size-header-xlarge: 32px;\n /* font weight */\n --reactist-font-weight-regular: 400;\n --reactist-font-weight-medium: 500;\n --reactist-font-weight-strong: 700;\n /* border and separator colors */\n --reactist-framework-separator: #e6e6e6;\n --reactist-framework-border: #d6d6d6;\n --reactist-framework-border-focus: rgba(0, 0, 0, 0.4);\n --reactist-framework-border-alpha: rgba(0, 0, 0, 0.15);\n /* border-radius */\n --reactist-border-radius-small: 5px;\n --reactist-border-radius-large: 10px;\n /* background color */\n --reactist-bg-default: #ffffff;\n --reactist-bg-brand: #d1453b;\n --reactist-bg-aside: #fafafa;\n --reactist-bg-highlight: #f2f2f2;\n --reactist-bg-selected: #e6e6e6;\n /* colors */\n --reactist-framework-fill-accent: #e0edff;\n --reactist-framework-fill-aside: #fafafa;\n --reactist-framework-fill-background: #fafafa;\n --reactist-framework-fill-base: #ffffff;\n --reactist-framework-fill-crater: #f2f2f2;\n --reactist-framework-fill-crest: #e6e6e6;\n --reactist-framework-fill-elevated: #ffffff;\n --reactist-framework-fill-selected: #ececec;\n --reactist-framework-fill-highlight: #f2f2f2;\n --reactist-framework-fill-ledge: #e0e0e0;\n --reactist-framework-fill-peak: #3d3d3d;\n --reactist-framework-fill-pinnacle: #ebebeb;\n --reactist-framework-fill-ridge: #f2f2f2;\n --reactist-framework-fill-summit: #d6d6d6;\n --reactist-content-primary: rgba(0, 0, 0, 0.88);\n --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n --reactist-content-quaternary: rgba(0, 0, 0, 0.24);\n --reactist-content-light-on-dark: #ffffff;\n --reactist-chromatic-fill-red: #d1453b;\n --reactist-chromatic-fill-orange: #eb8d13;\n --reactist-chromatic-fill-green: #058527;\n --reactist-chromatic-fill-teal: #007e9e;\n --reactist-chromatic-fill-blue: #246fe0;\n --reactist-chromatic-fill-purple: #692fc2;\n --reactist-chromatic-fill-charcoal: #525252;\n --reactist-chromatic-fill-grey: #808080;\n --reactist-chromatic-fill-midnight: #4c5b70;\n --reactist-chromatic-content-red: #d1453b;\n --reactist-chromatic-content-orange: #eb8d13;\n --reactist-chromatic-content-green: #058527;\n --reactist-chromatic-content-green-background: rgba(5, 133, 39, 0.05);\n --reactist-chromatic-content-green-background-highlight: rgba(5, 133, 39, 0.1);\n --reactist-chromatic-content-teal: #007e9e;\n --reactist-chromatic-content-blue: #246fe0;\n --reactist-chromatic-content-purple: #692fc2;\n --reactist-chromatic-content-charcoal: #525252;\n --reactist-chromatic-content-grey: #808080;\n --reactist-chromatic-highlight-blue: #585d64;\n --reactist-chromatic-highlight-green: #d8ebdd;\n --reactist-chromatic-highlight-red: #fcf2f2;\n /* component-specific */\n --reactist-switch-checked: var(--reactist-chromatic-content-green);\n /* alerts */\n --reactist-alert-tone-info-icon: #1d438c;\n --reactist-alert-tone-info-border: var(--reactist-chromatic-content-blue);\n --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n --reactist-alert-tone-positive-icon: #035017;\n --reactist-alert-tone-positive-border: var(--reactist-chromatic-content-green);\n --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n --reactist-alert-tone-caution-icon: #5e3704;\n --reactist-alert-tone-caution-border: var(--reactist-chromatic-content-orange);\n --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n --reactist-alert-tone-critical-icon: #b03d32;\n --reactist-alert-tone-critical-border: var(--reactist-chromatic-content-red);\n --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n}\n","",{version:3,sources:["webpack://src/new-components/default-styles.less"],names:[],mappings:"AAAA;EACE;;;;;;;;;;;MAWI;EACF,mCAAA;EACA,oCAAA;EACF,kBAAkB;EAEhB,8BAAA;EACA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EAAF,eAAe;EAGb,kCAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EACA,iCAAA;EACA,uCAAA;EACA,wCAAA;EADF,gBAAgB;EAId,mCAAA;EACA,kCAAA;EACA,kCAAA;EAFF,gCAAgC;EAK9B,uCAAA;EACA,oCAAA;EACA,qDAAA;EACA,sDAAA;EAHF,kBAAkB;EAMhB,mCAAA;EACA,oCAAA;EAJF,qBAAqB;EAOnB,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EACA,+BAAA;EALF,WAAW;EAQT,yCAAA;EACA,wCAAA;EACA,6CAAA;EACA,uCAAA;EACA,yCAAA;EACA,wCAAA;EACA,2CAAA;EACA,2CAAA;EACA,4CAAA;EACA,wCAAA;EACA,uCAAA;EACA,2CAAA;EACA,wCAAA;EACA,yCAAA;EAEA,+CAAA;EACA,iDAAA;EACA,+CAAA;EACA,kDAAA;EACA,yCAAA;EAEA,sCAAA;EACA,yCAAA;EACA,wCAAA;EACA,uCAAA;EACA,uCAAA;EACA,yCAAA;EACA,2CAAA;EACA,uCAAA;EACA,2CAAA;EAEA,yCAAA;EACA,4CAAA;EACA,2CAAA;EACA,qEAAA;EACA,8EAAA;EACA,0CAAA;EACA,0CAAA;EACA,4CAAA;EACA,8CAAA;EACA,0CAAA;EAEA,4CAAA;EACA,6CAAA;EACA,2CAAA;EAVF,uBAAuB;EAarB,kEAAA;EAXF,WAAW;EAcT,wCAAA;EACA,yEAAA;EACA,8DAAA;EAEA,4CAAA;EACA,8EAAA;EACA,gEAAA;EAEA,2CAAA;EACA,8EAAA;EACA,iEAAA;EAEA,4CAAA;EACA,4EAAA;EACA,iEAAA;AAfJ",sourcesContent:[":root {\n /*\n * breakpoints\n *\n * Unfortunately CSS custom properties are not available in media queries. So these are not\n * being used right now (although all uses of the hardcoded value are annotated with the names.\n *\n * We could manage these as pre-processor variables, but that would leave the question about how\n * is going to be possible to customize these values from consumer apps.\n *\n * See https://stackoverflow.com/q/40722882/621809\n * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n */\n --reactist-breakpoint-tablet: 768px;\n --reactist-breakpoint-desktop: 992px;\n\n /* spacing sizes */\n --reactist-spacing-xsmall: 4px;\n --reactist-spacing-small: 8px;\n --reactist-spacing-medium: 12px;\n --reactist-spacing-large: 16px;\n --reactist-spacing-xlarge: 24px;\n --reactist-spacing-xxlarge: 32px;\n\n /* font sizes */\n --reactist-font-size-caption: 12px;\n --reactist-font-size-copy: 13px;\n --reactist-font-size-body: 14px;\n --reactist-font-size-subtitle: 16px;\n --reactist-font-size-header: 20px;\n --reactist-font-size-header-large: 24px;\n --reactist-font-size-header-xlarge: 32px;\n\n /* font weight */\n --reactist-font-weight-regular: 400;\n --reactist-font-weight-medium: 500;\n --reactist-font-weight-strong: 700;\n\n /* border and separator colors */\n --reactist-framework-separator: rgb(230, 230, 230);\n --reactist-framework-border: rgb(214, 214, 214);\n --reactist-framework-border-focus: rgba(0, 0, 0, 0.4);\n --reactist-framework-border-alpha: rgba(0, 0, 0, 0.15);\n\n /* border-radius */\n --reactist-border-radius-small: 5px;\n --reactist-border-radius-large: 10px;\n\n /* background color */\n --reactist-bg-default: rgb(255, 255, 255);\n --reactist-bg-brand: rgb(209, 69, 59);\n --reactist-bg-aside: rgb(250, 250, 250);\n --reactist-bg-highlight: rgb(242, 242, 242);\n --reactist-bg-selected: rgb(230, 230, 230);\n\n /* colors */\n --reactist-framework-fill-accent: rgb(224, 237, 255);\n --reactist-framework-fill-aside: rgb(250, 250, 250);\n --reactist-framework-fill-background: rgb(250, 250, 250);\n --reactist-framework-fill-base: rgb(255, 255, 255);\n --reactist-framework-fill-crater: rgb(242, 242, 242);\n --reactist-framework-fill-crest: rgb(230, 230, 230);\n --reactist-framework-fill-elevated: rgb(255, 255, 255);\n --reactist-framework-fill-selected: rgb(236, 236, 236);\n --reactist-framework-fill-highlight: rgb(242, 242, 242);\n --reactist-framework-fill-ledge: rgb(224, 224, 224);\n --reactist-framework-fill-peak: rgb(61, 61, 61);\n --reactist-framework-fill-pinnacle: rgb(235, 235, 235);\n --reactist-framework-fill-ridge: rgb(242, 242, 242);\n --reactist-framework-fill-summit: rgb(214, 214, 214);\n\n --reactist-content-primary: rgba(0, 0, 0, 0.88);\n --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n --reactist-content-quaternary: rgba(0, 0, 0, 0.24);\n --reactist-content-light-on-dark: rgb(255, 255, 255);\n\n --reactist-chromatic-fill-red: rgb(209, 69, 59);\n --reactist-chromatic-fill-orange: rgb(235, 141, 19);\n --reactist-chromatic-fill-green: rgb(5, 133, 39);\n --reactist-chromatic-fill-teal: rgb(0, 126, 158);\n --reactist-chromatic-fill-blue: rgb(36, 111, 224);\n --reactist-chromatic-fill-purple: rgb(105, 47, 194);\n --reactist-chromatic-fill-charcoal: rgb(82, 82, 82);\n --reactist-chromatic-fill-grey: rgb(128, 128, 128);\n --reactist-chromatic-fill-midnight: rgb(76, 91, 112);\n\n --reactist-chromatic-content-red: rgb(209, 69, 59);\n --reactist-chromatic-content-orange: rgb(235, 141, 19);\n --reactist-chromatic-content-green: rgb(5, 133, 39);\n --reactist-chromatic-content-green-background: rgba(5, 133, 39, 0.05);\n --reactist-chromatic-content-green-background-highlight: rgba(5, 133, 39, 0.1);\n --reactist-chromatic-content-teal: rgb(0, 126, 158);\n --reactist-chromatic-content-blue: rgb(36, 111, 224);\n --reactist-chromatic-content-purple: rgb(105, 47, 194);\n --reactist-chromatic-content-charcoal: rgb(82, 82, 82);\n --reactist-chromatic-content-grey: rgb(128, 128, 128);\n\n --reactist-chromatic-highlight-blue: rgb(88, 93, 100);\n --reactist-chromatic-highlight-green: rgb(216, 235, 221);\n --reactist-chromatic-highlight-red: rgb(252, 242, 242);\n\n /* component-specific */\n --reactist-switch-checked: var(--reactist-chromatic-content-green);\n\n /* alerts */\n --reactist-alert-tone-info-icon: #1d438c;\n --reactist-alert-tone-info-border: var(--reactist-chromatic-content-blue);\n --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n\n --reactist-alert-tone-positive-icon: #035017;\n --reactist-alert-tone-positive-border: var(--reactist-chromatic-content-green);\n --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n\n --reactist-alert-tone-caution-icon: #5e3704;\n --reactist-alert-tone-caution-border: var(--reactist-chromatic-content-orange);\n --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n\n --reactist-alert-tone-critical-icon: #b03d32;\n --reactist-alert-tone-critical-border: var(--reactist-chromatic-content-red);\n --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2622:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._3b1oRRUM>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.mbc3LUo1>:not(:first-child){margin-top:var(--reactist-spacing-small)}.TErpU7nP>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._19PQeR--\x3e:not(:first-child){margin-top:var(--reactist-spacing-large)}._3BKTI-j7>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1QQfSO-y>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.rQVejOPW>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.eCh5FkgK>:not(:first-child){margin-top:var(--reactist-spacing-small)}._29GNHdPc>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._1sChkByM>:not(:first-child){margin-top:var(--reactist-spacing-large)}._2KfFWNg1>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._3kgDZO8U>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3SK4ZSq7>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.L2TBoAaZ>:not(:first-child){margin-top:var(--reactist-spacing-small)}.qG_1ntRy>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._2j6trIBI>:not(:first-child){margin-top:var(--reactist-spacing-large)}._12-ygMAC>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._1YzVvjNw>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3b1oRRUM","space-small":"mbc3LUo1","space-medium":"TErpU7nP","space-large":"_19PQeR--","space-xlarge":"_3BKTI-j7","space-xxlarge":"_1QQfSO-y","tablet-space-xsmall":"rQVejOPW","tablet-space-small":"eCh5FkgK","tablet-space-medium":"_29GNHdPc","tablet-space-large":"_1sChkByM","tablet-space-xlarge":"_2KfFWNg1","tablet-space-xxlarge":"_3kgDZO8U","desktop-space-xsmall":"_3SK4ZSq7","desktop-space-small":"L2TBoAaZ","desktop-space-medium":"qG_1ntRy","desktop-space-large":"_2j6trIBI","desktop-space-xlarge":"_12-ygMAC","desktop-space-xxlarge":"_1YzVvjNw"},module.exports=exports},2623:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._3Rf-23qb{border:none;border-bottom:1px solid var(--reactist-framework-separator)}._1Jue_n_H{border-color:var(--reactist-framework-border-focus)}",""]),exports.locals={divider:"_3Rf-23qb","weight-strong":"_1Jue_n_H"},module.exports=exports},2625:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,".eMdJaLwo{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong)}._3iAwnzzO{font-weight:var(--reactist-font-weight-regular)}._3p8-J0VZ{color:var(--reactist-content-secondary)}._1Qasvyzb{color:var(--reactist-chromatic-content-red)}h1.eMdJaLwo{font-size:var(--reactist-font-size-header)}h1._1-yjZY8K{font-size:var(--reactist-font-size-header-xlarge)}h1._3M5sPjXF{font-size:var(--reactist-font-size-header-large)}h1._1_j4Pm2D,h2.eMdJaLwo{font-size:var(--reactist-font-size-subtitle)}h2._1-yjZY8K{font-size:var(--reactist-font-size-header-large)}h2._3M5sPjXF{font-size:var(--reactist-font-size-header)}h2._1_j4Pm2D,h3.eMdJaLwo{font-size:var(--reactist-font-size-body)}h3._1-yjZY8K{font-size:var(--reactist-font-size-header)}h3._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}h3._1_j4Pm2D{font-size:var(--reactist-font-size-caption)}h4.eMdJaLwo,h5.eMdJaLwo,h6.eMdJaLwo{font-size:var(--reactist-font-size-body)}h4._1-yjZY8K,h5._1-yjZY8K,h6._1-yjZY8K{font-size:var(--reactist-font-size-header)}h4._3M5sPjXF,h5._3M5sPjXF,h6._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}._1Uy0Yp-U{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._2yqCSry4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1UgXSTeE{-webkit-line-clamp:2}._1njU6r08{-webkit-line-clamp:3}._2wNi7jvQ{-webkit-line-clamp:4}._2wo2NW21{-webkit-line-clamp:5}",""]),exports.locals={heading:"eMdJaLwo","weight-light":"_3iAwnzzO","tone-secondary":"_3p8-J0VZ","tone-danger":"_1Qasvyzb","size-largest":"_1-yjZY8K","size-larger":"_3M5sPjXF","size-smaller":"_1_j4Pm2D","line-clamp-1":"_1Uy0Yp-U",lineClamp:"_2yqCSry4","line-clamp-2":"_1UgXSTeE","line-clamp-3":"_1njU6r08","line-clamp-4":"_2wNi7jvQ","line-clamp-5":"_2wo2NW21"},module.exports=exports},2626:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AlignmentStory",(function(){return AlignmentStory})),__webpack_require__.d(__webpack_exports__,"WidthsStory",(function(){return WidthsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"FlexChildStory",(function(){return FlexChildStory})),__webpack_require__.d(__webpack_exports__,"NestedColumnsStory",(function(){return NestedColumnsStory}));__webpack_require__(152),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),_storybook_helper__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(4),_stack__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(41),_box__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(144),_columns__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(8);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) {\n return (\n \n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}'}},AlignmentStory.parameters),WidthsStory.parameters=_objectSpread({storySource:{source:'function WidthsStory({ space }: PartialProps) {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )\n}'}},WidthsStory.parameters),ResponsiveStory.parameters=_objectSpread({storySource:{source:"function ResponsiveStory(args: PartialProps) {\n return (\n <>\n \n \n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n \n \n )\n}"}},ResponsiveStory.parameters),FlexChildStory.parameters=_objectSpread({storySource:{source:'function FlexChildStory(args: PartialProps) {\n return (\n \n \n \n \n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n \n )\n}'}},FlexChildStory.parameters),NestedColumnsStory.parameters=_objectSpread({storySource:{source:'function NestedColumnsStory(args: PartialProps) {\n return (\n \n \n \n \n \n\n \n \n {times(5).map((i) => (\n \n \n \n ))}\n \n \n\n \n \n \n \n \n )\n}'}},NestedColumnsStory.parameters);try{AlignmentStory.displayName="AlignmentStory",AlignmentStory.__docgenInfo={description:"",displayName:"AlignmentStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | "baseline" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#AlignmentStory"]={docgenInfo:AlignmentStory.__docgenInfo,name:"AlignmentStory",path:"src/new-components/columns/columns.stories.tsx#AlignmentStory"})}catch(__react_docgen_typescript_loader_error){}try{WidthsStory.displayName="WidthsStory",WidthsStory.__docgenInfo={description:"",displayName:"WidthsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | "baseline" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#WidthsStory"]={docgenInfo:WidthsStory.__docgenInfo,name:"WidthsStory",path:"src/new-components/columns/columns.stories.tsx#WidthsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | "baseline" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/columns/columns.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{FlexChildStory.displayName="FlexChildStory",FlexChildStory.__docgenInfo={description:"",displayName:"FlexChildStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | "baseline" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#FlexChildStory"]={docgenInfo:FlexChildStory.__docgenInfo,name:"FlexChildStory",path:"src/new-components/columns/columns.stories.tsx#FlexChildStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedColumnsStory.displayName="NestedColumnsStory",NestedColumnsStory.__docgenInfo={description:"",displayName:"NestedColumnsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | "baseline" | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment] | readonly [ColumnsVerticalAlignment, ColumnsVerticalAlignment, ColumnsVerticalAlignment] | undefined'}},collapseBelow:{defaultValue:null,description:"",name:"collapseBelow",required:!1,type:{name:'"tablet" | "desktop" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/columns/columns.stories.tsx#NestedColumnsStory"]={docgenInfo:NestedColumnsStory.__docgenInfo,name:"NestedColumnsStory",path:"src/new-components/columns/columns.stories.tsx#NestedColumnsStory"})}catch(__react_docgen_typescript_loader_error){}},2629:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._2L5zGsYJ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-left:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._34KmL1aL{margin-left:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-left:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._3c3sKQuS{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._1geI5sQZ>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-left:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}._1wj9bZXt{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._2xPtCUIx{margin-left:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}.hV0FeHTP{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-left:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>._3QBzbLDq{padding-left:var(--reactist-spacing-small)}.Qqka4eXS{margin-left:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>._3QBzbLDq{padding-left:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-left:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>._3QBzbLDq{padding-left:var(--reactist-spacing-large)}._1DozdJT1{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>._3QBzbLDq{padding-left:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>._3QBzbLDq{padding-left:var(--reactist-spacing-xxlarge)}}.bfhlTd94{width:100%}._1CFc-5RN{flex:0 0 50%}._3xfjmaWI{flex:0 0 33.33333%}._2VQkmkcm{flex:0 0 66.66667%}._1FULVP2z{flex:0 0 25%}._3cdnxheZ{flex:0 0 75%}._3jkZjr5Y{flex:0 0 20%}._25dhGRvr{flex:0 0 40%}._2lN2kQ8T{flex:0 0 60%}._365V5wtc{flex:0 0 80%}._2L5zGsYJ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2L5zGsYJ>*{margin-top:var(--reactist-spacing-xsmall)}.SPcToWBT{margin-top:calc(var(--reactist-spacing-small)*-1)}.SPcToWBT>*{margin-top:var(--reactist-spacing-small)}._34KmL1aL{margin-top:calc(var(--reactist-spacing-medium)*-1)}._34KmL1aL>*{margin-top:var(--reactist-spacing-medium)}._3-IO4Ua9{margin-top:calc(var(--reactist-spacing-large)*-1)}._3-IO4Ua9>*{margin-top:var(--reactist-spacing-large)}._3c3sKQuS{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._3c3sKQuS>*{margin-top:var(--reactist-spacing-xlarge)}._1LF97wKT{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._1LF97wKT>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1geI5sQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._3BzLxo2T>*{margin-top:var(--reactist-spacing-xsmall)}._2x39uRmC{margin-top:calc(var(--reactist-spacing-small)*-1)}._2x39uRmC>*{margin-top:var(--reactist-spacing-small)}._1wj9bZXt{margin-top:calc(var(--reactist-spacing-medium)*-1)}._1wj9bZXt>*{margin-top:var(--reactist-spacing-medium)}._2xPtCUIx{margin-top:calc(var(--reactist-spacing-large)*-1)}._2xPtCUIx>*{margin-top:var(--reactist-spacing-large)}.hV0FeHTP{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.hV0FeHTP>*{margin-top:var(--reactist-spacing-xlarge)}._2tXjCbOw{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2tXjCbOw>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._264WtIQZ{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._264WtIQZ>*{margin-top:var(--reactist-spacing-xsmall)}.hq9g6RX7{margin-top:calc(var(--reactist-spacing-small)*-1)}.hq9g6RX7>*{margin-top:var(--reactist-spacing-small)}.Qqka4eXS{margin-top:calc(var(--reactist-spacing-medium)*-1)}.Qqka4eXS>*{margin-top:var(--reactist-spacing-medium)}._1dQPZ4Mc{margin-top:calc(var(--reactist-spacing-large)*-1)}._1dQPZ4Mc>*{margin-top:var(--reactist-spacing-large)}._1DozdJT1{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._1DozdJT1>*{margin-top:var(--reactist-spacing-xlarge)}._2vjJqslP{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._2vjJqslP>*{margin-top:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_2L5zGsYJ",column:"_3QBzbLDq","space-small":"SPcToWBT","space-medium":"_34KmL1aL","space-large":"_3-IO4Ua9","space-xlarge":"_3c3sKQuS","space-xxlarge":"_1LF97wKT","tablet-space-xsmall":"_1geI5sQZ","tablet-space-small":"_2x39uRmC","tablet-space-medium":"_1wj9bZXt","tablet-space-large":"_2xPtCUIx","tablet-space-xlarge":"hV0FeHTP","tablet-space-xxlarge":"_2tXjCbOw","desktop-space-xsmall":"_264WtIQZ","desktop-space-small":"hq9g6RX7","desktop-space-medium":"Qqka4eXS","desktop-space-large":"_1dQPZ4Mc","desktop-space-xlarge":"_1DozdJT1","desktop-space-xxlarge":"_2vjJqslP","columnWidth-auto":"bfhlTd94","columnWidth-1-2":"_1CFc-5RN","columnWidth-1-3":"_3xfjmaWI","columnWidth-2-3":"_2VQkmkcm","columnWidth-1-4":"_1FULVP2z","columnWidth-3-4":"_3cdnxheZ","columnWidth-1-5":"_3jkZjr5Y","columnWidth-2-5":"_25dhGRvr","columnWidth-3-5":"_2lN2kQ8T","columnWidth-4-5":"_365V5wtc","tablet-tablet-space-xsmall":"_3BzLxo2T"},module.exports=exports},2630:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"HeadingStory",(function(){return HeadingStory})),__webpack_require__.d(__webpack_exports__,"TruncatedHeadingStory",(function(){return TruncatedHeadingStory})),__webpack_require__.d(__webpack_exports__,"HeadingPlaygroundStory",(function(){return HeadingPlaygroundStory}));__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(24),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__),_stack__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(41),_heading__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(30),_storybook_helper__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(4);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Heading",component:_heading__WEBPACK_IMPORTED_MODULE_12__.a,argTypes:{level:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.f)(["1","2","3","4","5","6"],"1"),size:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.i)(["largest","larger","smaller"]),weight:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.f)(["regular","light"],"regular"),lineClamp:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.f)([1,2,3,4,5],1),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor, sit amet consectetur adipisicing elit"},tone:Object(_storybook_helper__WEBPACK_IMPORTED_MODULE_13__.f)(["normal","secondary","danger"],"normal")}};var HeadingStory=function HeadingStory(){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("section",{className:"story"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{dividers:!0,space:"medium"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1,size:"largest"},"Heading level 1, largest"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1,size:"larger"},"Heading level 1, larger"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1},"Heading level 1"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1,size:"smaller"},"Heading level 1, smaller")),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2,size:"largest"},"Heading level 2, largest"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2,size:"larger"},"Heading level 2, larger"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2},"Heading level 2"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2,size:"smaller"},"Heading level 2, smaller")),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:3,size:"largest"},"Heading level 3, largest"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:3,size:"larger"},"Heading level 3, larger"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:3},"Heading level 3"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:3,size:"smaller"},"Heading level 3, smaller")),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_stack__WEBPACK_IMPORTED_MODULE_11__.a,{space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:4,size:"largest"},"Heading level 4 / 5 / 6, largest"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:4,size:"larger"},"Heading level 4 / 5 / 6, larger"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:4},"Heading level 4 / 5 / 6"))))};HeadingStory.displayName="HeadingStory",HeadingStory.argTypes={level:{control:!1},size:{control:!1},weight:{control:!1},lineClamp:{control:!1},children:{control:!1},tone:{control:!1}};var TruncatedHeadingStory=function TruncatedHeadingStory(){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("section",{className:"story"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:1,size:"largest",lineClamp:1},"This is a long title which we will use demonstrate truncating content. When this overflows and begins to drop to a new line, its overflowing content will be replaced by ellipses."),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,{level:2,lineClamp:2},"Now we have a subtitle which we will use to demostrate truncating to multiple lines. Sometimes we need to provide more context yet still remain skimmable to users, and subtitles are a good way to do this. As it’s much longer now we can allow a second line to be displayed before truncating it at two lines."))};TruncatedHeadingStory.displayName="TruncatedHeadingStory",TruncatedHeadingStory.argTypes={level:{control:!1},size:{control:!1},weight:{control:!1},lineClamp:{control:!1},children:{control:!1},tone:{control:!1}};var HeadingPlaygroundStory=function HeadingPlaygroundStory(_ref){var children=_ref.children,args=_objectWithoutProperties(_ref,["children"]);return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("section",{className:"story playground"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_heading__WEBPACK_IMPORTED_MODULE_12__.a,args,children))};HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingStory.parameters=_objectSpread({storySource:{source:'function HeadingStory() {\n return (\n
\n \n \n \n Heading level 1, largest\n \n \n Heading level 1, larger\n \n Heading level 1\n \n Heading level 1, smaller\n \n \n\n \n \n Heading level 2, largest\n \n \n Heading level 2, larger\n \n Heading level 2\n \n Heading level 2, smaller\n \n \n\n \n \n Heading level 3, largest\n \n \n Heading level 3, larger\n \n Heading level 3\n \n Heading level 3, smaller\n \n \n\n \n \n Heading level 4 / 5 / 6, largest\n \n \n Heading level 4 / 5 / 6, larger\n \n Heading level 4 / 5 / 6\n \n \n
\n )\n}'}},HeadingStory.parameters),TruncatedHeadingStory.parameters=_objectSpread({storySource:{source:'function TruncatedHeadingStory() {\n return (\n
\n \n This is a long title which we will use demonstrate truncating content. When this\n overflows and begins to drop to a new line, its overflowing content will be replaced\n by ellipses.\n \n \n Now we have a subtitle which we will use to demostrate truncating to multiple lines.\n Sometimes we need to provide more context yet still remain skimmable to users, and\n subtitles are a good way to do this. As it’s much longer now we can allow a\n second line to be displayed before truncating it at two lines.\n \n
\n )\n}'}},TruncatedHeadingStory.parameters),HeadingPlaygroundStory.parameters=_objectSpread({storySource:{source:'function HeadingPlaygroundStory({\n children,\n ...args\n}: React.ComponentProps) {\n return (\n
\n {children}\n
\n )\n}'}},HeadingPlaygroundStory.parameters);try{HeadingPlaygroundStory.displayName="HeadingPlaygroundStory",HeadingPlaygroundStory.__docgenInfo={description:"",displayName:"HeadingPlaygroundStory",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"smaller" | "larger" | "largest" | undefined'}},level:{defaultValue:null,description:"",name:"level",required:!0,type:{name:"HeadingLevel"}},weight:{defaultValue:null,description:"",name:"weight",required:!1,type:{name:'"regular" | "light" | undefined'}},tone:{defaultValue:null,description:"",name:"tone",required:!1,type:{name:'"secondary" | "danger" | "normal" | undefined'}},lineClamp:{defaultValue:null,description:"",name:"lineClamp",required:!1,type:{name:'1 | 2 | 5 | "1" | 3 | "2" | 4 | "3" | "4" | "5" | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"]={docgenInfo:HeadingPlaygroundStory.__docgenInfo,name:"HeadingPlaygroundStory",path:"src/new-components/heading/heading.stories.tsx#HeadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2631:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._3PBgCLuk{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3PBgCLuk>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1EQqWgsX{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1EQqWgsX>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._12U1xEUI{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._12U1xEUI>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._3Vq15WCN{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._3Vq15WCN>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._1qMcBSA4{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._1qMcBSA4>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2Ya091P2{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2Ya091P2>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3BnTN3GQ{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3BnTN3GQ>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._2md5L24y{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._2md5L24y>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}._3ysAA2oN{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}._3ysAA2oN>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}._2KoqN92B{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}._2KoqN92B>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}._2nHdneYv{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}._2nHdneYv>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}.BI8mwh9K{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}.BI8mwh9K>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3xos_1Ec{margin:calc(var(--reactist-spacing-xsmall)*-1) 0 0 calc(var(--reactist-spacing-xsmall)*-1)}._3xos_1Ec>*{margin:var(--reactist-spacing-xsmall) 0 0 var(--reactist-spacing-xsmall)}._1ZYtlaQe{margin:calc(var(--reactist-spacing-small)*-1) 0 0 calc(var(--reactist-spacing-small)*-1)}._1ZYtlaQe>*{margin:var(--reactist-spacing-small) 0 0 var(--reactist-spacing-small)}.YdLlurS5{margin:calc(var(--reactist-spacing-medium)*-1) 0 0 calc(var(--reactist-spacing-medium)*-1)}.YdLlurS5>*{margin:var(--reactist-spacing-medium) 0 0 var(--reactist-spacing-medium)}.yxsHB9YW{margin:calc(var(--reactist-spacing-large)*-1) 0 0 calc(var(--reactist-spacing-large)*-1)}.yxsHB9YW>*{margin:var(--reactist-spacing-large) 0 0 var(--reactist-spacing-large)}.SFaqC2zl{margin:calc(var(--reactist-spacing-xlarge)*-1) 0 0 calc(var(--reactist-spacing-xlarge)*-1)}.SFaqC2zl>*{margin:var(--reactist-spacing-xlarge) 0 0 var(--reactist-spacing-xlarge)}._2IDfe2UJ{margin:calc(var(--reactist-spacing-xxlarge)*-1) 0 0 calc(var(--reactist-spacing-xxlarge)*-1)}._2IDfe2UJ>*{margin:var(--reactist-spacing-xxlarge) 0 0 var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"space-xsmall":"_3PBgCLuk","space-small":"_1EQqWgsX","space-medium":"_12U1xEUI","space-large":"_3Vq15WCN","space-xlarge":"_1qMcBSA4","space-xxlarge":"_2Ya091P2","tablet-space-xsmall":"_3BnTN3GQ","tablet-space-small":"_2md5L24y","tablet-space-medium":"_3ysAA2oN","tablet-space-large":"_2KoqN92B","tablet-space-xlarge":"_2nHdneYv","tablet-space-xxlarge":"BI8mwh9K","desktop-space-xsmall":"_3xos_1Ec","desktop-space-small":"_1ZYtlaQe","desktop-space-medium":"YdLlurS5","desktop-space-large":"yxsHB9YW","desktop-space-xlarge":"SFaqC2zl","desktop-space-xxlarge":"_2IDfe2UJ"},module.exports=exports},2632:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStacksStory",(function(){return NestedStacksStory}));__webpack_require__(152),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(78);var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(0),_storybook_helper__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(4),_heading__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(30),_stack__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(41);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}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 & { itemCount: number }) {\n return (\n \n \n {times(itemCount).map((i) => (\n \n ))}\n \n \n )\n}"}},InteractivePropsStory.parameters),ResponsiveStory.parameters=_objectSpread({storySource:{source:"function ResponsiveStory({ itemCount }: { itemCount: number }) {\n return (\n <>\n \n \n \n {times(itemCount).map((i) => (\n \n ))}\n \n \n \n )\n}"}},ResponsiveStory.parameters),NestedStacksStory.parameters=_objectSpread({storySource:{source:'function NestedStacksStory(args: PartialProps) {\n return (\n <>\n \n \n Parent stack with space=“{args.space ?? \'none\'}”\n \n \n Nested stack with space=“xsmall”\n \n \n \n \n \n Nested stack with space=“xsmall”\n \n \n \n \n \n \n \n )\n}'}},NestedStacksStory.parameters);try{InteractivePropsStory.displayName="InteractivePropsStory",InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},dividers:{defaultValue:null,description:"",name:"dividers",required:!1,type:{name:'boolean | "strong" | "regular" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}},itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#InteractivePropsStory"]={docgenInfo:InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/stack/stack.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{ResponsiveStory.displayName="ResponsiveStory",ResponsiveStory.__docgenInfo={description:"",displayName:"ResponsiveStory",props:{itemCount:{defaultValue:null,description:"",name:"itemCount",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#ResponsiveStory"]={docgenInfo:ResponsiveStory.__docgenInfo,name:"ResponsiveStory",path:"src/new-components/stack/stack.stories.tsx#ResponsiveStory"})}catch(__react_docgen_typescript_loader_error){}try{NestedStacksStory.displayName="NestedStacksStory",NestedStacksStory.__docgenInfo={description:"",displayName:"NestedStacksStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},dividers:{defaultValue:null,description:"",name:"dividers",required:!1,type:{name:'boolean | "strong" | "regular" | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/stack/stack.stories.tsx#NestedStacksStory"]={docgenInfo:NestedStacksStory.__docgenInfo,name:"NestedStacksStory",path:"src/new-components/stack/stack.stories.tsx#NestedStacksStory"})}catch(__react_docgen_typescript_loader_error){}},2633:function(module,exports,__webpack_require__){(exports=__webpack_require__(312)(!1)).push([module.i,"._3Eg84Gxm{font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._2vPa3hY9{font-size:var(--reactist-font-size-caption)}.KNXgq0Xg{font-size:var(--reactist-font-size-copy)}._2n06t_D7{font-size:var(--reactist-font-size-body)}._3VDhACkJ{font-size:var(--reactist-font-size-subtitle)}._2zYtK3m_{font-weight:var(--reactist-font-weight-medium)}.ol0zG77d{font-weight:var(--reactist-font-weight-strong)}.zPORrfzj{color:var(--reactist-content-secondary)}._2lgSOyOF{color:var(--reactist-chromatic-content-red)}._16YsJq7Y{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.FfDzE8ee{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1_gxWVG9{-webkit-line-clamp:2}._3QzI87wT{-webkit-line-clamp:3}._2tMJfik8{-webkit-line-clamp:4}._3LyjhixI{-webkit-line-clamp:5}",""]),exports.locals={text:"_3Eg84Gxm","size-caption":"_2vPa3hY9","size-copy":"KNXgq0Xg","size-body":"_2n06t_D7","size-subtitle":"_3VDhACkJ","weight-semibold":"_2zYtK3m_","weight-bold":"ol0zG77d","tone-secondary":"zPORrfzj","tone-danger":"_2lgSOyOF","line-clamp-1":"_16YsJq7Y",lineClamp:"FfDzE8ee","line-clamp-2":"_1_gxWVG9","line-clamp-3":"_3QzI87wT","line-clamp-4":"_2tMJfik8","line-clamp-5":"_3LyjhixI"},module.exports=exports},2634:function(module,exports,__webpack_require__){var map={"./components/Avatar.stories.tsx":2635,"./components/Button.stories.tsx":2904,"./components/Checkbox.stories.tsx":2893,"./components/ColorPicker.stories.tsx":2894,"./components/Dropdown.stories.tsx":2787,"./components/ErrorMessage.stories.tsx":2895,"./components/Icon.stories.tsx":2889,"./components/Input.stories.tsx":2896,"./components/KeyCapturer.stories.mdx":2797,"./components/KeyboardShortcut.stories.tsx":2798,"./components/Loading.stories.tsx":2897,"./components/Menu.stories.tsx":2898,"./components/Modal.stories.mdx":2890,"./components/Notification.stories.tsx":2905,"./components/ProgressBar.stories.tsx":2899,"./components/RangeInput.stories.tsx":2900,"./components/Select.stories.tsx":2901,"./components/Tabs.stories.tsx":2906,"./components/Time.stories.tsx":2891,"./components/Tip.stories.tsx":2877,"./components/Tooltip.stories.tsx":2880,"./components/color.stories.tsx":2883,"./reactist/Reactist.stories.mdx":2886};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=2634},2635:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InitialsAvatarStory",(function(){return InitialsAvatarStory})),__webpack_require__.d(__webpack_exports__,"CustomColorAvatarStory",(function(){return CustomColorAvatarStory})),__webpack_require__.d(__webpack_exports__,"PictureAvatarStory",(function(){return PictureAvatarStory})),__webpack_require__.d(__webpack_exports__,"AvatarPlaygroundStory",(function(){return AvatarPlaygroundStory}));__webpack_require__(152),__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2636);var react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(681),_src_components_avatar__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(251);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 (\n
\n {exampleData.map((data, index) => (\n \n ))}\n
\n)'}},InitialsAvatarStory.parameters),CustomColorAvatarStory.parameters=_objectSpread({storySource:{source:"() => (\n
\n {exampleData.map((data, index) => (\n \n ))}\n
\n)"}},CustomColorAvatarStory.parameters),PictureAvatarStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n {exampleData.map((data, index) => (\n \n ))}\n
\n)'}},PictureAvatarStory.parameters),AvatarPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n return (\n
\n \n
\n )\n}'}},AvatarPlaygroundStory.parameters);try{AvatarPlaygroundStory.displayName="AvatarPlaygroundStory",AvatarPlaygroundStory.__docgenInfo={description:"",displayName:"AvatarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"]={docgenInfo:AvatarPlaygroundStory.__docgenInfo,name:"AvatarPlaygroundStory",path:"stories/components/Avatar.stories.tsx#AvatarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2636:function(module,exports,__webpack_require__){var content=__webpack_require__(2637);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2637:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.avatars .reactist_avatar {\n display: inline-block;\n margin-right: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/avatar_story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,kBAAA;AACJ",sourcesContent:[".story.avatars .reactist_avatar {\n display: inline-block;\n margin-right: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2691:function(module,exports,__webpack_require__){var content=__webpack_require__(2692);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2692:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_avatar {\n flex-shrink: 0;\n background-position: center;\n color: white;\n text-align: center;\n border-radius: 50%;\n}\n.reactist_avatar_size--xxs {\n width: 16px;\n height: 16px;\n line-height: 16px;\n background-size: 16px;\n font-size: calc(16px / 2);\n}\n.reactist_avatar_size--xs {\n width: 20px;\n height: 20px;\n line-height: 20px;\n background-size: 20px;\n font-size: calc(20px / 2);\n}\n.reactist_avatar_size--s {\n width: 30px;\n height: 30px;\n line-height: 30px;\n background-size: 30px;\n font-size: calc(30px / 2);\n}\n.reactist_avatar_size--m {\n width: 32px;\n height: 32px;\n line-height: 32px;\n background-size: 32px;\n font-size: calc(32px / 2);\n}\n.reactist_avatar_size--l {\n width: 34px;\n height: 34px;\n line-height: 34px;\n background-size: 34px;\n font-size: calc(34px / 2);\n}\n.reactist_avatar_size--xl {\n width: 48px;\n height: 48px;\n line-height: 48px;\n background-size: 48px;\n font-size: calc(48px / 2);\n}\n.reactist_avatar_size--xxl {\n width: 70px;\n height: 70px;\n line-height: 70px;\n background-size: 70px;\n font-size: calc(70px / 2);\n}\n.reactist_avatar_size--xxxl {\n width: 100px;\n height: 100px;\n line-height: 100px;\n background-size: 100px;\n font-size: calc(100px / 2);\n}\n","",{version:3,sources:["webpack://src/components/avatar/avatar.less"],names:[],mappings:"AAQA;EACI,cAAA;EACA,2BAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAPJ;AAUQ;EAfJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAQJ;AAMQ;EAlBJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAeJ;AAEQ;EArBJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAsBJ;AAFQ;EAxBJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AA6BJ;AANQ;EA3BJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAoCJ;AAVQ;EA9BJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AA2CJ;AAdQ;EAjCJ,WAAA;EACA,YAAA;EACA,iBAAA;EACA,qBAAA;EACA,yBAAA;AAkDJ;AAlBQ;EApCJ,YAAA;EACA,aAAA;EACA,kBAAA;EACA,sBAAA;EACA,0BAAA;AAyDJ",sourcesContent:[".reactist_avatar_size(@size) {\n width: @size;\n height: @size;\n line-height: @size;\n background-size: @size;\n font-size: calc(@size / 2);\n}\n\n.reactist_avatar {\n flex-shrink: 0;\n background-position: center;\n color: white;\n text-align: center;\n border-radius: 50%;\n\n &_size {\n &--xxs {\n .reactist_avatar_size(16px);\n }\n &--xs {\n .reactist_avatar_size(20px);\n }\n &--s {\n .reactist_avatar_size(30px);\n }\n &--m {\n .reactist_avatar_size(32px);\n }\n &--l {\n .reactist_avatar_size(34px);\n }\n &--xl {\n .reactist_avatar_size(48px);\n }\n &--xxl {\n .reactist_avatar_size(70px);\n }\n &--xxxl {\n .reactist_avatar_size(100px);\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2771:function(module,exports,__webpack_require__){var content=__webpack_require__(2772);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2772:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story .reactist_button {\n display: inline;\n margin: 0 10px 0 0;\n}\n.story.playground .reactist_button,\np .reactist_button--link {\n margin: 0 !important;\n}\n.alternate_branding > .reactist_button {\n background-color: #dd4b39;\n}\n.alternate_branding > .reactist_button:not(.reactist_button--loading):not(.reactist_button--secondary):not([disabled]):hover {\n background-color: #c23321;\n}\n.alternate_branding > .reactist_button:not(.reactist_button--loading):not(.reactist_button--secondary):disabled {\n background-color: #e47365;\n}\n.alternate_branding > .reactist_button.reactist_button--secondary {\n background-color: white;\n border: 1px solid #dd4b39;\n color: #dd4b39;\n}\n","",{version:3,sources:["webpack://stories/components/styles/button_story.less"],names:[],mappings:"AAAA;EACI,eAAA;EACA,kBAAA;AACJ;AACA;;EAEI,oBAAA;AACJ;AAOI;EACI,yBAAA;AALR;AAOQ;EACI,yBAAA;AALZ;AAQQ;EACI,yBAAA;AANZ;AASQ;EACI,uBAAA;EACA,yBAAA;EACA,cAAA;AAPZ",sourcesContent:[".story .reactist_button {\n display: inline;\n margin: 0 10px 0 0;\n}\n.story.playground .reactist_button,\np .reactist_button--link {\n margin: 0 !important;\n}\n\n.alternate_branding {\n @primary-color: #dd4b39;\n @primary-color-lighter: lighten(#dd4b39, 10%);\n @primary-color-darker: darken(#dd4b39, 10%);\n // alternate button styles\n & > .reactist_button {\n background-color: @primary-color;\n\n &:not(.reactist_button--loading):not(.reactist_button--secondary):not([disabled]):hover {\n background-color: @primary-color-darker;\n }\n\n &:not(.reactist_button--loading):not(.reactist_button--secondary):disabled {\n background-color: @primary-color-lighter;\n }\n\n &.reactist_button--secondary {\n background-color: white;\n border: 1px solid @primary-color;\n color: @primary-color;\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2773:function(module,exports,__webpack_require__){var content=__webpack_require__(2774);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2774:function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__(26),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__(968),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__(2775),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_button {\n cursor: pointer;\n user-select: none;\n color: inherit;\n border: none;\n background-color: transparent;\n padding: 0;\n}\n.reactist_button[aria-disabled='true'] {\n opacity: 0.4;\n cursor: not-allowed;\n}\n.reactist_button--small {\n font-size: 0.81rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.6;\n}\n.reactist_button--primary,\n.reactist_button--secondary,\n.reactist_button--danger {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n box-sizing: border-box;\n padding: 5px 15px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n.reactist_button--primary.reactist_button--small,\n.reactist_button--secondary.reactist_button--small,\n.reactist_button--danger.reactist_button--small {\n padding: 5px 10px;\n}\n.reactist_button--primary.reactist_button--large,\n.reactist_button--secondary.reactist_button--large,\n.reactist_button--danger.reactist_button--large {\n padding: 10px 15px;\n}\n.reactist_button--primary {\n background-color: #3f82ef;\n color: white;\n}\n.reactist_button--primary:not([disabled]):hover {\n background-color: #3b7be2;\n}\n.reactist_button--danger {\n background-color: #de4c4a;\n color: white;\n}\n.reactist_button--danger:not([disabled]):hover {\n background-color: #cf2826;\n}\n.reactist_button--secondary {\n background-color: white;\n color: #202020;\n border-color: #dcdcdc;\n}\n.reactist_button--secondary:not([disabled]):hover {\n background-color: #f9f9f9;\n}\n.reactist_button--link {\n color: #3f82ef;\n text-decoration: none;\n}\n.reactist_button--link:disabled {\n color: #808080;\n}\n.reactist_button--link:not(:disabled):hover {\n text-decoration: underline;\n}\n.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large) {\n font-size: inherit;\n}\n.reactist_button--primary.reactist_button--loading,\n.reactist_button--secondary.reactist_button--loading,\n.reactist_button--danger.reactist_button--loading {\n cursor: progress !important;\n}\n.reactist_button--primary.reactist_button--loading:after,\n.reactist_button--secondary.reactist_button--loading:after,\n.reactist_button--danger.reactist_button--loading:after {\n background-repeat: no-repeat;\n background-size: 15px;\n content: '';\n display: inline-block;\n height: 15px;\n margin-left: 12px;\n vertical-align: middle;\n width: 15px;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-name: reactistRotateRight;\n animation-timing-function: linear;\n color: #ffffff;\n background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_button--secondary.reactist_button--loading {\n border-color: #dcdcdc;\n background-color: #dcdcdc;\n color: #808080;\n}\n@keyframes reactistRotateRight {\n from {\n transform: rotate(0deg);\n transform-origin: center center;\n }\n to {\n transform: rotate(360deg);\n transform-origin: center center;\n }\n}\n","",{version:3,sources:["webpack://src/components/button/button.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,eAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,UAAA;AADJ;AAGI;EACI,YAAA;EACA,mBAAA;AADR;AAII;ECgCA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADjCJ;AAEI;;;ECoBA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDnBI,sBAAA;EACA,iBAAA;EACA,oCAAA;EACA,kBAAA;AAGR;AAFQ;;;EACI,iBAAA;AAMZ;AAJQ;;;EACI,kBAAA;AAQZ;AAJI;EACI,yBAAA;EACA,YAAA;AAMR;AAJQ;EACI,yBAAA;AAMZ;AAFI;EACI,yBAAA;EACA,YAAA;AAIR;AAFQ;EACI,yBAAA;AAIZ;AAAI;EACI,uBAAA;EACA,cAAA;EACA,qBAAA;AAER;AAAQ;EACI,yBAAA;AAEZ;AAEI;EACI,cAAA;EACA,qBAAA;AAAR;AAEQ;EACI,cAAA;AAAZ;AAGQ;EACI,0BAAA;AADZ;AAIQ;EACI,kBAAA;AAFZ;AAUQ;;;EACI,2BAAA;AANZ;AAOY;;;EACI,4BAAA;EACA,qBAAA;EACA,WAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;EACA,WAAA;EACA,sBAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EACA,cAAA;EACA,yDAAA;AAHhB;AAUI;EACI,qBAAA;EACA,yBAAA;EACA,cAAA;AARR;AAaA;EACI;IACI,uBAAA;IACA,+BAAA;EAXN;EAcE;IACI,yBAAA;IACA,+BAAA;EAZN;AACF",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_button {\n cursor: pointer;\n user-select: none;\n color: inherit;\n border: none;\n background-color: transparent;\n padding: 0;\n\n &[aria-disabled='true'] {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n &--small {\n .smaller_text();\n }\n\n &--primary,\n &--secondary,\n &--danger {\n .normal_text();\n box-sizing: border-box;\n padding: 5px 15px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n &.reactist_button--small {\n padding: 5px 10px;\n }\n &.reactist_button--large {\n padding: 10px 15px;\n }\n }\n\n &--primary {\n background-color: @primary_color;\n color: white;\n\n &:not([disabled]):hover {\n background-color: @primary_color_darker;\n }\n }\n\n &--danger {\n background-color: @color_red;\n color: white;\n\n &:not([disabled]):hover {\n background-color: darken(@color_red, 10%);\n }\n }\n\n &--secondary {\n background-color: white;\n color: @primary_font_color;\n border-color: @color_border_grey;\n\n &:not([disabled]):hover {\n background-color: @color_grey_9;\n }\n }\n\n &--link {\n color: @primary_color;\n text-decoration: none;\n\n &:disabled {\n color: @secondary_font_color;\n }\n\n &:not(:disabled):hover {\n text-decoration: underline;\n }\n\n &:not(&--small):not(&--large) {\n font-size: inherit;\n }\n }\n\n // loading-like buttons are only supported for the primary, secondary and danger variants\n &--primary,\n &--secondary,\n &--danger {\n &.reactist_button--loading {\n cursor: progress !important;\n &:after {\n background-repeat: no-repeat;\n background-size: 15px;\n content: '';\n display: inline-block;\n height: 15px;\n margin-left: 12px;\n vertical-align: middle;\n width: 15px;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-name: reactistRotateRight;\n animation-timing-function: linear;\n color: #ffffff;\n background-image: url('../icons/spinner.svg');\n }\n }\n }\n\n // we treat secondary buttons differently because the loading indicator is white\n // TODO: make the loading indicator color adaptable from the outside using SVG currentColor\n &--secondary.reactist_button--loading {\n border-color: @color_border_grey;\n background-color: @color_border_grey;\n color: @secondary_font_color;\n }\n}\n\n// Animation used by the busy state of a button\n@keyframes reactistRotateRight {\n from {\n transform: rotate(0deg);\n transform-origin: center center;\n }\n\n to {\n transform: rotate(360deg);\n transform-origin: center center;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2775:function(module,exports){module.exports="data:image/svg+xml,export default __webpack_public_path__ + 'static/media/spinner.0a24d9f7.svg';"},2776:function(module,exports,__webpack_require__){var content=__webpack_require__(2777);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2777:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tooltip {\n font-size: 0.81rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.6;\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n padding: 5px 10px;\n background-color: #333333;\n color: white;\n border: none;\n border-radius: 3px;\n z-index: 1000;\n}\n","",{version:3,sources:["webpack://src/components/tooltip/tooltip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAIA;EC2CI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5CA,kBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;AAAJ",sourcesContent:["@import '../styles/constants.less';\n\n@tooltip_background: @color_almost_black;\n\n.reactist_tooltip {\n .smaller_text();\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n padding: 5px 10px;\n background-color: @tooltip_background;\n color: white;\n border: none;\n border-radius: 3px;\n z-index: @z-index-tooltip;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2778:function(module,exports,__webpack_require__){var content=__webpack_require__(2779);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2779:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_checkbox {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n}\n.reactist_checkbox:hover {\n cursor: pointer;\n}\n.reactist_checkbox .reactist_checkbox--input {\n margin-right: 10px;\n}\n","",{version:3,sources:["webpack://src/components/checkbox/checkbox.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrCJ;AADI;EACI,eAAA;AAGR;AANA;EAOQ,kBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_checkbox {\n .normal_text();\n &:hover {\n cursor: pointer;\n }\n\n .reactist_checkbox--input {\n margin-right: 10px;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2783:function(module,exports,__webpack_require__){var content=__webpack_require__(2784);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2784:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_color_picker .color_trigger {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n background-size: 24px;\n}\n.reactist_color_picker .color_trigger--inner_ring {\n background-color: rgba(0, 0, 0, 0.1);\n width: 14px;\n height: 14px;\n border-radius: 50%;\n visibility: hidden;\n}\n.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring {\n visibility: visible;\n}\n.reactist_color_picker .color_trigger.small {\n height: 18px;\n width: 18px;\n}\n.reactist_color_picker .color_trigger.small .color_trigger--inner_ring {\n width: 12px;\n height: 12px;\n}\n.reactist_color_picker .color_item {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 4px;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n cursor: pointer;\n}\n.reactist_color_picker .color_item--inner_ring {\n background-color: transparent;\n border: 2px solid white;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n visibility: hidden;\n}\n.reactist_color_picker .color_item:hover .color_item--inner_ring {\n visibility: visible;\n}\n.reactist_color_picker .color_item.active {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n}\n.reactist_color_picker .color_options {\n padding: 6px;\n display: flex;\n flex-wrap: wrap;\n width: 164px;\n position: relative;\n}\n.reactist_color_picker .with_arrow:after,\n.reactist_color_picker .with_arrow:before {\n visibility: hidden;\n}\n","",{version:3,sources:["webpack://src/components/color-picker/color-picker.less"],names:[],mappings:"AAEA;EAEQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EAEA,yYAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;AAHR;AAKQ;EACI,oCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAHZ;AAKQ;EAEQ,mBAAA;AAJhB;AAQQ;EACI,YAAA;EACA,WAAA;AANZ;AAIQ;EAKQ,WAAA;EACA,YAAA;AANhB;AA7BA;EAyCQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;AATZ;AAWQ;EAEQ,mBAAA;AAVhB;AAcQ;EACI,6bAAA;EACA,2BAAA;EACA,4BAAA;AAZZ;AAxDA;EAyEQ,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AAdR;AA/DA;;EAkFQ,kBAAA;AAfR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_color_picker {\n .color_trigger {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n cursor: pointer;\n\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n background-size: 24px;\n\n &--inner_ring {\n background-color: rgba(0, 0, 0, 0.1);\n width: 14px;\n height: 14px;\n border-radius: 50%;\n visibility: hidden;\n }\n &:hover {\n .color_trigger--inner_ring {\n visibility: visible;\n }\n }\n\n &.small {\n height: 18px;\n width: 18px;\n\n .color_trigger--inner_ring {\n width: 12px;\n height: 12px;\n }\n }\n }\n\n .color_item {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 4px;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n cursor: pointer;\n\n &--inner_ring {\n background-color: transparent;\n border: 2px solid white;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n visibility: hidden;\n }\n &:hover {\n .color_item--inner_ring {\n visibility: visible;\n }\n }\n\n &.active {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n }\n }\n\n .color_options {\n padding: 6px;\n display: flex;\n flex-wrap: wrap;\n width: 164px; // 4 * 32 + 3 * 8 + 2 * 6\n position: relative;\n }\n\n .with_arrow:after,\n .with_arrow:before {\n visibility: hidden;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2785:function(module,exports,__webpack_require__){var content=__webpack_require__(2786);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2786:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_dropdown .trigger {\n cursor: pointer;\n display: block;\n}\n.reactist_dropdown .body {\n border-radius: 3px;\n border: 1px solid #dcdcdc;\n overflow: hidden;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n z-index: 1;\n background-color: #fff;\n}\n.reactist_dropdown hr {\n border: none;\n height: 1px;\n background-color: #dcdcdc;\n margin: 0 5px;\n}\n.reactist_dropdown .with_arrow:after,\n.reactist_dropdown .with_arrow:before {\n z-index: 1;\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px;\n right: 14px;\n}\n.reactist_dropdown .with_arrow:after {\n top: -11px;\n border-color: transparent transparent #fff transparent;\n}\n.reactist_dropdown .with_arrow:before {\n top: -12px;\n border-color: transparent transparent #dcdcdc transparent;\n}\n.reactist_dropdown .with_arrow.top:after {\n top: -1px;\n border-color: #fff transparent transparent transparent;\n}\n.reactist_dropdown .with_arrow.top:before {\n top: -1px;\n right: 13px;\n border-width: 7px;\n border-color: #dcdcdc transparent transparent transparent;\n}\n","",{version:3,sources:["webpack://src/components/dropdown/dropdown.less"],names:[],mappings:"AAEA;EAEQ,eAAA;EACA,cAAA;AAFR;AADA;EAOQ,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,2CAAA;EACA,UAAA;EACA,sBAAA;AAHR;AATA;EAgBQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAJR;AAfA;;EAwBQ,UAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;AALR;AA3BA;EAoCQ,UAAA;EACA,sDAAA;AANR;AA/BA;EAyCQ,UAAA;EACA,yDAAA;AAPR;AAnCA;EA8CQ,SAAA;EACA,sDAAA;AARR;AAvCA;EAmDQ,SAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_dropdown {\n .trigger {\n cursor: pointer;\n display: block;\n }\n\n .body {\n border-radius: 3px;\n border: 1px solid @color_border_grey;\n overflow: hidden;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n z-index: 1;\n background-color: #fff;\n }\n\n hr {\n border: none;\n height: 1px;\n background-color: @color_border_grey;\n margin: 0 5px;\n }\n\n .with_arrow:after,\n .with_arrow:before {\n z-index: 1;\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px;\n right: 14px;\n }\n\n .with_arrow:after {\n top: -11px;\n border-color: transparent transparent #fff transparent;\n }\n\n .with_arrow:before {\n top: -12px;\n border-color: transparent transparent @color_border_grey transparent;\n }\n\n .with_arrow.top:after {\n top: -1px;\n border-color: #fff transparent transparent transparent;\n }\n\n .with_arrow.top:before {\n top: -1px;\n right: 13px;\n border-width: 7px;\n border-color: @color_border_grey transparent transparent transparent;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2787:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DropdownStory",(function(){return DropdownStory})),__webpack_require__.d(__webpack_exports__,"InteractiveDropdownStory",(function(){return InteractiveDropdownStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__),_src_components_dropdown__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(115),_src_components_button__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(16);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 (\n
\n \n \n \n \n \n
\n

Dropdown Content

\n
    \n
  • You can add anything
    • \n
  • you want to a dropdown
    • \n
  • (e.g. lists and headings)
    • \n
\n
\n \n \n
\n)'}},DropdownStory.parameters),InteractiveDropdownStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n \n \n \n \n \n
\n

Wow this is interactive

\n
    \n
  • Click outside
    • \n
  • to close this
    • \n
\n
\n \n \n
\n)'}},InteractiveDropdownStory.parameters)},2788:function(module,exports,__webpack_require__){var content=__webpack_require__(2789);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2789:function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__(26),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__(968),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__(2790),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_error_message {\n padding: 10px 10px 0 10px;\n margin-bottom: 10px;\n background-color: #f8d9d8;\n border: 1px solid #de4c4a;\n}\n.reactist_error_message p {\n font-size: 0.875rem;\n color: #de4c4a;\n font-weight: 400;\n line-height: 1.7;\n margin: 0 0 10px 0;\n}\n.reactist_error_message .dismiss_icon {\n height: 20px;\n width: 20px;\n background-repeat: no-repeat;\n background-position: center;\n background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n float: right;\n position: relative;\n top: -30px;\n}\n.reactist_error_message .dismiss_icon:hover {\n cursor: pointer;\n}\n","",{version:3,sources:["webpack://src/components/error-message/error-message.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,yBAAA;EACA,mBAAA;EACA,yBAAA;EACA,yBAAA;AADJ;AAHA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDhCI,kBAAA;AAER;AAVA;EAYQ,YAAA;EACA,WAAA;EACA,4BAAA;EACA,2BAAA;EACA,yDAAA;EACA,YAAA;EACA,kBAAA;EACA,UAAA;AACR;AAAQ;EACI,eAAA;AAEZ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_error_message {\n padding: 10px 10px 0 10px;\n margin-bottom: 10px;\n background-color: lighten(@color_red, 33%);\n border: 1px solid @color_red;\n\n p {\n .normal_text(@color: @color_red);\n margin: 0 0 10px 0;\n }\n\n .dismiss_icon {\n height: 20px;\n width: 20px;\n background-repeat: no-repeat;\n background-position: center;\n background-image: url('../icons/close_red.svg');\n float: right;\n position: relative;\n top: -30px;\n &:hover {\n cursor: pointer;\n }\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2790:function(module,exports){module.exports="data:image/svg+xml,export default __webpack_public_path__ + 'static/media/close_red.d30aacaf.svg';"},2791:function(module,exports,__webpack_require__){var content=__webpack_require__(2792);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2792:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_icon {\n flex: 0 0 auto;\n display: block;\n width: 40px;\n height: 40px;\n background-size: 25px;\n background-position: center;\n background-repeat: no-repeat;\n}\n.reactist_icon.disabled {\n opacity: 0.4;\n}\n.reactist_icon--component {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","",{version:3,sources:["webpack://src/components/icon/icon.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,2BAAA;EACA,4BAAA;AACJ;AACI;EACI,YAAA;AACR;AAEI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;AAAR",sourcesContent:[".reactist_icon {\n flex: 0 0 auto;\n display: block;\n width: 40px;\n height: 40px;\n background-size: 25px;\n background-position: center;\n background-repeat: no-repeat;\n\n &.disabled {\n opacity: 0.4;\n }\n\n &--component {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2793:function(module,exports,__webpack_require__){var content=__webpack_require__(2794);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2794:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story-info {\n color: #565d6b;\n font-size: 14px;\n line-height: 1.5;\n margin-bottom: 50px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/input_story.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AACJ",sourcesContent:[".story-info {\n color: rgb(86, 93, 107);\n font-size: 14px;\n line-height: 1.5;\n margin-bottom: 50px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2795:function(module,exports,__webpack_require__){var content=__webpack_require__(2796);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2796:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_input {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n box-sizing: border-box;\n width: 100%;\n display: block;\n outline: none;\n border: 1px solid #dcdcdc;\n border-radius: 3px;\n padding: 5px 10px;\n margin: 0;\n}\n.reactist_input:focus {\n border-color: #3f82ef;\n}\n.reactist_input:disabled {\n background-color: #fafafa;\n}\n","",{version:3,sources:["webpack://src/components/input/input.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,sBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;AAEJ;AAAI;EACI,qBAAA;AAER;AAAI;EACI,yBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_input {\n .normal_text();\n box-sizing: border-box;\n width: 100%;\n display: block;\n outline: none;\n border: 1px solid @color_border_grey;\n border-radius: 3px;\n padding: 5px 10px;\n margin: 0;\n\n &:focus {\n border-color: @primary_color;\n }\n &:disabled {\n background-color: @color_grey_11;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2797:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__(47),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(0);var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(2),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(57);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=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_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__.c,{title:"Components/KeyCapturer",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"component-documentation"},"Component Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"documentation"},"Documentation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Use this component to wrap anything you want to handle key events for (e.g. an input)."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can specify the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"eventName")," to capture (defaults to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onKeyDown"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Check the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"SUPPORTED_KEYS")," map to see which keys are supported and supply the respective ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"on\\${Key}")," prop (i.e. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," or ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onArrowDown"),"). Note that the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onEnter")," handler will not fire when used in an IME composition session to prevent interference with the user's input."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you want the default behaviour to be preserved (i.e. only want to hook into the event instead of replacing it) set the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagate\\${Key}")," prop (e.g. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"propagateBackspace"),")."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Example of an ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"strong"},""))," handling normal keystrokes by acting on ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"onChange")," as well as on enter and backspace presses with dedicated handlers. By propagating the backspace key users are still able to delete the last typed character while you can also implement additional logic on top."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"\n \n\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Components/KeyCapturer",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_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},2798:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"KeyboardShortcutPlaygroundStory",(function(){return KeyboardShortcutPlaygroundStory}));__webpack_require__(961),__webpack_require__(475),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(681),_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_14__=(__webpack_require__(2799),__webpack_require__(487));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 _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__webpack_exports__.default={title:"Components/KeyboardShortcut"};var KeyboardShortcutPlaygroundStory=function KeyboardShortcutPlaygroundStory(args){var shortcut=args.shortcut.length>1?args.shortcut:args.shortcut[0]||"";return react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("section",{className:"story"},react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("pre",null,react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("code",null,"",react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("br",null),"  ","string"==typeof shortcut?shortcut:react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_11___default.a.Fragment,null,"{",JSON.stringify(shortcut),"}"),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("br",null),"")),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("strong",null,"On macOS:"),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_14__.a,{isMac:!0},shortcut)),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("p",null,react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("strong",null,"Elsewhere:"),react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_src_components_keyboard_shortcut__WEBPACK_IMPORTED_MODULE_14__.a,{isMac:!1},shortcut)))};KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.args={shortcut:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_12__.a)("Shortcut","Cmd + Alt + Shift + E, q").split(/\s*,\s*/)},KeyboardShortcutPlaygroundStory.argTypes={shortcut:{control:{type:"text"}}},KeyboardShortcutPlaygroundStory.parameters=function _objectSpread(target){for(var i=1;i {\n const shortcut = args.shortcut.length > 1 ? args.shortcut : args.shortcut[0] || ''\n\n return (\n
\n 
\n                \n                    <KeyboardShortcut>\n                    
\n                      \n                    {typeof shortcut === 'string' ? (\n                        shortcut\n                    ) : (\n                        <>\n                            {'{'}\n                            {JSON.stringify(shortcut)}\n                            {'}'}\n                        \n                    )}\n                    
\n                    </KeyboardShortcut>\n                \n
\n

\n On macOS:\n {shortcut}\n

\n

\n Elsewhere:\n {shortcut}\n

\n
\n )\n}"}},KeyboardShortcutPlaygroundStory.parameters);try{KeyboardShortcutPlaygroundStory.displayName="KeyboardShortcutPlaygroundStory",KeyboardShortcutPlaygroundStory.__docgenInfo={description:"",displayName:"KeyboardShortcutPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"]={docgenInfo:KeyboardShortcutPlaygroundStory.__docgenInfo,name:"KeyboardShortcutPlaygroundStory",path:"stories/components/KeyboardShortcut.stories.tsx#KeyboardShortcutPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2799:function(module,exports,__webpack_require__){var content=__webpack_require__(2800);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2800:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_keyboard_shortcut {\n font: 11px Menlo, monospace;\n}\n.reactist_keyboard_shortcut > kbd > kbd {\n display: inline-block;\n padding: 3px 5px;\n margin: 0 2px;\n line-height: normal;\n line-height: 10px;\n color: #202020;\n vertical-align: middle;\n background-color: #fafafa;\n border: 1px solid #dcdcdc;\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 #dcdcdc;\n}\n","",{version:3,sources:["webpack://src/components/keyboard-shortcut/keyboard-shortcut.less"],names:[],mappings:"AAEA;EACI,2BAAA;AADJ;AAAA;EAGQ,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;EACA,kCAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_keyboard_shortcut {\n font: 11px Menlo, monospace;\n > kbd > kbd {\n display: inline-block;\n padding: 3px 5px;\n margin: 0 2px;\n line-height: normal;\n line-height: 10px;\n color: @primary_font_color;\n vertical-align: middle;\n background-color: @color_grey_11;\n border: 1px solid @color_border_grey;\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 @color_border_grey;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2804:function(module,exports,__webpack_require__){var content=__webpack_require__(2805);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2805:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.loading .spinner--white {\n background-color: #3f82ef;\n}\n","",{version:3,sources:["webpack://stories/components/styles/loading_story.less"],names:[],mappings:"AAAA;EAEQ,yBAAA;AAAR",sourcesContent:[".story.loading {\n .spinner--white {\n background-color: #3f82ef;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2806:function(module,exports,__webpack_require__){var content=__webpack_require__(2807);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2807:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,"@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.reactist_loading {\n display: flex;\n align-items: center;\n justify-items: center;\n align-content: center;\n justify-content: center;\n flex: 1 1 auto;\n}\n.reactist_loading .reactist_loading--spinner svg {\n animation-name: spinner;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n}\n","",{version:3,sources:["webpack://src/components/styles/animations.less","webpack://src/components/loading/loading.less"],names:[],mappings:"AAAA;EACI;IACI,UAAA;ECCN;EDCE;IACI,UAAA;ECCN;AACF;ADEA;EACI;IACI,uBAAA;ECAN;EDEE;IACI,yBAAA;ECAN;AACF;AAbA;EACI,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,uBAAA;EACA,cAAA;AAeJ;AArBA;EASQ,uBAAA;EACA,wBAAA;EACA,mCAAA;EACA,iCAAA;AAeR",sourcesContent:["@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n","@import '../styles/animations.less';\n\n.reactist_loading {\n display: flex;\n align-items: center;\n justify-items: center;\n align-content: center;\n justify-content: center;\n flex: 1 1 auto;\n\n .reactist_loading--spinner svg {\n animation-name: spinner;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2808:function(module,exports,__webpack_require__){var content=__webpack_require__(2809);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2809:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story {\n font-family: Arial;\n}\n.story button[aria-haspopup='menu'] svg {\n fill: currentcolor;\n width: 0.65em;\n height: 0.65em;\n margin-left: 0.5em;\n}\n.story ul {\n list-style: none;\n padding: 0;\n}\n.story .item_box {\n min-width: 300px;\n display: flex;\n border: 1px solid grey;\n padding: 4px 10px;\n margin: 4px 0;\n user-select: none;\n}\n.story .item_box:hover {\n background-color: #efefef;\n}\n.story .item_box.menu_open {\n background-color: #cfcfcf;\n}\n.story .item_box .item_name {\n flex: 1;\n display: flex;\n align-items: center;\n}\n.story .menu_item_icon {\n padding-right: 10px;\n}\n.story .menu_item_label {\n flex: 1;\n}\n","",{version:3,sources:["webpack://stories/components/styles/menu_story.less"],names:[],mappings:"AAAA;EACI,kBAAA;AACJ;AAFA;EAIQ,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;AACR;AARA;EAUQ,gBAAA;EACA,UAAA;AACR;AAZA;EAcQ,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,aAAA;EACA,iBAAA;AACR;AAAQ;EACI,yBAAA;AAEZ;AAAQ;EACI,yBAAA;AAEZ;AA1BA;EA2BY,OAAA;EACA,aAAA;EACA,mBAAA;AAEZ;AA/BA;EAkCQ,mBAAA;AAAR;AAlCA;EAsCQ,OAAA;AADR",sourcesContent:[".story {\n font-family: Arial;\n\n button[aria-haspopup='menu'] svg {\n fill: currentcolor;\n width: 0.65em;\n height: 0.65em;\n margin-left: 0.5em;\n }\n ul {\n list-style: none;\n padding: 0;\n }\n .item_box {\n min-width: 300px;\n display: flex;\n border: 1px solid grey;\n padding: 4px 10px;\n margin: 4px 0;\n user-select: none;\n &:hover {\n background-color: #efefef;\n }\n &.menu_open {\n background-color: #cfcfcf;\n }\n .item_name {\n flex: 1;\n display: flex;\n align-items: center;\n }\n }\n\n .menu_item_icon {\n padding-right: 10px;\n }\n\n .menu_item_label {\n flex: 1;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2845:function(module,exports,__webpack_require__){var content=__webpack_require__(2846);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2846:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_menulist[role='menu'] {\n display: block;\n white-space: nowrap;\n background: hsla(0, 0%, 100%, 0.99);\n outline: none;\n font-size: 0.81rem;\n padding: 4px 0;\n min-width: 180px;\n border: 1px solid #dcdcdc;\n border-radius: 3px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menu'] .reactist_menugroup__label {\n user-select: none;\n outline: none;\n text-align: left;\n display: flex;\n align-items: center;\n padding: 5px 10px;\n color: inherit;\n border: none;\n background-color: transparent;\n}\n.reactist_menulist[role='menu'] .reactist_menugroup__label {\n color: #808080;\n font-size: 0.75rem;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button {\n padding-right: 16px;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 4px 0 4px 6px;\n border-color: transparent #808080;\n display: block;\n width: 0;\n right: 6px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'] {\n width: 100%;\n box-sizing: border-box;\n}\n.reactist_menulist[role='menu'] [role='menuitem']:focus,\n.reactist_menulist[role='menu'] [role='menuitem'][aria-expanded='true'] {\n color: #202020;\n background-color: #ececec;\n}\n.reactist_menulist[role='menu'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menu'] [role='menuitem']:disabled {\n color: #808080;\n pointer-events: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem'] {\n cursor: default;\n text-decoration: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem']:hover {\n text-decoration: none;\n}\n.reactist_menulist[role='menu'] [role='menu'] {\n margin-top: -5px;\n}\n.reactist_menulist[role='menu'] hr {\n border: none;\n height: 1px;\n background-color: #dcdcdc;\n margin: 4px 0;\n}\n","",{version:3,sources:["webpack://src/components/menu/menu.less"],names:[],mappings:"AAEA;EACI,cAAA;EACA,mBAAA;EACA,mCAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,kBAAA;AADJ;AARA;;EAaQ,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;AADR;AApBA;EAyBQ,cAAA;EACA,kBAAA;AAFR;AAxBA;EA8BQ,mBAAA;AAHR;AA3BA;EAkCQ,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,2BAAA;EACA,iCAAA;EACA,cAAA;EACA,QAAA;EACA,UAAA;AAJR;AArCA;EA6CQ,WAAA;EACA,sBAAA;AALR;AAMQ;;EAEI,cAAA;EACA,yBAAA;AAJZ;AAMQ;;EAEI,cAAA;EACA,oBAAA;AAJZ;AAnDA;EA4DQ,eAAA;EACA,qBAAA;AANR;AAOQ;EACI,qBAAA;AALZ;AA1DA;EAqEQ,gBAAA;AARR;AA7DA;EAyEQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_menulist[role='menu'] {\n display: block;\n white-space: nowrap;\n background: hsla(0, 100%, 100%, 0.99);\n outline: none;\n font-size: @smaller_font_size;\n padding: 4px 0;\n min-width: 180px;\n border: 1px solid @color_border_grey;\n border-radius: 3px;\n\n [role='menuitem'],\n .reactist_menugroup__label {\n user-select: none;\n outline: none;\n text-align: left;\n display: flex;\n align-items: center;\n padding: 5px 10px;\n color: inherit;\n border: none;\n background-color: transparent;\n }\n\n .reactist_menugroup__label {\n color: @secondary_font_color;\n font-size: @tiny_font_size;\n }\n\n .reactist_submenu_button {\n padding-right: 16px;\n }\n\n .reactist_submenu_button::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 4px 0 4px 6px;\n border-color: transparent @secondary_font_color;\n display: block;\n width: 0;\n right: 6px;\n }\n\n [role='menuitem'] {\n width: 100%;\n box-sizing: border-box;\n &:focus,\n &[aria-expanded='true'] {\n color: @primary_font_color;\n background-color: @color_grey_10;\n }\n &[aria-disabled='true'],\n &:disabled {\n color: @secondary_font_color;\n pointer-events: none;\n }\n }\n\n a[role='menuitem'] {\n cursor: default;\n text-decoration: none;\n &:hover {\n text-decoration: none;\n }\n }\n\n // sub-menus need to be shifted a bit towards the top to be aligned with its menu item\n [role='menu'] {\n margin-top: -5px;\n }\n\n hr {\n border: none;\n height: 1px;\n background-color: @color_border_grey;\n margin: 4px 0;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2847:function(module,exports,__webpack_require__){var content=__webpack_require__(2848);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2848:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,"[id$='-modal--modal-playground-story'] .reactist_overlay {\n position: inherit;\n}\n","",{version:3,sources:["webpack://stories/components/styles/modal_story.less"],names:[],mappings:"AAKQ;EACI,iBAAA;AAJZ",sourcesContent:["// We don't want the modal playground to be fixed and in the centre for the docs tab\n// The selector targets just the suffix of the story's id in case we change our\n// stories' hierarchy in the future\n[id$='-modal--modal-playground-story'] {\n .reactist {\n &_overlay {\n position: inherit;\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2849:function(module,exports,__webpack_require__){var content=__webpack_require__(2850);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},285:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),CloseIcon=function CloseIcon(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path",{fill:"gray",fillRule:"evenodd",d:"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"}))};CloseIcon.displayName="CloseIcon",__webpack_exports__.a=CloseIcon},2850:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,"@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.reactist_overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n display: flex;\n justify-content: center;\n background: rgba(0, 0, 0, 0.7);\n overflow: auto;\n animation: fadein 0.25s;\n}\n.reactist_overlay_inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 40px 0;\n width: 100%;\n}\n.reactist_modal_box {\n display: flex;\n flex-direction: column;\n overflow: auto;\n overflow-x: hidden;\n width: 580px;\n border-radius: 3px;\n box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);\n}\n.reactist_modal_box.medium {\n width: 680px;\n}\n.reactist_modal_box.large {\n width: 60%;\n max-width: 1000px;\n}\n@media only screen and (max-width: 992px) {\n .reactist_modal_box.large {\n width: calc(100% - 80px);\n }\n}\n@media only screen and (max-width: 992px) {\n .reactist_modal_box {\n width: calc(100% - 80px);\n max-width: 580px;\n }\n}\n.reactist_modal_box__header {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n background-color: #f9f9f9;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-bottom: 1px solid #fafafa;\n}\n.reactist_modal_box__header p {\n margin: 0 0 0 25px;\n padding: 10px 0;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 700;\n line-height: 1.7;\n}\n.reactist_modal_box__header .title {\n font-size: 1rem;\n color: #202020;\n font-weight: 700;\n line-height: 1.8;\n display: block;\n margin-top: 5px;\n}\n.reactist_modal_box__header .subtitle {\n font-size: 0.81rem;\n color: #808080;\n font-weight: 400;\n line-height: 1.6;\n display: block;\n margin-top: 5px;\n}\n.reactist_modal_box__header a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 46px;\n height: 46px;\n margin-left: auto;\n margin-right: 8px;\n}\n.reactist_modal_box__body {\n flex-grow: 1;\n overflow: auto;\n padding: 20px 25px 25px 25px;\n background-color: white;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n}\n.reactist_modal_box__body.plain {\n padding: 0;\n}\n.reactist_modal_box__body .dialog {\n overflow: auto;\n}\n.reactist_modal_box__body .dialog .reactist_icon {\n width: 42px;\n float: left;\n margin-right: 20px;\n}\n.reactist_modal_box__body .dialog .reactist_icon > * {\n max-height: 42px;\n max-width: 100%;\n}\n.reactist_modal_box__body .dialog .content {\n float: right;\n width: calc(100% - 62px);\n}\n.reactist_modal_box__body .dialog .content h1 {\n margin: 0;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 700;\n line-height: 1.7;\n line-height: 1;\n}\n.reactist_modal_box__body:after {\n clear: both;\n content: '';\n display: block;\n}\n.reactist_modal_box__body .close {\n float: right;\n}\n.reactist_modal_box__actions {\n display: flex;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: 20px 25px;\n background-color: white;\n border-top: 1px solid #ececec;\n}\n.reactist_modal_box__actions button {\n margin-left: 10px;\n}\n","",{version:3,sources:["webpack://src/components/styles/animations.less","webpack://src/components/modal/modal.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAAA;EACI;IACI,UAAA;ECCN;EDCE;IACI,UAAA;ECCN;AACF;ADEA;EACI;IACI,uBAAA;ECAN;EDEE;IACI,yBAAA;ECAN;AACF;AAXI;EACI,eAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,UAAA;EACA,aAAA;EACA,uBAAA;EACA,8BAAA;EACA,cAAA;EACA,uBAAA;AAaR;AAXQ;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;AAaZ;AATI;EACI,aAAA;EACA,sBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;EACA,kBAAA;EACA,+CAAA;AAWR;AATQ;EACI,YAAA;AAWZ;AARQ;EACI,UAAA;EACA,iBAAA;AAUZ;AARY;EAAA;IACI,wBAAA;EAWd;AACF;AARQ;EAAA;IACI,wBAAA;IACA,gBAAA;EAWV;AACF;AARI;EACI,aAAA;EACA,cAAA;EACA,mBAAA;EACA,yBAAA;EACA,2BAAA;EACA,4BAAA;EACA,gCAAA;AAUR;AAjBI;EAUQ,kBAAA;EACA,eAAA;EC3BR,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADsCJ;AAzBI;ECxBA,eAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDsCQ,cAAA;EACA,eAAA;AAeZ;AAjCI;ECRA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED4BQ,cAAA;EACA,eAAA;AAiBZ;AAzCI;EA4BQ,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,iBAAA;AAgBZ;AAZI;EACI,YAAA;EACA,cAAA;EACA,4BAAA;EACA,uBAAA;EC1DJ,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADyEJ;AAfQ;EACI,UAAA;AAiBZ;AAzBI;EAYQ,cAAA;AAgBZ;AA5BI;EAeY,WAAA;EACA,WAAA;EACA,kBAAA;AAgBhB;AAdgB;EACI,gBAAA;EACA,eAAA;AAgBpB;AArCI;EA0BY,YAAA;EAEA,wBAAA;AAahB;AAzCI;EAgCgB,SAAA;ECtFhB,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDqFgB,cAAA;AAepB;AATQ;EACI,WAAA;EACA,WAAA;EACA,cAAA;AAWZ;AAtDI;EA+CQ,YAAA;AAUZ;AANI;EACI,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;EACA,uBAAA;EACA,6BAAA;AAQR;AAdI;EASQ,iBAAA;AAQZ",sourcesContent:["@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n","@import '../styles/constants.less';\n@import '../styles/animations.less';\n\n.reactist {\n &_overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n display: flex;\n justify-content: center;\n background: rgba(0, 0, 0, 0.7);\n overflow: auto;\n animation: fadein 0.25s;\n\n &_inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 40px 0;\n width: 100%;\n }\n }\n\n &_modal_box {\n display: flex;\n flex-direction: column;\n overflow: auto;\n overflow-x: hidden;\n width: 580px;\n border-radius: 3px;\n box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);\n\n &.medium {\n width: 680px;\n }\n\n &.large {\n width: 60%;\n max-width: 1000px;\n\n @media @small_screen {\n width: calc(~'100% - 80px'); // 40px on each side (incl. top via padding)\n }\n }\n\n @media @small_screen {\n width: calc(~'100% - 80px'); // 40px on each side (incl. top via padding)\n max-width: 580px;\n }\n }\n\n &_modal_box__header {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n background-color: @color_grey_9;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-bottom: 1px solid @color_grey_11;\n\n p {\n margin: 0 0 0 25px;\n padding: 10px 0;\n .normal_text(@weight: @bold);\n }\n\n .title {\n .heading_two_text();\n display: block;\n margin-top: 5px;\n }\n\n .subtitle {\n .smaller_text(@color: @secondary_font_color);\n display: block;\n margin-top: 5px;\n }\n\n a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 46px;\n height: 46px;\n margin-left: auto;\n margin-right: 8px;\n }\n }\n\n &_modal_box__body {\n flex-grow: 1;\n overflow: auto;\n padding: 20px 25px 25px 25px;\n background-color: white;\n .normal_text();\n\n &.plain {\n padding: 0;\n }\n\n .dialog {\n overflow: auto; // contain the floating elements correctly\n\n .reactist_icon {\n width: 42px;\n float: left;\n margin-right: 20px;\n\n & > * {\n max-height: 42px;\n max-width: 100%;\n }\n }\n\n .content {\n float: right;\n // modal size minus the (icon + margin)\n width: calc(~'100% - 62px');\n\n // when used as dialog this can be used as header inside the modal body\n h1 {\n margin: 0;\n .normal_text(@weight: @bold);\n line-height: 1;\n }\n }\n }\n\n // used to clear the floating icon while still enabling scrolling\n &:after {\n clear: both;\n content: '';\n display: block;\n }\n\n .close {\n float: right;\n }\n }\n\n &_modal_box__actions {\n display: flex;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: 20px 25px;\n background-color: white;\n border-top: 1px solid @color_grey_10;\n\n button {\n margin-left: 10px;\n }\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2851:function(module,exports,__webpack_require__){var content=__webpack_require__(2852);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2852:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".notification-story-notification-dot {\n box-sizing: border-box;\n display: flex;\n width: 22px;\n padding-top: 4px;\n}\n.notification-story-notification-dot:before {\n content: '';\n display: block;\n background-color: #70bc1c;\n width: 8px;\n height: 8px;\n border-radius: 8px;\n}\n.notification-story-notification-container {\n width: 360px;\n max-width: none;\n}\n.notification-story-content {\n margin-left: 10px;\n}\n.notification-story-text {\n text-align: left;\n margin: 0 0 4px 0;\n color: #808080;\n}\n.notification-story-heading {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin: 0;\n color: #de4c4a;\n}\n.notification-story-avatar-container {\n margin-right: 12px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/notification_story.less"],names:[],mappings:"AAEA;EACI,sBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AADJ;AAGI;EACI,WAAA;EACA,cAAA;EACA,yBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AADR;AAKA;EACI,YAAA;EACA,eAAA;AAHJ;AAMA;EACI,iBAAA;AAJJ;AAOA;EACI,gBAAA;EACA,iBAAA;EACA,cAAA;AALJ;AAQA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,SAAA;EACA,cAAA;AANJ;AASA;EACI,kBAAA;AAPJ",sourcesContent:["@import '../../../src/components/styles/constants.less';\n\n.notification-story-notification-dot {\n box-sizing: border-box;\n display: flex;\n width: 22px;\n padding-top: 4px;\n\n &:before {\n content: '';\n display: block;\n background-color: @color_green;\n width: 8px;\n height: 8px;\n border-radius: 8px;\n }\n}\n\n.notification-story-notification-container {\n width: 360px;\n max-width: none;\n}\n\n.notification-story-content {\n margin-left: 10px;\n}\n\n.notification-story-text {\n text-align: left;\n margin: 0 0 4px 0;\n color: @secondary_font_color;\n}\n\n.notification-story-heading {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin: 0;\n color: @color_red;\n}\n\n.notification-story-avatar-container {\n margin-right: 12px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2853:function(module,exports,__webpack_require__){var content=__webpack_require__(2854);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2854:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist-notification {\n display: flex;\n position: relative;\n font-size: 0.875rem;\n}\n.reactist-notification:not(.reactist-notification--with-button) {\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-start;\n padding: 10px 14px;\n border: 1px solid #dcdcdc;\n border-radius: 5px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n background: #fff;\n}\n.reactist-notification__button,\n.reactist-notification__close-button {\n border: 0;\n padding: 0;\n margin: 0;\n cursor: pointer;\n transition-property: background-color;\n transition-duration: 300ms;\n background: #fff;\n}\n.reactist-notification__button:hover,\n.reactist-notification__close-button:hover {\n background: #ececec;\n}\n.reactist-notification__button {\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-start;\n padding: 10px 14px;\n border: 1px solid #dcdcdc;\n border-radius: 5px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n background: #fff;\n display: flex;\n flex: 1;\n}\n.reactist-notification__button:hover + .reactist-notification__close-button {\n background: #ececec;\n}\n.reactist-notification__close-button {\n position: absolute;\n top: 8px;\n right: 8px;\n border-radius: 5px;\n}\n.reactist-notification__close-button > * {\n display: block;\n}\n.reactist-notification__icon-content-group {\n display: flex;\n flex: 1;\n}\n.reactist-notification--with-close-button .reactist-notification__icon-content-group {\n padding-right: 24px;\n}\n.reactist-notification__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.reactist-notification__title {\n margin: 0 0 3px 0;\n font-size: 0.875rem;\n text-align: left;\n}\n.reactist-notification__subtitle {\n font-size: 0.81rem;\n margin: 0;\n}\n","",{version:3,sources:["webpack://src/components/notification/notification.less"],names:[],mappings:"AAaA;EACI,aAAA;EACA,kBAAA;EACA,mBAAA;AAZJ;AAcI;EAfA,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;AAIJ;AASA;;EAEI,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,qCAAA;EACA,0BAAA;EACA,gBAAA;AAPJ;AASI;;EACI,mBAAA;AANR;AAUA;EAnCI,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;EA8BA,aAAA;EACA,OAAA;AADJ;AAGI;EACI,mBAAA;AADR;AAKA;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;AAHJ;AADA;EAOQ,cAAA;AAHR;AAOA;EACI,aAAA;EACA,OAAA;AALJ;AAQA;EAEQ,mBAAA;AAPR;AAWA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;AATJ;AAYA;EACI,iBAAA;EACA,mBAAA;EACA,gBAAA;AAVJ;AAaA;EACI,kBAAA;EACA,SAAA;AAXJ",sourcesContent:["@import '../styles/constants.less';\n\n.container-style() {\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-start;\n padding: 10px 14px;\n border: 1px solid @color_border_grey;\n border-radius: @default-radius;\n box-shadow: @default-box-shadow;\n background: #fff;\n}\n\n.reactist-notification {\n display: flex;\n position: relative;\n font-size: @normal_font_size;\n\n &:not(.reactist-notification--with-button) {\n .container-style();\n }\n}\n\n.reactist-notification__button,\n.reactist-notification__close-button {\n border: 0;\n padding: 0;\n margin: 0;\n cursor: pointer;\n transition-property: background-color;\n transition-duration: @standard-timing;\n background: #fff;\n\n &:hover {\n background: @color_grey_10;\n }\n}\n\n.reactist-notification__button {\n .container-style();\n display: flex;\n flex: 1;\n\n &:hover + .reactist-notification__close-button {\n background: @color_grey_10;\n }\n}\n\n.reactist-notification__close-button {\n position: absolute;\n top: 8px;\n right: 8px;\n border-radius: @default-radius;\n\n > * {\n display: block;\n }\n}\n\n.reactist-notification__icon-content-group {\n display: flex;\n flex: 1;\n}\n\n.reactist-notification--with-close-button {\n .reactist-notification__icon-content-group {\n padding-right: 24px;\n }\n}\n\n.reactist-notification__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.reactist-notification__title {\n margin: 0 0 3px 0;\n font-size: @normal_font_size;\n text-align: left;\n}\n\n.reactist-notification__subtitle {\n font-size: @smaller_font_size;\n margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2855:function(module,exports,__webpack_require__){var content=__webpack_require__(2856);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2856:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tip {\n width: 250px;\n padding: 10px 20px;\n}\n.reactist_tip__container {\n width: 20px;\n height: 20px;\n}\n.reactist_tip--title {\n margin: 0 0 10px 0;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 700;\n line-height: 1.7;\n}\n.reactist_tip--message {\n margin: 0;\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n}\n","",{version:3,sources:["webpack://src/components/tip/tip.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EAMI,YAAA;EACA,kBAAA;AANJ;AAAI;EACI,WAAA;EACA,YAAA;AAER;AAII;EACI,kBAAA;EC2BJ,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;AD5BJ;AACI;EACI,SAAA;ECuBJ,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrBJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_tip {\n &__container {\n width: 20px;\n height: 20px;\n }\n\n width: 250px;\n padding: 10px 20px;\n\n &--title {\n margin: 0 0 10px 0;\n .normal_text(@weight: @bold);\n }\n &--message {\n margin: 0;\n .normal_text();\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2857:function(module,exports,__webpack_require__){var content=__webpack_require__(2858);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2858:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n margin: 10px 0;\n}\n","",{version:3,sources:["webpack://stories/components/styles/progressbar_story.less"],names:[],mappings:"AAAA;EACI,cAAA;AACJ",sourcesContent:[".reactist_progress_bar {\n margin: 10px 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2859:function(module,exports,__webpack_require__){var content=__webpack_require__(2860);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2860:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n height: 4px;\n border-radius: 3px;\n background-color: #ececec;\n width: 100%;\n}\n.reactist_progress_bar .inner {\n height: inherit;\n border-radius: 4px;\n background-color: #70bc1c;\n}\n","",{version:3,sources:["webpack://src/components/progress-bar/progress-bar.less"],names:[],mappings:"AAEA;EACI,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;AADJ;AAHA;EAOQ,eAAA;EACA,kBAAA;EACA,yBAAA;AADR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_progress_bar {\n height: 4px;\n border-radius: 3px;\n background-color: @color_grey_10;\n width: 100%;\n\n .inner {\n height: inherit;\n border-radius: 4px;\n background-color: @color_green;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2861:function(module,exports,__webpack_require__){var content=__webpack_require__(2862);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2862:function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__(26),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__(968),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__(2863),___CSS_LOADER_URL_IMPORT_1___=__webpack_require__(2864),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___),___CSS_LOADER_URL_REPLACEMENT_1___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_range_input .range_btn {\n height: 30px;\n width: 30px;\n background-size: 20px;\n display: inline-block;\n background-position: center;\n background-repeat: no-repeat;\n}\n.reactist_range_input .range_btn.plus {\n background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_range_input .range_btn.minus {\n background-image: url("+___CSS_LOADER_URL_REPLACEMENT_1___+");\n}\n.reactist_range_input .range_btn:hover {\n cursor: pointer;\n}\n.reactist_range_input input[type='range'] {\n -webkit-appearance: none;\n width: 200px;\n height: 30px;\n}\n.reactist_range_input input[type='range']:focus {\n outline: none;\n}\n.reactist_range_input input[type='range']::-webkit-slider-runnable-track {\n width: 200px;\n height: 2px;\n cursor: pointer;\n animate: 0.2s;\n background: #808080;\n}\n.reactist_range_input input[type='range']::-webkit-slider-thumb {\n box-sizing: border-box;\n border: 1px solid #3f82ef;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: white;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -9px;\n}\n.reactist_range_input input[type='range']:focus::-webkit-slider-runnable-track {\n background: #8d8d8d;\n}\n.reactist_range_input input[type='range']::-moz-range-track {\n width: 200px;\n height: 2px;\n cursor: pointer;\n animate: 0.2s;\n background: #808080;\n}\n.reactist_range_input input[type='range']::-moz-range-thumb {\n box-sizing: border-box;\n border: 1px solid #3f82ef;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: white;\n cursor: pointer;\n}\n.reactist_range_input input[type='range']::-ms-track {\n background: transparent;\n border-color: transparent;\n border-width: 20px 0;\n color: transparent;\n}\n.reactist_range_input input[type='range']::-ms-fill-lower {\n width: 200px;\n height: 2px;\n cursor: pointer;\n animate: 0.2s;\n background: #737373;\n}\n.reactist_range_input input[type='range']::-ms-fill-upper {\n width: 200px;\n height: 2px;\n cursor: pointer;\n animate: 0.2s;\n background: #808080;\n}\n.reactist_range_input input[type='range']::-ms-thumb {\n box-sizing: border-box;\n border: 1px solid #3f82ef;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: white;\n cursor: pointer;\n}\n.reactist_range_input input[type='range']:focus::-ms-fill-lower {\n background: #808080;\n}\n.reactist_range_input input[type='range']:focus::-ms-fill-upper {\n background: #8d8d8d;\n}\n","",{version:3,sources:["webpack://src/components/range-input/range-input.less"],names:[],mappings:"AAEA;EAKQ,YAAA;EACA,WAAA;EACA,qBAAA;EACA,qBAAA;EACA,2BAAA;EACA,4BAAA;AALR;AAMQ;EACI,yDAAA;AAJZ;AAMQ;EACI,yDAAA;AAJZ;AAMQ;EACI,eAAA;AAJZ;AAdA;EAuDQ,wBAAA;EACA,YAAA;EACA,YAAA;AAtCR;AAwCQ;EACI,aAAA;AAtCZ;AAyCQ;EAzBA,YAAA;EACA,WAAA;EACA,eAAA;EACA,aAAA;EAwBI,mBAAA;AApCZ;AAuCQ;EAvBA,sBAAA;EACA,yBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EAmBI,wBAAA;EACA,gBAAA;AA/BZ;AAkCQ;EACI,mBAAA;AAhCZ;AAmCQ;EAxCA,YAAA;EACA,WAAA;EACA,eAAA;EACA,aAAA;EAuCI,mBAAA;AA9BZ;AAgCQ;EArCA,sBAAA;EACA,yBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;AAQR;AA2BQ;EACI,uBAAA;EACA,yBAAA;EACA,oBAAA;EACA,kBAAA;AAzBZ;AA4BQ;EAvDA,YAAA;EACA,WAAA;EACA,eAAA;EACA,aAAA;EAsDI,mBAAA;AAvBZ;AAyBQ;EA3DA,YAAA;EACA,WAAA;EACA,eAAA;EACA,aAAA;EA0DI,mBAAA;AApBZ;AAsBQ;EAxDA,sBAAA;EACA,yBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;AAqCR;AAgBQ;EACI,mBAAA;AAdZ;AAgBQ;EACI,mBAAA;AAdZ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_range_input {\n @range-height: 30px;\n @button-size: 20px;\n\n .range_btn {\n height: @range-height;\n width: @range-height;\n background-size: @button-size;\n display: inline-block;\n background-position: center;\n background-repeat: no-repeat;\n &.plus {\n background-image: url('../icons/plus.svg');\n }\n &.minus {\n background-image: url('../icons/minus.svg');\n }\n &:hover {\n cursor: pointer;\n }\n }\n\n // https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/\n @track-color: @secondary_font_color;\n @thumb-color: white;\n\n @thumb-radius: 50%;\n @thumb-height: @button-size;\n @thumb-width: @button-size;\n @thumb-border-width: 1px;\n @thumb-border-color: @primary_color;\n\n @track-width: 200px;\n @track-height: 2px;\n\n @contrast: 5%;\n\n .track() {\n width: @track-width;\n height: @track-height;\n cursor: pointer;\n animate: 0.2s;\n }\n\n .thumb() {\n box-sizing: border-box;\n border: @thumb-border-width solid @thumb-border-color;\n height: @thumb-height;\n width: @thumb-width;\n border-radius: @thumb-radius;\n background: @thumb-color;\n cursor: pointer;\n }\n\n input[type='range'] {\n -webkit-appearance: none;\n width: @track-width;\n height: @range-height;\n\n &:focus {\n outline: none;\n }\n\n &::-webkit-slider-runnable-track {\n .track();\n background: @track-color;\n }\n\n &::-webkit-slider-thumb {\n .thumb();\n -webkit-appearance: none;\n margin-top: (@track-height / 2) - (@thumb-height / 2);\n }\n\n &:focus::-webkit-slider-runnable-track {\n background: lighten(@track-color, @contrast);\n }\n\n &::-moz-range-track {\n .track();\n background: @track-color;\n }\n &::-moz-range-thumb {\n .thumb();\n }\n\n &::-ms-track {\n background: transparent;\n border-color: transparent;\n border-width: @thumb-width 0;\n color: transparent;\n }\n\n &::-ms-fill-lower {\n .track();\n background: darken(@track-color, @contrast);\n }\n &::-ms-fill-upper {\n .track();\n background: @track-color;\n }\n &::-ms-thumb {\n .thumb();\n }\n &:focus::-ms-fill-lower {\n background: @track-color;\n }\n &:focus::-ms-fill-upper {\n background: lighten(@track-color, @contrast);\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2863:function(module,exports){module.exports="data:image/svg+xml,export default __webpack_public_path__ + 'static/media/plus.daa8a941.svg';"},2864:function(module,exports){module.exports="data:image/svg+xml,export default __webpack_public_path__ + 'static/media/minus.c999e684.svg';"},2865:function(module,exports,__webpack_require__){var content=__webpack_require__(2866);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2866:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_select {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n background-color: white;\n border: 1px solid #dcdcdc;\n border-radius: 3px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n padding: 5px 25px 5px 10px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n background-position: calc(100% - 11px) center;\n background-repeat: no-repeat;\n background-size: 8px 11px;\n}\n.reactist_select.disabled {\n background-color: #fafafa;\n}\n.reactist_select:focus {\n outline: none;\n border: 1px solid #3f82ef;\n}\n","",{version:3,sources:["webpack://src/components/select/select.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDtCA,uBAAA;EACA,yBAAA;EACA,kBAAA;EAGA,qBAAA;EACA,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,0BAAA;EACA,+XAAA;EACA,6CAAA;EACA,4BAAA;EACA,yBAAA;AAAJ;AAEI;EACI,yBAAA;AAAR;AAEI;EACI,aAAA;EACA,yBAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_select {\n .normal_text();\n background-color: white;\n border: 1px solid @color_border_grey;\n border-radius: 3px;\n\n // nuke the browser styles\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n padding: 5px 25px 5px 10px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n background-position: calc(~'100% - 11px') center;\n background-repeat: no-repeat;\n background-size: 8px 11px;\n\n &.disabled {\n background-color: @color_grey_11;\n }\n &:focus {\n outline: none;\n border: 1px solid @primary_color;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2867:function(module,exports,__webpack_require__){var content=__webpack_require__(2868);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2868:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tabs__tab {\n padding: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tabs_story.less"],names:[],mappings:"AAAA;EACI,aAAA;AACJ",sourcesContent:[".reactist_tabs__tab {\n padding: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2871:function(module,exports,__webpack_require__){var content=__webpack_require__(2872);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2872:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_tabs__header {\n display: flex;\n border-bottom: 1px solid #dcdcdc;\n}\n.reactist_tabs__header--item {\n display: block;\n margin: 0 20px 0 0;\n padding: 10px 0;\n font-size: 0.875rem;\n color: #808080;\n font-weight: 400;\n line-height: 1.7;\n text-decoration: none;\n box-sizing: border-box;\n}\n.reactist_tabs__header--item.active {\n font-size: 0.875rem;\n color: #3f82ef;\n font-weight: 400;\n line-height: 1.7;\n}\n.reactist_tabs__header--item.active:after {\n display: block;\n content: '';\n background-color: #3f82ef;\n height: 3px;\n border-radius: 3px 3px 0 0;\n position: relative;\n top: 10px;\n}\n.reactist_tabs__header--item.disabled:hover {\n cursor: not-allowed;\n}\n.reactist_tabs--spreadlayout .reactist_tabs__header {\n display: flex;\n border-bottom: 0;\n}\n.reactist_tabs--spreadlayout .reactist_tabs__header--item {\n text-align: center;\n flex: 1;\n border-bottom: 1px solid #dcdcdc;\n margin: 0;\n}\n.reactist_tabs--spreadlayout .reactist_tabs__header--item.active {\n font-size: 0.875rem;\n color: #3f82ef;\n font-weight: 400;\n line-height: 1.7;\n border-bottom: 3px solid #3f82ef;\n}\n.reactist_tabs--spreadlayout .reactist_tabs__header--item:hover {\n text-decoration: none;\n}\n","",{version:3,sources:["webpack://src/components/tabs/tabs.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAGI;EACI,aAAA;EACA,gCAAA;AAFR;AAIQ;EAGI,cAAA;EACA,kBAAA;EACA,eAAA;EC2BR,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ED5BQ,qBAAA;EACA,sBAAA;AADZ;AAGY;ECsBR,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADtBJ;AADgB;EACI,cAAA;EACA,WAAA;EACA,yBAAA;EACA,WAAA;EACA,0BAAA;EACA,kBAAA;EACA,SAAA;AAGpB;AAAY;EACI,mBAAA;AAEhB;AAGI;EAEQ,aAAA;EACA,gBAAA;AAFZ;AADI;EAOQ,kBAAA;EACA,OAAA;EACA,gCAAA;EACA,SAAA;AAHZ;AAKY;ECRR,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDOY,gCAAA;AAAhB;AAGY;EACI,qBAAA;AADhB",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_tabs {\n &__header {\n display: flex;\n border-bottom: 1px solid @color_border_grey;\n\n &--item {\n @item_spacing: 10px;\n\n display: block;\n margin: 0 20px 0 0;\n padding: @item_spacing 0;\n .normal_text(@color: @secondary_font_color);\n text-decoration: none;\n box-sizing: border-box;\n\n &.active {\n .normal_text(@color: @primary_color);\n &:after {\n display: block;\n content: '';\n background-color: @primary_color;\n height: 3px;\n border-radius: 3px 3px 0 0;\n position: relative;\n top: @item_spacing;\n }\n }\n &.disabled:hover {\n cursor: not-allowed;\n }\n }\n }\n\n &--spreadlayout {\n .reactist_tabs__header {\n display: flex;\n border-bottom: 0;\n }\n\n .reactist_tabs__header--item {\n text-align: center;\n flex: 1;\n border-bottom: 1px solid @color_border_grey;\n margin: 0;\n\n &.active {\n .normal_text(@color: @primary_color);\n border-bottom: 3px solid @primary_color;\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2873:function(module,exports,__webpack_require__){var content=__webpack_require__(2874);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2874:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.time div span {\n display: inline-block;\n width: 160px;\n text-align: right;\n font-weight: 600;\n margin-right: 16px;\n}\n.story.time div time {\n text-align: left;\n}\n","",{version:3,sources:["webpack://stories/components/styles/time_story.less"],names:[],mappings:"AAAA;EAEQ,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AAAR;AANA;EASQ,gBAAA;AAAR",sourcesContent:[".story.time div {\n span {\n display: inline-block;\n width: 160px;\n text-align: right;\n font-weight: 600;\n margin-right: 16px;\n }\n time {\n text-align: left;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2875:function(module,exports,__webpack_require__){var content=__webpack_require__(2876);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2876:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_time {\n font-size: 0.75rem;\n color: #808080;\n font-weight: 400;\n line-height: 1.8;\n}\n.reactist_tooltip .reactist_time:hover {\n text-decoration: underline;\n}\n","",{version:3,sources:["webpack://src/components/time/time.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECqDI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADrDJ;AACA;EACI,0BAAA;AACJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_time {\n .tiny_text();\n}\n\n.reactist_tooltip .reactist_time:hover {\n text-decoration: underline;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_almost_black: #333333;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Z-Index ////////////////////////////////////////////////////////////////////\n@z-index-tooltip: 1000;\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2877:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TipStory",(function(){return TipStory})),__webpack_require__.d(__webpack_exports__,"TipPlaygroundStory",(function(){return TipPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2878);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__),_src_components_tip__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(384);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 (\n
\n

Tip

\n \n
\n)'}},TipStory.parameters),TipPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},TipPlaygroundStory.parameters);try{TipPlaygroundStory.displayName="TipPlaygroundStory",TipPlaygroundStory.__docgenInfo={description:"",displayName:"TipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tip.stories.tsx#TipPlaygroundStory"]={docgenInfo:TipPlaygroundStory.__docgenInfo,name:"TipPlaygroundStory",path:"stories/components/Tip.stories.tsx#TipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2878:function(module,exports,__webpack_require__){var content=__webpack_require__(2879);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2879:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tip .reactist_tip__container {\n margin-left: 250px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tip_story.less"],names:[],mappings:"AAAA;EAEQ,kBAAA;AAAR",sourcesContent:[".story.tip {\n .reactist_tip__container {\n margin-left: 250px; // width of the tip\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2880:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TooltipPlaygroundStory",(function(){return TooltipPlaygroundStory}));__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2881);var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__),_src_components_tooltip__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(2907),_src_components_button__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(16);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 _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i {\n return (\n
\n \n \n \n \n
\n )\n}'}},TooltipPlaygroundStory.parameters);try{TooltipPlaygroundStory.displayName="TooltipPlaygroundStory",TooltipPlaygroundStory.__docgenInfo={description:"",displayName:"TooltipPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"]={docgenInfo:TooltipPlaygroundStory.__docgenInfo,name:"TooltipPlaygroundStory",path:"stories/components/Tooltip.stories.tsx#TooltipPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2881:function(module,exports,__webpack_require__){var content=__webpack_require__(2882);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2882:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.tooltip input,\n.story.tooltip button {\n display: block;\n text-align: center;\n}\n.story.tooltip input {\n margin: 0 auto;\n width: 400px;\n}\n.story.tooltip button {\n width: 250px;\n margin: 100px auto;\n padding: 100px 10px;\n border: 1px solid black;\n background-color: palegreen;\n}\n.story.tooltip button:hover,\n.story.tooltip button:focus {\n background-color: lightblue;\n}\n","",{version:3,sources:["webpack://stories/components/styles/tooltip_story.less"],names:[],mappings:"AAAA;;EAGQ,cAAA;EACA,kBAAA;AAAR;AAJA;EAOQ,cAAA;EACA,YAAA;AAAR;AARA;EAWQ,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;AAAR;AACQ;;EAEI,2BAAA;AACZ",sourcesContent:[".story.tooltip {\n input,\n button {\n display: block;\n text-align: center;\n }\n input {\n margin: 0 auto;\n width: 400px;\n }\n button {\n width: 250px;\n margin: 100px auto;\n padding: 100px 10px;\n border: 1px solid black;\n background-color: palegreen;\n &:hover,\n &:focus {\n background-color: lightblue;\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2883:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Colors",(function(){return Colors}));__webpack_require__(152),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__),_src_new_components_columns__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(8),_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(41),_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(30),_src_new_components_box__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(144);__webpack_require__(2884);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 _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__webpack_exports__.default={title:"Design tokens/Colors"};var frameworkFillColors=["--reactist-framework-fill-accent","--reactist-framework-fill-aside","--reactist-framework-fill-background","--reactist-framework-fill-base","--reactist-framework-fill-crater","--reactist-framework-fill-crest","--reactist-framework-fill-elevated","--reactist-framework-fill-selected","--reactist-framework-fill-highlight","--reactist-framework-fill-ledge","--reactist-framework-fill-peak","--reactist-framework-fill-pinnacle","--reactist-framework-fill-ridge","--reactist-framework-fill-summit"],frameworkSeparatorColors=["--reactist-framework-separator"],frameworkBorderColors=["--reactist-framework-border","--reactist-framework-border-focus","--reactist-framework-border-alpha"],contentColors=["--reactist-content-primary","--reactist-content-secondary","--reactist-content-tertiary","--reactist-content-quaternary","--reactist-content-light-on-dark"],chromaticFillColors=["--reactist-chromatic-fill-red","--reactist-chromatic-fill-orange","--reactist-chromatic-fill-green","--reactist-chromatic-fill-teal","--reactist-chromatic-fill-blue","--reactist-chromatic-fill-purple","--reactist-chromatic-fill-charcoal","--reactist-chromatic-fill-grey","--reactist-chromatic-fill-midnight"],chromaticContentColors=["--reactist-chromatic-content-red","--reactist-chromatic-content-orange","--reactist-chromatic-content-green","--reactist-chromatic-content-green-background","--reactist-chromatic-content-green-background-highlight","--reactist-chromatic-content-teal","--reactist-chromatic-content-blue","--reactist-chromatic-content-purple","--reactist-chromatic-content-charcoal","--reactist-chromatic-content-grey"],chromaticHighlightColors=["--reactist-chromatic-highlight-blue","--reactist-chromatic-highlight-green","--reactist-chromatic-highlight-red"];function Swatch(_ref){var color=_ref.color;return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_11__.b,{key:color,alignY:"center",space:"small"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_11__.a,{width:"content"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_box__WEBPACK_IMPORTED_MODULE_14__.a,{style:{background:"var(".concat(color,")")},className:"color_swatch"})),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_columns__WEBPACK_IMPORTED_MODULE_11__.a,null,react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("code",{className:"color_swatch__css_variable"},color)))}Swatch.displayName="Swatch";var Colors=function Colors(){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"xlarge",className:"story"},react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:1,size:"larger"},"Framework"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Framework-Fill"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},frameworkFillColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Framework-Separator"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},frameworkSeparatorColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Framework-Border"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},frameworkBorderColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:1,size:"larger"},"Content"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},contentColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:1,size:"larger"},"Chromatic"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Chromatic-Fill"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},chromaticFillColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Chromatic-Content"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},chromaticContentColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_heading__WEBPACK_IMPORTED_MODULE_13__.a,{level:2},"Chromatic-Highlight"),react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_src_new_components_stack__WEBPACK_IMPORTED_MODULE_12__.a,{space:"small"},chromaticHighlightColors.map((function(color){return react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(Swatch,{color:color,key:color})}))))};Colors.displayName="Colors",Colors.parameters=function _objectSpread(target){for(var i=1;i\n \n Framework\n \n\n Framework-Fill\n \n {frameworkFillColors.map((color) => (\n \n ))}\n \n\n Framework-Separator\n \n {frameworkSeparatorColors.map((color) => (\n \n ))}\n \n\n Framework-Border\n \n {frameworkBorderColors.map((color) => (\n \n ))}\n \n\n \n Content\n \n \n {contentColors.map((color) => (\n \n ))}\n \n\n \n Chromatic\n \n\n Chromatic-Fill\n \n {chromaticFillColors.map((color) => (\n \n ))}\n \n\n Chromatic-Content\n \n {chromaticContentColors.map((color) => (\n \n ))}\n \n\n Chromatic-Highlight\n \n {chromaticHighlightColors.map((color) => (\n \n ))}\n \n \n )\n}'}},Colors.parameters)},2884:function(module,exports,__webpack_require__){var content=__webpack_require__(2885);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(27)(content,options);content.locals&&(module.exports=content.locals)},2885:function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__(26)(!0);___CSS_LOADER_EXPORT___.push([module.i,".color_swatch {\n width: 32px;\n height: 32px;\n border: 1px solid var(--reactist-framework-border);\n border-radius: var(--reactist-border-radius-small);\n}\n.color_swatch__css_variable {\n padding: 4px;\n border-radius: var(--reactist-border-radius-small);\n border: 1px solid var(--reactist-framework-border);\n background: var(--reactist-framework-fill-background);\n}\n","",{version:3,sources:["webpack://stories/components/styles/color-story.less"],names:[],mappings:"AAAA;EACI,WAAA;EACA,YAAA;EACA,kDAAA;EACA,kDAAA;AACJ;AAEA;EACI,YAAA;EACA,kDAAA;EACA,kDAAA;EACA,qDAAA;AAAJ",sourcesContent:[".color_swatch {\n width: 32px;\n height: 32px;\n border: 1px solid var(--reactist-framework-border);\n border-radius: var(--reactist-border-radius-small);\n}\n\n.color_swatch__css_variable {\n padding: 4px;\n border-radius: var(--reactist-border-radius-small);\n border: 1px solid var(--reactist-framework-border);\n background: var(--reactist-framework-fill-background);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},2886:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__(47),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(0);var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(2),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(57);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=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_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__.c,{title:"Reactist",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"welcome"},"Welcome"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Open source React components made with ❤️ by Doist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"how-to-use"},"How to use"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can add Reactist to your project by installing it from npm:",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm install @doist/reactist"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","If you prefer to include static files grab the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/Doist/reactist/tree/develop/dist",target:"_blank",rel:"nofollow noopener noreferrer"},"minified build from the dist folder"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"A detailed explanation and examples on how to use each component can be accessed by clicking on the component name on the left."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"development"},"Development"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"First clone the repository to your local machine by running:",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"git clone git@github.com:Doist/reactist.git"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","We identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",{id:"storybook"},"Storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the first development mode run:",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run storybook"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","This boots up a development server with hot reloading on http://localhost:6006. You can iterate on the components in the existing stories or add a completely new one. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h4",{id:"inside-your-application"},"Inside your application"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For the second development mode you can leverage",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm link"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","First run:",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"npm run start"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("br",{parentName:"p"}),"\n","this will update the build artifacts whenever you change something.\nIn your real application you need to first delete the current ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("em",{parentName:"p"},"@doist/reactist")," dependency and then link to your local one."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# delete current reactist dependency\nrm -rf ./node_modules/@doist/reactist \n\n# link local reactist version\nnpm link ../reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The relative path to reactist may need to be changed to match your local environment. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"To undo the changes and switch back to the reactist version from npm do the following:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"cd ~/your-app\n# first remove linked reactist dependency\nrm -rf ./node_modules/@doist/reactist\n\n# re-install reactist from npm (-E avoids updating the version / package-lock.json) \nnpm install -E @doist/reactist\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"development-tips-and-tricks"},"Development tips and tricks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Independent of the development you operate in to produce a new build (e.g. before submitting a PR) run: "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Note:")," This will ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"not")," update the docs. In case you want to update the docs you need to run:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run build-storybook\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"You can run our eslint checks with "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It is mandatory to fix all linting errors before you make a pull request. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"Tip:")," You can fix most of the errors automatically by running: "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run check -- --fix\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"testing"},"Testing"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Tests are executed with jest or by running: "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"During development you may find it beneficial to continuously execute the tests. This works by running:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"npm run test-watch\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This also prints the current test coverage."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"MacOS users might need to upgrade watchman with"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"brew install watchman\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"when experiencing troubles with the watch mode. See this issue for details: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/facebook/jest/issues/1767",target:"_blank",rel:"nofollow noopener noreferrer"},"https://github.com/facebook/jest/issues/1767")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Reactist",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_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},2889:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"IconStory",(function(){return Icon_stories_IconStory})),__webpack_require__.d(__webpack_exports__,"IconPlaygroundStory",(function(){return Icon_stories_IconPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__(2907),prop_types=__webpack_require__(5),prop_types_default=__webpack_require__.n(prop_types),ThreeDotsIcon_svg_ThreeDotsIcon=function ThreeDotsIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#A5A5A5":_ref$color;return react_default.a.createElement("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26"},react_default.a.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},react_default.a.createElement("circle",{fill:color,cx:"19",cy:"13",r:"2"}),react_default.a.createElement("circle",{fill:color,cx:"13",cy:"13",r:"2"}),react_default.a.createElement("circle",{fill:color,cx:"7",cy:"13",r:"2"})))};ThreeDotsIcon_svg_ThreeDotsIcon.displayName="ThreeDotsIcon",ThreeDotsIcon_svg_ThreeDotsIcon.propTypes={color:prop_types_default.a.string};var ThreeDotsIcon_svg=ThreeDotsIcon_svg_ThreeDotsIcon;try{ThreeDotsIconsvg.displayName="ThreeDotsIconsvg",ThreeDotsIconsvg.__docgenInfo={description:"",displayName:"ThreeDotsIconsvg",props:{color:{defaultValue:{value:"#A5A5A5"},description:"",name:"color",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"]={docgenInfo:ThreeDotsIconsvg.__docgenInfo,name:"ThreeDotsIconsvg",path:"src/components/icons/ThreeDotsIcon.svg.tsx#ThreeDotsIconsvg"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__(2791);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _defineProperties(target,props){for(var i=0;i void) | undefined"}},disabled:{defaultValue:{value:"false"},description:"Whether hte icon is disabled. Disabled icons can't be clicked and displayed with less opacity.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},className:{defaultValue:null,description:"Additional css class that is applied to the icon",name:"className",required:!1,type:{name:"string | undefined"}},image:{defaultValue:null,description:"URL to the image that should be displayed as icon.",name:"image",required:!1,type:{name:"string | undefined"}},hoveredImage:{defaultValue:null,description:"Optional URL to the image that should be displayed when the icon is hovered.",name:"hoveredImage",required:!1,type:{name:"string | undefined"}},icon:{defaultValue:null,description:"Icon component to render, defaults to three dots.",name:"icon",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"Text of the tooltip of the icon.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icon/icon.tsx#Icon"]={docgenInfo:icon_Icon.__docgenInfo,name:"Icon",path:"src/components/icon/icon.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}var components_icon=icon_Icon,CloseIcon_svg=__webpack_require__(285);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 (\n
\n \n \n \n \n } />\n } disabled />\n \n \n \n
\n)'}},Icon_stories_IconStory.parameters),Icon_stories_IconPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},Icon_stories_IconPlaygroundStory.parameters);try{Icon_stories_IconPlaygroundStory.displayName="IconPlaygroundStory",Icon_stories_IconPlaygroundStory.__docgenInfo={description:"",displayName:"IconPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Icon.stories.tsx#IconPlaygroundStory"]={docgenInfo:Icon_stories_IconPlaygroundStory.__docgenInfo,name:"IconPlaygroundStory",path:"stories/components/Icon.stories.tsx#IconPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2890:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Modal_stories_Template})),__webpack_require__.d(__webpack_exports__,"modalHeaderOnlyStory",(function(){return Modal_stories_modalHeaderOnlyStory})),__webpack_require__.d(__webpack_exports__,"modalHeaderAndBodyStory",(function(){return Modal_stories_modalHeaderAndBodyStory})),__webpack_require__.d(__webpack_exports__,"modalHeaderBodyAndActionsStory",(function(){return Modal_stories_modalHeaderBodyAndActionsStory})),__webpack_require__.d(__webpack_exports__,"modalScrollableBodyStory",(function(){return Modal_stories_modalScrollableBodyStory})),__webpack_require__.d(__webpack_exports__,"plainMediumModalStory",(function(){return Modal_stories_plainMediumModalStory})),__webpack_require__.d(__webpack_exports__,"modalPlaygroundStory",(function(){return modalPlaygroundStory}));__webpack_require__(1532),__webpack_require__(47),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(2),blocks=__webpack_require__(57),react_dom=(__webpack_require__(473),__webpack_require__(152),__webpack_require__(24),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(51)),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames),CloseIcon_svg=__webpack_require__(285);__webpack_require__(2849);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal.tsx#Modal.Header"]={docgenInfo:Modal.Header.__docgenInfo,name:"Modal.Header",path:"src/components/modal/modal.tsx#Modal.Header"})}catch(__react_docgen_typescript_loader_error){}try{Modal.Body.displayName="Modal.Body",Modal.Body.__docgenInfo={description:"",displayName:"Modal.Body",props:{icon:{defaultValue:null,description:"Display an icon (or basically any component) on the right hand side of the Modal.Body.",name:"icon",required:!1,type:{name:"ReactNode"}},plain:{defaultValue:null,description:"Applies less styles on the body (e.g. no padding)",name:"plain",required:!1,type:{name:"boolean | undefined"}},style:{defaultValue:null,description:"Sometimes a class name is not enough so you can use this to set the style directly.",name:"style",required:!1,type:{name:"CSSProperties | undefined"}},className:{defaultValue:null,description:"Additionall css class applied to the Modal.Body.",name:"className",required:!1,type:{name:"string | undefined"}},showCloseIcon:{defaultValue:{value:"false"},description:"Render a close icon in the top right corner of the Modal.Body.\nRecommended to use when no Modal.Header is used.",name:"showCloseIcon",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal.tsx#Modal.Body"]={docgenInfo:Modal.Body.__docgenInfo,name:"Modal.Body",path:"src/components/modal/modal.tsx#Modal.Body"})}catch(__react_docgen_typescript_loader_error){}try{Modal.Actions.displayName="Modal.Actions",Modal.Actions.__docgenInfo={description:"",displayName:"Modal.Actions",props:{children:{defaultValue:null,description:"Children to render inside the Modal.Actions. They can have an optional `close` property (boolean).\nWhen that is supplied and set to true it will close the modal after the onClick function",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal.tsx#Modal.Actions"]={docgenInfo:Modal.Actions.__docgenInfo,name:"Modal.Actions",path:"src/components/modal/modal.tsx#Modal.Actions"})}catch(__react_docgen_typescript_loader_error){}var components_modal={Box:modal_Box,Header:modal_Header,Body:modal_Body,Actions:modal_Actions},components_button=(__webpack_require__(2847),__webpack_require__(16));function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Modal_stories_Template=function Template(_ref){_ref.data;var args=_objectWithoutProperties(_ref,["data"]);return Object(esm.b)(ModalStoryHelper_ModalPlaygroundStory,Modal_stories_extends({},args,{mdxType:"ModalPlaygroundStory"}))};Modal_stories_Template.displayName="Template";var layoutProps={Template:Modal_stories_Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,["components"]);return Object(esm.b)("wrapper",Modal_stories_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(blocks.c,{title:"Components/Modal",component:components_modal,mdxType:"Meta"}),Object(esm.b)("h1",{id:"component-documentation"},"Component Documentation"),Object(esm.b)("h3",{id:"how-to-use"},"How to use"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal")," component consist of four subcomponents ",Object(esm.b)("em",{parentName:"p"},"Box, Header, Body, Actions")," which are exported as keys of the Modal object. Hence, to use a Modal your code should look like this:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"import { Modal } from 'reactist';\n...\n<Modal.Box>\n <Modal.Header>...</Modal.Header>\n <Modal.Body>...</Modal.Body>\n <Modal.Actions>...</Modal.Actions>\n</Modal.Box>\n")),Object(esm.b)("p",null,"The Modal is always attached to an element with the id ",Object(esm.b)("strong",{parentName:"p"},"modal_box"),". You need to add this somewhere in your component hierarchy in order for the Modal to work correctly. It is sufficient to add this once near the top of your component hierarchy."),Object(esm.b)("h3",{id:"modal-box"},"Modal Box"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal.Box")," component simply acts as a container for the Modal and is responsible for rendering the dark overlay and all children components. You can pass it an optional ",Object(esm.b)("em",{parentName:"p"},"className")," property to apply additional styles."),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal.Box")," accepts an optional property ",Object(esm.b)("em",{parentName:"p"},"closeOnOverlayClick")," when set to ",Object(esm.b)("strong",{parentName:"p"},"true")," a click on the overlay will close the modal. Defaults to ",Object(esm.b)("strong",{parentName:"p"},"false"),"."),Object(esm.b)("h3",{id:"modal-header"},"Modal Header"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal.Header")," component shows the Header of the Modal. It always show a close icon on the right side to close the Modal. It can display arbitrary content you pass to it as children. However, the recommended usage pattern is to supply the ",Object(esm.b)("em",{parentName:"p"},"title")," and ",Object(esm.b)("em",{parentName:"p"},"subtitle")," (string) properties. This displays nicely formatted headings inside the Header."),Object(esm.b)("p",null,"Nevertheless, the ",Object(esm.b)("strong",{parentName:"p"},"Modal.Header")," will look the same whether you go for option 1 or option 2:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},"// Option 1\nA Fancy Title;\n\n// Option 2\n;\n")),Object(esm.b)("h3",{id:"modal-body"},"Modal Body"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"In the simplest case the ",Object(esm.b)("strong",{parentName:"p"},"Modal.Body")," just wraps all its children. However, it can be used to implement a more complex Dialog (i.e. if you do not want to render a Header). You can specify the ",Object(esm.b)("em",{parentName:"p"},"icon")," property (any node, e.g. an ",Object(esm.b)("em",{parentName:"p"},"<","img /",">")," or your custom ",Object(esm.b)("em",{parentName:"p"},"<","Icon /",">")," component) which will be displayed on the left side of the Dialog's Body. When you set the ",Object(esm.b)("em",{parentName:"p"},"showCloseIcon")," property to ",Object(esm.b)("strong",{parentName:"p"},"true")," the Body will display a close icon to dismiss the Dialog again. This should only be used when no Header is used."),Object(esm.b)("h3",{id:"modal-actions"},"Modal Actions"),Object(esm.b)("hr",null),Object(esm.b)("p",null,"The ",Object(esm.b)("strong",{parentName:"p"},"Modal.Actions")," displays an action bar on the bottom of the Modal. It works best with the Reactist Buttons. If you set the ",Object(esm.b)("em",{parentName:"p"},"close")," property to ",Object(esm.b)("strong",{parentName:"p"},"true")," on any of the supplied children it's ",Object(esm.b)("em",{parentName:"p"},"onClick")," function will close the modal."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre"},'\n \n\n')),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalHeaderOnlyStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_ModalHeaderOnlyStory,{mdxType:"ModalHeaderOnlyStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalHeaderAndBodyStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_ModalHeaderAndBodyStory,{mdxType:"ModalHeaderAndBodyStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalHeaderBodyAndActionsStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_ModalHeaderBodyAndActionsStory,{mdxType:"ModalHeaderBodyAndActionsStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalScrollableBodyStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_ModalScrollableBodyStory,{mdxType:"ModalScrollableBodyStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"PlainMediumModalStory",mdxType:"Story"},Object(esm.b)(ModalStoryHelper_PlainMediumModalStory,{mdxType:"PlainMediumModalStory"}))),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.d,{name:"ModalPlaygroundStory",args:{plain:!1,showCloseIcon:!1,medium:!1,large:!1,title:"Header of Modal",subtitle:"This is a smaller description"},mdxType:"Story"},Modal_stories_Template.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Modal_stories_modalHeaderOnlyStory=function modalHeaderOnlyStory(){return Object(esm.b)(ModalStoryHelper_ModalHeaderOnlyStory,null)};Modal_stories_modalHeaderOnlyStory.displayName="modalHeaderOnlyStory",Modal_stories_modalHeaderOnlyStory.storyName="ModalHeaderOnlyStory",Modal_stories_modalHeaderOnlyStory.parameters={storySource:{source:""}};var Modal_stories_modalHeaderAndBodyStory=function modalHeaderAndBodyStory(){return Object(esm.b)(ModalStoryHelper_ModalHeaderAndBodyStory,null)};Modal_stories_modalHeaderAndBodyStory.displayName="modalHeaderAndBodyStory",Modal_stories_modalHeaderAndBodyStory.storyName="ModalHeaderAndBodyStory",Modal_stories_modalHeaderAndBodyStory.parameters={storySource:{source:""}};var Modal_stories_modalHeaderBodyAndActionsStory=function modalHeaderBodyAndActionsStory(){return Object(esm.b)(ModalStoryHelper_ModalHeaderBodyAndActionsStory,null)};Modal_stories_modalHeaderBodyAndActionsStory.displayName="modalHeaderBodyAndActionsStory",Modal_stories_modalHeaderBodyAndActionsStory.storyName="ModalHeaderBodyAndActionsStory",Modal_stories_modalHeaderBodyAndActionsStory.parameters={storySource:{source:""}};var Modal_stories_modalScrollableBodyStory=function modalScrollableBodyStory(){return Object(esm.b)(ModalStoryHelper_ModalScrollableBodyStory,null)};Modal_stories_modalScrollableBodyStory.displayName="modalScrollableBodyStory",Modal_stories_modalScrollableBodyStory.storyName="ModalScrollableBodyStory",Modal_stories_modalScrollableBodyStory.parameters={storySource:{source:""}};var Modal_stories_plainMediumModalStory=function plainMediumModalStory(){return Object(esm.b)(ModalStoryHelper_PlainMediumModalStory,null)};Modal_stories_plainMediumModalStory.displayName="plainMediumModalStory",Modal_stories_plainMediumModalStory.storyName="PlainMediumModalStory",Modal_stories_plainMediumModalStory.parameters={storySource:{source:""}};var modalPlaygroundStory=Modal_stories_Template.bind({});modalPlaygroundStory.storyName="ModalPlaygroundStory",modalPlaygroundStory.args={plain:!1,showCloseIcon:!1,medium:!1,large:!1,title:"Header of Modal",subtitle:"This is a smaller description"},modalPlaygroundStory.parameters={storySource:{source:"({\n data,\n ...args\n}) => "}};var componentMeta={title:"Components/Modal",component:components_modal,includeStories:["modalHeaderOnlyStory","modalHeaderAndBodyStory","modalHeaderBodyAndActionsStory","modalScrollableBodyStory","plainMediumModalStory","modalPlaygroundStory"]},mdxStoryNameToKey={ModalHeaderOnlyStory:"modalHeaderOnlyStory",ModalHeaderAndBodyStory:"modalHeaderAndBodyStory",ModalHeaderBodyAndActionsStory:"modalHeaderBodyAndActionsStory",ModalScrollableBodyStory:"modalScrollableBodyStory",PlainMediumModalStory:"plainMediumModalStory",ModalPlaygroundStory:"modalPlaygroundStory"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(blocks.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},2891:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NoHoverEffectStory",(function(){return Time_stories_NoHoverEffectStory})),__webpack_require__.d(__webpack_exports__,"ExpandTimeStory",(function(){return Time_stories_ExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"FullyExpandTimeStory",(function(){return Time_stories_FullyExpandTimeStory})),__webpack_require__.d(__webpack_exports__,"TooltipTimeStory",(function(){return Time_stories_TooltipTimeStory})),__webpack_require__.d(__webpack_exports__,"TranslatedTimeStory",(function(){return Time_stories_TranslatedTimeStory})),__webpack_require__.d(__webpack_exports__,"TimePlaygroundStory",(function(){return Time_stories_TimePlaygroundStory}));__webpack_require__(152),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2873);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),dayjs_min=__webpack_require__(126),dayjs_min_default=__webpack_require__.n(dayjs_min),tooltip=(__webpack_require__(656),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(2907)),localizedFormat=(__webpack_require__(473),__webpack_require__(1568)),localizedFormat_default=__webpack_require__.n(localizedFormat);dayjs_min_default.a.extend(localizedFormat_default.a);var TimeUtils={SHORT_FORMAT_CURRENT_YEAR:"L",SHORT_FORMAT_PAST_YEAR:"LL",LONG_FORMAT:"LL, LT",timeAgo:function timeAgo(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale=config.locale,locale=void 0===_config$locale?"en":_config$locale,_config$shortFormatCu=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu,_config$shortFormatPa=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa,_config$daysSuffix=config.daysSuffix,daysSuffix=void 0===_config$daysSuffix?"d":_config$daysSuffix,_config$hoursSuffix=config.hoursSuffix,hoursSuffix=void 0===_config$hoursSuffix?"h":_config$hoursSuffix,_config$minutesSuffix=config.minutesSuffix,minutesSuffix=void 0===_config$minutesSuffix?"m":_config$minutesSuffix,_config$momentsAgo=config.momentsAgo,momentsAgo=void 0===_config$momentsAgo?"moments ago":_config$momentsAgo,now=dayjs_min_default()(),date=dayjs_min_default()(1e3*timestamp);date.locale(locale);var diffMinutes=now.diff(date,"minute"),diffHours=now.diff(date,"hour"),diffDays=now.diff(date,"day");return diffDays>1?date.isSame(now,"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear):1===diffDays?"".concat(diffDays).concat(daysSuffix):diffHours>0&&diffHours<=23?"".concat(diffHours).concat(hoursSuffix):diffMinutes>0&&diffMinutes<=59?"".concat(diffMinutes).concat(minutesSuffix):momentsAgo},formatTime:function formatTime(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale2=config.locale,locale=void 0===_config$locale2?"en":_config$locale2,_config$shortFormatCu2=config.shortFormatCurrentYear,shortFormatCurrentYear=void 0===_config$shortFormatCu2?this.SHORT_FORMAT_CURRENT_YEAR:_config$shortFormatCu2,_config$shortFormatPa2=config.shortFormatPastYear,shortFormatPastYear=void 0===_config$shortFormatPa2?this.SHORT_FORMAT_PAST_YEAR:_config$shortFormatPa2,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.isSame(dayjs_min_default()(),"year")?date.format(shortFormatCurrentYear):date.format(shortFormatPastYear)},formatTimeLong:function formatTimeLong(timestamp){var config=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_config$locale3=config.locale,locale=void 0===_config$locale3?"en":_config$locale3,_config$longFormat=config.longFormat,longFormat=void 0===_config$longFormat?this.LONG_FORMAT:_config$longFormat,date=dayjs_min_default()(1e3*timestamp);return date.locale(locale),date.format(longFormat)}};__webpack_require__(2875);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _defineProperties(target,props){for(var i=0;i (\n
\n

Normal Time (no hover effect)

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n)'}},Time_stories_NoHoverEffectStory.parameters),Time_stories_ExpandTimeStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n

Expanding time on hover

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n)'}},Time_stories_ExpandTimeStory.parameters),Time_stories_FullyExpandTimeStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n

Fully expanding time on hover

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n)'}},Time_stories_FullyExpandTimeStory.parameters),Time_stories_TooltipTimeStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n

Show full time in tooltip on hover

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n)'}},Time_stories_TooltipTimeStory.parameters),Time_stories_TranslatedTimeStory.parameters=_objectSpread({storySource:{source:"() => {\n const i18nConfig = {\n locale: 'de',\n hoursSuffix: 'Std',\n minutesSuffix: 'min',\n momentsAgo: 'Gerade eben',\n }\n\n return (\n
\n

Translated times

\n {exampleTimes.map((time, index) => (\n
\n {time.title}\n
\n ))}\n
\n )\n}"}},Time_stories_TranslatedTimeStory.parameters),Time_stories_TimePlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n
\n)'}},Time_stories_TimePlaygroundStory.parameters);try{Time_stories_TimePlaygroundStory.displayName="TimePlaygroundStory",Time_stories_TimePlaygroundStory.__docgenInfo={description:"",displayName:"TimePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Time.stories.tsx#TimePlaygroundStory"]={docgenInfo:Time_stories_TimePlaygroundStory.__docgenInfo,name:"TimePlaygroundStory",path:"stories/components/Time.stories.tsx#TimePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2892:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(24);var client_api=__webpack_require__(2930),esm=__webpack_require__(9),decorators=(__webpack_require__(0),__webpack_require__(2601),[function(Story){return Story()}]),parameters={options:{storySort:{method:"alphabetical",order:["Reactist","Design tokens","Design system","Components"]}},decorators:decorators};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 _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":case"argTypes":return esm.a.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify(value));case"decorators":return value.forEach((function(decorator){return Object(client_api.b)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(client_api.c)(loader,!1)}));case"parameters":return Object(client_api.d)(function _objectSpread(target){for(var i=1;i void) | undefined"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/checkbox/checkbox.tsx#Checkbox"]={docgenInfo:Checkbox.__docgenInfo,name:"Checkbox",path:"src/components/checkbox/checkbox.tsx#Checkbox"})}catch(__react_docgen_typescript_loader_error){}var components_checkbox=Checkbox;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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [checked, setChecked] = useState(false)\n\n const handleCheck = () => {\n setChecked((prev: boolean) => !prev)\n }\n\n return (\n
\n

Checkbox

\n \n
\n )\n}'}},Checkbox_stories_CheckboxStory.parameters),Checkbox_stories_CheckboxPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n const [checked, setChecked] = useState(false)\n\n const handleCheck = () => {\n setChecked((prev: boolean) => !prev)\n }\n return (\n
\n \n
\n )\n}'}},Checkbox_stories_CheckboxPlaygroundStory.parameters);try{Checkbox_stories_CheckboxPlaygroundStory.displayName="CheckboxPlaygroundStory",Checkbox_stories_CheckboxPlaygroundStory.__docgenInfo={description:"",displayName:"CheckboxPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Checkbox.stories.tsx#CheckboxPlaygroundStory"]={docgenInfo:Checkbox_stories_CheckboxPlaygroundStory.__docgenInfo,name:"CheckboxPlaygroundStory",path:"stories/components/Checkbox.stories.tsx#CheckboxPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2894:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorPickersStory",(function(){return ColorPicker_stories_ColorPickersStory})),__webpack_require__.d(__webpack_exports__,"CustomColorPickersStory",(function(){return ColorPicker_stories_CustomColorPickersStory})),__webpack_require__.d(__webpack_exports__,"NamedColorPickersStory",(function(){return ColorPicker_stories_NamedColorPickersStory})),__webpack_require__.d(__webpack_exports__,"SmallColorPickerStory",(function(){return ColorPicker_stories_SmallColorPickerStory}));__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(270),__webpack_require__(244),__webpack_require__(313),__webpack_require__(24),__webpack_require__(17),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(2780),__webpack_require__(1454),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames),dropdown=__webpack_require__(115),tooltip_tooltip=__webpack_require__(2907),COLORS=(__webpack_require__(2783),["#606060","#4A90E2","#03B3B2","#008299","#82BA00","#D24726","#AC193D","#DC4FAD","#3BD5FB","#74E8D3","#FFCC00","#FB886E","#CCCCCC"]),_isNamedColor=function _isNamedColor(color){return"string"!=typeof color};function ColorPicker(_ref){var backgroundColor,_ref$color=_ref.color,color=void 0===_ref$color?0:_ref$color,small=_ref.small,onChange=_ref.onChange,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?COLORS:_ref$colorList;return react_default.a.createElement(dropdown.a.Box,{right:!0,className:"reactist_color_picker"},react_default.a.createElement(dropdown.a.Trigger,null,(backgroundColor=function _getColor(colorList,colorIndex){return colorList[colorIndex>=colorList.length?0:colorIndex]}(colorList,color),react_default.a.createElement("span",{className:classnames_default()("color_trigger",{small:small}),style:{backgroundColor:_isNamedColor(backgroundColor)?backgroundColor.color:backgroundColor}},react_default.a.createElement("span",{className:"color_trigger--inner_ring"})))),react_default.a.createElement(dropdown.a.Body,null,react_default.a.createElement("div",{className:"color_options"},colorList.reduce((function(items,currentColor,currentIndex){return items.push(react_default.a.createElement(ColorItem,{isActive:color>=colorList.length?0===currentIndex:currentIndex===color,key:currentIndex,color:_isNamedColor(currentColor)?currentColor.color:currentColor,colorIndex:currentIndex,onClick:onChange,tooltip:_isNamedColor(currentColor)?currentColor.name:null})),items}),[]))))}function ColorItem(_ref2){var color=_ref2.color,colorIndex=_ref2.colorIndex,isActive=_ref2.isActive,_onClick=_ref2.onClick,tooltip=_ref2.tooltip,item=react_default.a.createElement("span",{className:"reactist color_item"+(isActive?" active":""),style:{backgroundColor:color},onClick:function onClick(){return null==_onClick?void 0:_onClick(colorIndex)}},react_default.a.createElement("span",{className:"color_item--inner_ring"}));return tooltip?react_default.a.createElement(tooltip_tooltip.a,{content:tooltip},item):item}ColorPicker.displayName="ColorPicker",ColorPicker.displayName="ColorPicker",ColorItem.displayName="ColorItem";try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean | undefined"}},color:{defaultValue:{value:"0"},description:"",name:"color",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((color: number) => void) | undefined"}},colorList:{defaultValue:null,description:"",name:"colorList",required:!1,type:{name:"(string | NamedColor)[] | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/color-picker/color-picker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}try{ColorItem.displayName="ColorItem",ColorItem.__docgenInfo={description:"",displayName:"ColorItem",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}},colorIndex:{defaultValue:null,description:"",name:"colorIndex",required:!0,type:{name:"number"}},isActive:{defaultValue:null,description:"",name:"isActive",required:!1,type:{name:"boolean | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((colorIndex: number) => void) | undefined"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/color-picker/color-picker.tsx#ColorItem"]={docgenInfo:ColorItem.__docgenInfo,name:"ColorItem",path:"src/components/color-picker/color-picker.tsx#ColorItem"})}catch(__react_docgen_typescript_loader_error){}var components_color_picker=ColorPicker;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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [color, setColor] = useState(0)\n\n const handleChange = (color) => {\n setColor(color)\n }\n\n return (\n
\n

Color Picker

\n \n
\n )\n}'}},ColorPicker_stories_ColorPickersStory.parameters),ColorPicker_stories_CustomColorPickersStory.parameters=_objectSpread({storySource:{source:"() => {\n const [color, setColor] = useState(0)\n\n const handleChange = (color) => {\n setColor(color)\n }\n\n return (\n
\n

Custom Colors Color Picker

\n \n
\n )\n}"}},ColorPicker_stories_CustomColorPickersStory.parameters),ColorPicker_stories_NamedColorPickersStory.parameters=_objectSpread({storySource:{source:"() => {\n const [color, setColor] = useState(0)\n\n const handleChange = (color) => {\n setColor(color)\n }\n\n return (\n
\n

Named Colors Color Picker

\n \n
\n )\n}"}},ColorPicker_stories_NamedColorPickersStory.parameters),ColorPicker_stories_SmallColorPickerStory.parameters=_objectSpread({storySource:{source:'() => {\n const [color, setColor] = useState(0)\n\n const handleChange = (color) => {\n setColor(color)\n }\n\n return (\n
\n

Small Color Picker

\n \n
\n )\n}'}},ColorPicker_stories_SmallColorPickerStory.parameters)},2895:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ErrorMessageStory",(function(){return ErrorMessage_stories_ErrorMessageStory})),__webpack_require__.d(__webpack_exports__,"ErrorMessagePlaygroundStory",(function(){return ErrorMessage_stories_ErrorMessagePlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react);__webpack_require__(656),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(2788);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _defineProperties(target,props){for(var i=0;i0}},{key:"render",value:function render(){var message=this.props.message;return!(!this.state.visible||!this._isValidMessage(message))&&react_default.a.createElement("div",{className:"reactist_error_message"},react_default.a.createElement("p",null,message),react_default.a.createElement("div",{onClick:this._hide,className:"dismiss_icon"}))}}]),ErrorMessage}(react_default.a.Component);_defineProperty(error_message_ErrorMessage,"displayName",void 0),_defineProperty(error_message_ErrorMessage,"defaultProps",void 0),error_message_ErrorMessage.displayName="ErrorMessage",error_message_ErrorMessage.defaultProps={timeout:2500};try{error_message_ErrorMessage.displayName="ErrorMessage",error_message_ErrorMessage.__docgenInfo={description:"",displayName:"ErrorMessage",props:{timeout:{defaultValue:{value:"2500"},description:"",name:"timeout",required:!1,type:{name:"number | undefined"}},onHide:{defaultValue:null,description:"",name:"onHide",required:!1,type:{name:"(() => void) | undefined"}},message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/error-message/error-message.tsx#ErrorMessage"]={docgenInfo:error_message_ErrorMessage.__docgenInfo,name:"ErrorMessage",path:"src/components/error-message/error-message.tsx#ErrorMessage"})}catch(__react_docgen_typescript_loader_error){}var components_error_message=error_message_ErrorMessage;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 (\n
\n \n
\n)'}},ErrorMessage_stories_ErrorMessageStory.parameters),ErrorMessage_stories_ErrorMessagePlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},ErrorMessage_stories_ErrorMessagePlaygroundStory.parameters);try{ErrorMessage_stories_ErrorMessagePlaygroundStory.displayName="ErrorMessagePlaygroundStory",ErrorMessage_stories_ErrorMessagePlaygroundStory.__docgenInfo={description:"",displayName:"ErrorMessagePlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ErrorMessage.stories.tsx#ErrorMessagePlaygroundStory"]={docgenInfo:ErrorMessage_stories_ErrorMessagePlaygroundStory.__docgenInfo,name:"ErrorMessagePlaygroundStory",path:"stories/components/ErrorMessage.stories.tsx#ErrorMessagePlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2896:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InputStory",(function(){return Input_stories_InputStory})),__webpack_require__.d(__webpack_exports__,"InputPlaygroundStory",(function(){return Input_stories_InputPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(47),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2795);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i void) | RefObject | null | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/input/input.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"src/components/input/input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}var components_input=Input;__webpack_require__(2793);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")," element which justs add a class name to give it is unique style. All properties you pass to it (e.g. *value* or *onChange*) are directly applied onto the underlying ",react_default.a.createElement("code",null,"")," element.")),react_default.a.createElement(components_input,{placeholder:"Simple input wrapper"}))};Input_stories_InputStory.displayName="InputStory";var Input_stories_InputPlaygroundStory=function InputPlaygroundStory(args){return react_default.a.createElement("section",{className:"story"},react_default.a.createElement(components_input,args))};Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.args={placeholder:"Simple input wrapper",disabled:!1},Input_stories_InputPlaygroundStory.argTypes={placeholder:{control:{type:"text"}},disabled:{control:{type:"boolean"}},className:{control:{type:null}}},Input_stories_InputStory.parameters=_objectSpread({storySource:{source:'() => (\n
\n
\n

\n This component is a dumb wrapper around the\n <input /> element which justs add a class name to give it is\n unique style. All properties you pass to it (e.g. *value* or *onChange*) are\n directly applied onto the underlying <input /> element.\n

\n
\n \n
\n)'}},Input_stories_InputStory.parameters),Input_stories_InputPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},Input_stories_InputPlaygroundStory.parameters);try{Input_stories_InputPlaygroundStory.displayName="InputPlaygroundStory",Input_stories_InputPlaygroundStory.__docgenInfo={description:"",displayName:"InputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Input.stories.tsx#InputPlaygroundStory"]={docgenInfo:Input_stories_InputPlaygroundStory.__docgenInfo,name:"InputPlaygroundStory",path:"stories/components/Input.stories.tsx#InputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2897:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"LoadingStory",(function(){return Loading_stories_LoadingStory})),__webpack_require__.d(__webpack_exports__,"LoadingPlaygroundStory",(function(){return Loading_stories_LoadingPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2806);function Loading(_ref){var className=_ref.className,_ref$spinnerColor=_ref.spinnerColor,spinnerColor=void 0===_ref$spinnerColor?"#3F82EF":_ref$spinnerColor,_ref$bgColor=_ref.bgColor,bgColor=void 0===_ref$bgColor?"#D9E6FB":_ref$bgColor,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$ariaLabel=_ref["aria-label"],ariaLabel=void 0===_ref$ariaLabel?"Loading":_ref$ariaLabel;return react_default.a.createElement("div",{className:classnames_default()("reactist_loading",className),"aria-label":ariaLabel,"aria-live":"assertive",role:"alert"},react_default.a.createElement("span",{className:"reactist_loading--spinner"},react_default.a.createElement("svg",{width:size,height:size,viewBox:"0 0 24 24"},react_default.a.createElement("g",{fill:"none",fillRule:"nonzero"},react_default.a.createElement("path",{fill:spinnerColor,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),react_default.a.createElement("path",{fill:bgColor,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})))))}Loading.displayName="Loading",Loading.displayName="Loading";try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{className:{defaultValue:null,description:"Additional css class that is applied to Loading.",name:"className",required:!1,type:{name:"string | undefined"}},spinnerColor:{defaultValue:{value:"#3F82EF"},description:"Hex code of the spinner color.",name:"spinnerColor",required:!1,type:{name:"string | undefined"}},bgColor:{defaultValue:{value:"#D9E6FB"},description:"Hex code of the background color.",name:"bgColor",required:!1,type:{name:"string | undefined"}},size:{defaultValue:{value:"24"},description:"Circle diameter in pixels.",name:"size",required:!1,type:{name:"string | number | undefined"}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loading/loading.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/components/loading/loading.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}var components_loading=Loading;__webpack_require__(2804);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 (\n
\n

Loading

\n \n
\n)'}},Loading_stories_LoadingStory.parameters),Loading_stories_LoadingPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},Loading_stories_LoadingPlaygroundStory.parameters);try{Loading_stories_LoadingPlaygroundStory.displayName="LoadingPlaygroundStory",Loading_stories_LoadingPlaygroundStory.__docgenInfo={description:"",displayName:"LoadingPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Loading.stories.tsx#LoadingPlaygroundStory"]={docgenInfo:Loading_stories_LoadingPlaygroundStory.__docgenInfo,name:"LoadingPlaygroundStory",path:"stories/components/Loading.stories.tsx#LoadingPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2898:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SimpleMenuExample",(function(){return Menu_stories_SimpleMenuExample})),__webpack_require__.d(__webpack_exports__,"OverflowMenuExample",(function(){return Menu_stories_OverflowMenuExample}));__webpack_require__(244),__webpack_require__(473),__webpack_require__(152),__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(270),__webpack_require__(313),__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2808);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(53),classnames=(__webpack_require__(78),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);function forwardRefWithAs(render){return react.forwardRef(render)}var MenuState=__webpack_require__(2929),Menu_MenuButton=__webpack_require__(2928),Menu=__webpack_require__(2926),Menu_MenuItem=__webpack_require__(2927),MenuGroup=__webpack_require__(2925),PopoverBackdrop=__webpack_require__(2931);__webpack_require__(2845);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuContext=react.createContext({});function menu_Menu(_ref){var children=_ref.children,onItemSelect=_ref.onItemSelect,props=_objectWithoutProperties(_ref,["children","onItemSelect"]),state=MenuState.a(_objectSpread({loop:!0},props)),handleItemSelect=react.useCallback((function handleItemSelect(value){onItemSelect&&onItemSelect(value)}),[onItemSelect]),value=react.useMemo((function(){return _objectSpread(_objectSpread({},state),{},{handleItemSelect:handleItemSelect})}),[state,handleItemSelect]);return react.createElement(MenuContext.Provider,{value:value},children)}menu_Menu.displayName="Menu";var menu_MenuButton=forwardRefWithAs((function MenuButton(_ref2,ref){var className=_ref2.className,props=_objectWithoutProperties(_ref2,["className"]),_React$useContext=react.useContext(MenuContext),state=(_React$useContext.handleItemSelect,_objectWithoutProperties(_React$useContext,["handleItemSelect"]));return react.createElement(Menu_MenuButton.a,_extends({},props,state,{ref:ref,className:classnames_default()("reactist_menubutton",className)}))})),BACKDROP_STYLE={width:"100%",height:"100%",position:"fixed",top:0,left:0};function MenuBackdrop(_ref3){var baseId=_ref3.baseId,visible=_ref3.visible,animated=_ref3.animated,animating=_ref3.animating,stopAnimation=_ref3.stopAnimation,modal=_ref3.modal,children=_ref3.children;return react.createElement(PopoverBackdrop.a,{baseId:baseId,visible:visible,animated:animated,animating:animating,stopAnimation:stopAnimation,modal:modal,style:BACKDROP_STYLE},children)}MenuBackdrop.displayName="MenuBackdrop";var menu_MenuList=forwardRefWithAs((function MenuList(_ref4,ref){var className=_ref4.className,props=_objectWithoutProperties(_ref4,["className"]),_React$useContext2=react.useContext(MenuContext),state=(_React$useContext2.handleItemSelect,_objectWithoutProperties(_React$useContext2,["handleItemSelect"]));return state.visible?react.createElement(MenuBackdrop,state,react.createElement(Menu.a,_extends({},props,state,{ref:ref,className:classnames_default()("reactist_menulist",className)}))):null})),menu_MenuItem=forwardRefWithAs((function MenuItem(_ref5,ref){var value=_ref5.value,children=_ref5.children,onSelect=_ref5.onSelect,_ref5$hideOnSelect=_ref5.hideOnSelect,hideOnSelect=void 0===_ref5$hideOnSelect||_ref5$hideOnSelect,onClick=_ref5.onClick,props=_objectWithoutProperties(_ref5,["value","children","onSelect","hideOnSelect","onClick"]),_React$useContext3=react.useContext(MenuContext),handleItemSelect=_React$useContext3.handleItemSelect,state=_objectWithoutProperties(_React$useContext3,["handleItemSelect"]),hide=state.hide,handleClick=react.useCallback((function handleClick(event){null==onClick||onClick(event);var shouldClose=!1!==(onSelect&&!event.defaultPrevented?onSelect():void 0)&&hideOnSelect;handleItemSelect(value),shouldClose&&hide()}),[onSelect,onClick,handleItemSelect,hideOnSelect,hide,value]);return react.createElement(Menu_MenuItem.a,_extends({},props,state,{ref:ref,onClick:handleClick}),children)})),menu_SubMenu=react.forwardRef((function SubMenu(_ref6,ref){var children=_ref6.children,onItemSelect=_ref6.onItemSelect,props=_objectWithoutProperties(_ref6,["children","onItemSelect"]),_React$useContext4=react.useContext(MenuContext),parentMenuItemSelect=_React$useContext4.handleItemSelect,state=_objectWithoutProperties(_React$useContext4,["handleItemSelect"]),parentMenuHide=state.hide,handleSubItemSelect=react.useCallback((function handleSubItemSelect(value){onItemSelect&&onItemSelect(value),parentMenuItemSelect(value),parentMenuHide()}),[parentMenuHide,parentMenuItemSelect,onItemSelect]),_React$Children$toArr2=_slicedToArray(react.Children.toArray(children),2),button=_React$Children$toArr2[0],list=_React$Children$toArr2[1];return react.createElement(Menu_MenuItem.a,_extends({},state,props,{ref:ref}),(function(buttonProps){return react.createElement(menu_Menu,{onItemSelect:handleSubItemSelect},react.cloneElement(button,_objectSpread(_objectSpread({},buttonProps),{},{className:classnames_default()(buttonProps.className,"reactist_submenu_button")})),list)}))})),menu_MenuGroup=forwardRefWithAs((function MenuGroud(_ref7,ref){var label=_ref7.label,children=_ref7.children,props=_objectWithoutProperties(_ref7,["label","children"]),_React$useContext5=react.useContext(MenuContext),state=(_React$useContext5.handleItemSelect,_objectWithoutProperties(_React$useContext5,["handleItemSelect"]));return react.createElement(MenuGroup.a,_extends({ref:ref},props,state),label?react.createElement("div",{role:"presentation",className:"reactist_menugroup__label"},label):null,children)}));try{menu_Menu.displayName="Menu",menu_Menu.__docgenInfo={description:"Wrapper component to control a menu. It does not render anything, only providing the state\nmanagement for the menu components inside it.",displayName:"Menu",props:{baseId:{defaultValue:null,description:"ID that will serve as a base for all the items IDs.",name:"baseId",required:!1,type:{name:"string | undefined"}},animated:{defaultValue:null,description:"If `true`, `animating` will be set to `true` when `visible` is updated.\nIt'll wait for `stopAnimation` to be called or a CSS transition ends.\nIf `animated` is set to a `number`, `stopAnimation` will be called only\nafter the same number of milliseconds have passed.",name:"animated",required:!1,type:{name:"number | boolean | undefined"}},modal:{defaultValue:null,description:"Toggles Dialog's `modal` state.\n - Non-modal: `preventBodyScroll` doesn't work and focus is free.\n - Modal: `preventBodyScroll` is automatically enabled, focus is\ntrapped within the dialog and the dialog is rendered within a `Portal`\nby default.",name:"modal",required:!1,type:{name:"boolean | undefined"}},placement:{defaultValue:null,description:"Actual `placement`.",name:"placement",required:!1,type:{name:'"auto-start" | "auto" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start" | undefined'}},wrap:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving to\nthe next item from the last one in a row or column will focus the first\nitem in the next row or column and vice-versa.\n - `true` wraps between rows and columns.\n - `horizontal` wraps only between rows.\n - `vertical` wraps only between columns.\n - If `loop` matches the value of `wrap`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"wrap",required:!1,type:{name:'boolean | "horizontal" | "vertical" | undefined'}},unstable_virtual:{defaultValue:{value:"false"},description:"If enabled, the composite element will act as an\n[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)\ncontainer instead of\n[roving tabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).\nDOM focus will remain on the composite while its items receive virtual focus.",name:"unstable_virtual",required:!1,type:{name:"boolean | undefined"}},rtl:{defaultValue:{value:"false"},description:'Determines how `next` and `previous` functions will behave. If `rtl` is\nset to `true`, they will be inverted. This only affects the composite\nwidget behavior. You still need to set `dir="rtl"` on HTML/CSS.',name:"rtl",required:!1,type:{name:"boolean | undefined"}},orientation:{defaultValue:{value:"undefined"},description:"Defines the orientation of the composite widget. If the composite has a\nsingle row or column (one-dimensional), the `orientation` value determines\nwhich arrow keys can be used to move focus:\n - `undefined`: all arrow keys work.\n - `horizontal`: only left and right arrow keys work.\n - `vertical`: only up and down arrow keys work.\n\nIt doesn't have any effect on two-dimensional composites.",name:"orientation",required:!1,type:{name:'"horizontal" | "vertical" | undefined'}},currentId:{defaultValue:{value:"undefined"},description:'The current focused item `id`.\n - `undefined` will automatically focus the first enabled composite item.\n - `null` will focus the base composite element and users will be able to\nnavigate out of it using arrow keys.\n - If `currentId` is initially set to `null`, the base composite element\nitself will have focus and users will be able to navigate to it using\narrow keys.\n@example // First enabled item has initial focus\nuseCompositeState();\n// Base composite element has initial focus\nuseCompositeState({ currentId: null });\n// Specific composite item element has initial focus\nuseCompositeState({ currentId: "item-id" });',name:"currentId",required:!1,type:{name:"string | null | undefined"}},loop:{defaultValue:{value:"false"},description:"On one-dimensional composites:\n - `true` loops from the last item to the first item and vice-versa.\n - `horizontal` loops only if `orientation` is `horizontal` or not set.\n - `vertical` loops only if `orientation` is `vertical` or not set.\n - If `currentId` is initially set to `null`, the composite element will\nbe focused in between the last and first items.\n\nOn two-dimensional composites:\n - `true` loops from the last row/column item to the first item in the\nsame row/column and vice-versa. If it's the last item in the last row, it\nmoves to the first item in the first row and vice-versa.\n - `horizontal` loops only from the last row item to the first item in\nthe same row.\n - `vertical` loops only from the last column item to the first item in\nthe column row.\n - If `currentId` is initially set to `null`, vertical loop will have no\neffect as moving down from the last row or up from the first row will\nfocus the composite element.\n - If `wrap` matches the value of `loop`, it'll wrap between the last\nitem in the last row or column and the first item in the first row or\ncolumn and vice-versa.",name:"loop",required:!1,type:{name:'boolean | "horizontal" | "vertical" | undefined'}},shift:{defaultValue:{value:"false"},description:"**Has effect only on two-dimensional composites**. If enabled, moving up\nor down when there's no next item or the next item is disabled will shift\nto the item right before it.",name:"shift",required:!1,type:{name:"boolean | undefined"}},unstable_includesBaseElement:{defaultValue:{value:"false"},description:"@private",name:"unstable_includesBaseElement",required:!1,type:{name:"boolean | undefined"}},unstable_values:{defaultValue:null,description:"Stores the values of radios and checkboxes within the menu.",name:"unstable_values",required:!1,type:{name:"Record | undefined"}},unstable_fixed:{defaultValue:null,description:"Whether or not the popover should have `position` set to `fixed`.",name:"unstable_fixed",required:!1,type:{name:"boolean | undefined"}},unstable_flip:{defaultValue:null,description:"Flip the popover's placement when it starts to overlap its reference\nelement.",name:"unstable_flip",required:!1,type:{name:"boolean | undefined"}},unstable_offset:{defaultValue:null,description:"Offset between the reference and the popover: [main axis, alt axis]. Should not be combined with `gutter`.",name:"unstable_offset",required:!1,type:{name:"[ReactText, ReactText] | undefined"}},gutter:{defaultValue:null,description:"Offset between the reference and the popover on the main axis. Should not be combined with `unstable_offset`.",name:"gutter",required:!1,type:{name:"number | undefined"}},unstable_preventOverflow:{defaultValue:null,description:"Prevents popover from being positioned outside the boundary.",name:"unstable_preventOverflow",required:!1,type:{name:"boolean | undefined"}},children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:menu_Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(__react_docgen_typescript_loader_error){}try{menu_SubMenu.displayName="SubMenu",menu_SubMenu.__docgenInfo={description:'This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\na sub-menu.\n\nIts children are expected to have the structure of a first level menu (a `MenuButton` and a\n`MenuList`).\n\n```jsx\n\n\n More options\n \n \n \n \n\n```\n\nThe `MenuButton` will become a menu item in the current menu items list, and it will lead to\nopening a sub-menu with the menu items list below it.',displayName:"SubMenu",props:{children:{defaultValue:null,description:"The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n`MenuButton` that triggers the menu to be opened or closed.",name:"children",required:!0,type:{name:"ReactNode"}},onItemSelect:{defaultValue:null,description:"An optional callback that will be called back whenever a menu item is selected. It receives\nthe `value` of the selected `MenuItem`.\n\nIf you pass down this callback, it is recommended that you properly memoize it so it does not\nchange on every render.",name:"onItemSelect",required:!1,type:{name:"((value: string | null | undefined) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#SubMenu"]={docgenInfo:menu_SubMenu.__docgenInfo,name:"SubMenu",path:"src/components/menu/menu.tsx#SubMenu"})}catch(__react_docgen_typescript_loader_error){}var keyboard_shortcut=__webpack_require__(487),components_button=__webpack_require__(16);function Menu_stories_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 Menu_stories_objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [flag, setFlag] = React.useState(false)\n return (\n
\n

Some menu examples

\n \n \n Simple menu \n \n \n Edit\n Duplicate\n Remove\n \n \n \n \n With sub-menu \n \n \n \n Reactist on Github\n \n About Reactist…\n Check for updates…\n
\n \n Preferences\n \n Settings\n Extensions\n
\n Notifications\n \n \n \n \n \n \n With extra features \n \n \n \n \n ✏️\n \n Edit\n \n \n \n 👯‍♀️\n \n Duplicate\n Cmd + D\n \n {\n action(flag ? 'Toggle off' : 'Toggle on')(flag ? '👎' : '👍')\n setFlag((f) => !f)\n return false // This prevents the menu from closing\n }}\n >\n \n {flag ? '👍' : '👎'}\n \n Toggle thumbs up or down\n \n
\n \n Remove first\n Remove completed\n \n Remove all (disabled)\n \n \n \n \n
\n )\n}"}},Menu_stories_SimpleMenuExample.parameters),Menu_stories_OverflowMenuExample.parameters=Menu_stories_objectSpread({storySource:{source:'() => {\n return (\n
\n

A list of items with an overflow options menu

\n

\n This example is meant to be expanded with future features we plan to support (such\n as allowing to control the visible state of the menu from outside, and allow it to\n be used as a context menu).\n

\n
    \n {items.map((item, index) => (\n \n ))}\n
\n
\n )\n}'}},Menu_stories_OverflowMenuExample.parameters)},2899:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ProgressBarStory",(function(){return ProgressBar_stories_ProgressBarStory})),__webpack_require__.d(__webpack_exports__,"ProgressBarPlaygroundStory",(function(){return ProgressBar_stories_ProgressBarPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2857);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2859);function ProgressBar(_ref){var _ref$fillPercentage=_ref.fillPercentage,fillPercentage=void 0===_ref$fillPercentage?0:_ref$fillPercentage,className=_ref.className,finalClassName=classnames_default()("reactist_progress_bar",className),width=fillPercentage<0?0:fillPercentage>100?100:fillPercentage;return react_default.a.createElement("div",{className:finalClassName},react_default.a.createElement("div",{className:"inner",style:{width:"".concat(width,"%")}}))}ProgressBar.displayName="ProgressBar",ProgressBar.displayName="ProgressBar";try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"",displayName:"ProgressBar",props:{className:{defaultValue:null,description:"Additional css class applied to the progress bar.",name:"className",required:!1,type:{name:"string | undefined"}},fillPercentage:{defaultValue:{value:"0"},description:"How much of the progress bar should be filled. Number between 0 and 100 inclusive.",name:"fillPercentage",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/progress-bar/progress-bar.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"src/components/progress-bar/progress-bar.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}var components_progress_bar=ProgressBar;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 (\n
\n

Progress Bars

\n \n \n \n \n \n
\n)'}},ProgressBar_stories_ProgressBarStory.parameters),ProgressBar_stories_ProgressBarPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => (\n
\n \n
\n)'}},ProgressBar_stories_ProgressBarPlaygroundStory.parameters);try{ProgressBar_stories_ProgressBarPlaygroundStory.displayName="ProgressBarPlaygroundStory",ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo={description:"",displayName:"ProgressBarPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"]={docgenInfo:ProgressBar_stories_ProgressBarPlaygroundStory.__docgenInfo,name:"ProgressBarPlaygroundStory",path:"stories/components/ProgressBar.stories.tsx#ProgressBarPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2900:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"RangeInputStory",(function(){return RangeInput_stories_RangeInputStory})),__webpack_require__.d(__webpack_exports__,"RangeInputPlaygroundStory",(function(){return RangeInput_stories_RangeInputPlaygroundStory}));__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(270),__webpack_require__(244),__webpack_require__(313),__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(943),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2861);function RangeInput(_ref){var _ref$value=_ref.value,value=void 0===_ref$value?0:_ref$value,_ref$min=_ref.min,min=void 0===_ref$min?0:_ref$min,_ref$max=_ref.max,max=void 0===_ref$max?100:_ref$max,_ref$stepSize=_ref.stepSize,stepSize=void 0===_ref$stepSize?1:_ref$stepSize,onPlus=_ref.onPlus,onMinus=_ref.onMinus,_onChange=_ref.onChange,className=_ref.className;"function"!=typeof onPlus&&(onPlus=_onChange),"function"!=typeof onMinus&&(onMinus=_onChange);var rangeInputClassName=classnames_default()("reactist_range_input",className);return react_default.a.createElement("div",{className:rangeInputClassName},react_default.a.createElement("span",{className:"range_btn minus",onClick:function onClick(){return value>min&&onMinus&&onMinus(value-stepSize)}}),react_default.a.createElement("input",{value:value,className:"range_slider",type:"range",min:min,max:max,step:stepSize,onChange:function onChange(event){return null==_onChange?void 0:_onChange(parseInt(event.target.value))}}),react_default.a.createElement("span",{className:"range_btn plus",onClick:function onClick(){return value void) | undefined"}},onMinus:{defaultValue:null,description:"Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value.",name:"onMinus",required:!1,type:{name:"((value: number) => void) | undefined"}},onChange:{defaultValue:null,description:"Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks.",name:"onChange",required:!1,type:{name:"((value: number) => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/range-input/range-input.tsx#RangeInput"]={docgenInfo:RangeInput.__docgenInfo,name:"RangeInput",path:"src/components/range-input/range-input.tsx#RangeInput"})}catch(__react_docgen_typescript_loader_error){}var components_range_input=RangeInput;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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [value, setValue] = useState(50)\n\n const handleChange = (val) => {\n setValue(val)\n }\n\n return (\n
\n

RangeInput

\n \n
\n )\n}'}},RangeInput_stories_RangeInputStory.parameters),RangeInput_stories_RangeInputPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n const [value, setValue] = useState(50)\n\n const handleChange = (val) => {\n setValue(val)\n }\n\n return (\n
\n

Current Value: {value}

\n \n
\n )\n}'}},RangeInput_stories_RangeInputPlaygroundStory.parameters);try{RangeInput_stories_RangeInputPlaygroundStory.displayName="RangeInputPlaygroundStory",RangeInput_stories_RangeInputPlaygroundStory.__docgenInfo={description:"",displayName:"RangeInputPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/RangeInput.stories.tsx#RangeInputPlaygroundStory"]={docgenInfo:RangeInput_stories_RangeInputPlaygroundStory.__docgenInfo,name:"RangeInputPlaygroundStory",path:"stories/components/RangeInput.stories.tsx#RangeInputPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2901:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SelectStory",(function(){return Select_stories_SelectStory})),__webpack_require__.d(__webpack_exports__,"SelectPlaygroundStory",(function(){return Select_stories_SelectPlaygroundStory}));__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(270),__webpack_require__(244),__webpack_require__(313),__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=(__webpack_require__(152),__webpack_require__(78),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2865);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Select(_ref){var value=_ref.value,_ref$options=_ref.options,options=void 0===_ref$options?[]:_ref$options,_onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=void 0===_ref$disabled||_ref$disabled,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,defaultValue=_ref.defaultValue,otherProps=_objectWithoutProperties(_ref,["value","options","onChange","disabled","className","defaultValue"]),selectClassName=classnames_default()("reactist_select",{disabled:disabled},className);return react_default.a.createElement("select",_extends({className:selectClassName,value:value,onChange:function onChange(event){return _onChange?_onChange(event.target.value):void 0},disabled:disabled,defaultValue:defaultValue},otherProps),null==options?void 0:options.map((function(option){return react_default.a.createElement("option",{key:option.key||option.value,value:option.value,disabled:option.disabled},option.text)})))}Select.displayName="Select",Select.displayName="Select",Select.defaultProps={options:[],disabled:!1};try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"Currently selected value.",name:"value",required:!1,type:{name:"string | number | undefined"}},onChange:{defaultValue:null,description:"Callback for the change event. Will be called with the next value (not the full event).",name:"onChange",required:!1,type:{name:"((value: string) => void) | undefined"}},options:{defaultValue:{value:"[]"},description:"Options that are rendered in the select.",name:"options",required:!1,type:{name:"Option[] | undefined"}},defaultValue:{defaultValue:null,description:"Value to initially be set",name:"defaultValue",required:!1,type:{name:"string | number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/select/select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/select/select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}var components_select=Select;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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [value, setValue] = useState(options[0].value)\n\n const handleChange = (val) => {\n setValue(val)\n }\n\n return (\n
\n \n
\n )\n}'}},Select_stories_SelectPlaygroundStory.parameters);try{Select_stories_SelectPlaygroundStory.displayName="SelectPlaygroundStory",Select_stories_SelectPlaygroundStory.__docgenInfo={description:"",displayName:"SelectPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Select.stories.tsx#SelectPlaygroundStory"]={docgenInfo:Select_stories_SelectPlaygroundStory.__docgenInfo,name:"SelectPlaygroundStory",path:"stories/components/Select.stories.tsx#SelectPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2902:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InteractivePropsStory",(function(){return inline_stories_InteractivePropsStory})),__webpack_require__.d(__webpack_exports__,"ResponsiveStory",(function(){return inline_stories_ResponsiveStory})),__webpack_require__.d(__webpack_exports__,"NestedStackStory",(function(){return inline_stories_NestedStackStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),storybook_helper=__webpack_require__(4),stack=__webpack_require__(41),heading=__webpack_require__(30),type_helpers=(__webpack_require__(78),__webpack_require__(47),__webpack_require__(188)),responsive_props=__webpack_require__(21),box=__webpack_require__(144),inline_module=__webpack_require__(1563),inline_module_default=__webpack_require__.n(inline_module);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var inline_Inline=Object(type_helpers.a)((function Inline(_ref,ref){var component=_ref.component,space=_ref.space,_ref$align=_ref.align,align=void 0===_ref$align?"left":_ref$align,_ref$alignY=_ref.alignY,alignY=void 0===_ref$alignY?"center":_ref$alignY,children=_ref.children,props=_objectWithoutProperties(_ref,["component","space","align","alignY","children"]);return react.createElement(box.a,null,react.createElement(box.a,_extends({component:component,display:"flex",flexWrap:"wrap",className:Object(responsive_props.a)(inline_module_default.a,"space",space),ref:ref,alignItems:Object(responsive_props.b)(alignY,(function(alignY){return"top"===alignY?"flexStart":"bottom"===alignY?"flexEnd":"center"})),justifyContent:Object(responsive_props.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"}))},props),children))}));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) {\n return (\n \n {renderInlineContent()}\n \n )\n}'}},inline_stories_InteractivePropsStory.parameters),inline_stories_ResponsiveStory.parameters=_objectSpread({storySource:{source:"function ResponsiveStory() {\n return (\n <>\n \n \n \n {renderInlineContent()}\n \n \n \n {renderInlineContent()}\n \n \n \n \n )\n}"}},inline_stories_ResponsiveStory.parameters),inline_stories_NestedStackStory.parameters=_objectSpread({storySource:{source:'function NestedStackStory({ space }: PartialProps) {\n return (\n <>\n \n Parent stack with space=“{space ?? \'none\'}”\n {renderInlineContent()}\n {renderInlineContent()}\n \n \n )\n}'}},inline_stories_NestedStackStory.parameters);try{inline_stories_InteractivePropsStory.displayName="InteractivePropsStory",inline_stories_InteractivePropsStory.__docgenInfo={description:"",displayName:"InteractivePropsStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | readonly ["top" | "bottom" | "center", "top" | "bottom" | "center"] | readonly ["top" | "bottom" | "center", "top" | "bottom" | "center", "top" | "bottom" | "center"] | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#InteractivePropsStory"]={docgenInfo:inline_stories_InteractivePropsStory.__docgenInfo,name:"InteractivePropsStory",path:"src/new-components/inline/inline.stories.tsx#InteractivePropsStory"})}catch(__react_docgen_typescript_loader_error){}try{inline_stories_NestedStackStory.displayName="NestedStackStory",inline_stories_NestedStackStory.__docgenInfo={description:"",displayName:"NestedStackStory",props:{space:{defaultValue:null,description:"",name:"space",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"right" | "left" | "center" | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | readonly [ColumnsHorizontalAlignment, ColumnsHorizontalAlignment, ColumnsHorizontalAlignment] | undefined'}},alignY:{defaultValue:null,description:"",name:"alignY",required:!1,type:{name:'"top" | "bottom" | "center" | readonly ["top" | "bottom" | "center", "top" | "bottom" | "center"] | readonly ["top" | "bottom" | "center", "top" | "bottom" | "center", "top" | "bottom" | "center"] | undefined'}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:'0 | "small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | undefined'}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:'"default" | "aside" | "highlight" | "selected" | undefined'}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:'"none" | "full" | "standard" | undefined'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"none" | "standard" | undefined'}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:'"small" | "large" | "xsmall" | "medium" | "xlarge" | "xxlarge" | readonly [Space, Space] | readonly [Space, Space, Space] | undefined'}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/inline/inline.stories.tsx#NestedStackStory"]={docgenInfo:inline_stories_NestedStackStory.__docgenInfo,name:"NestedStackStory",path:"src/new-components/inline/inline.stories.tsx#NestedStackStory"})}catch(__react_docgen_typescript_loader_error){}},2903:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TextStory",(function(){return text_stories_TextStory})),__webpack_require__.d(__webpack_exports__,"TruncatedTextStory",(function(){return text_stories_TruncatedTextStory})),__webpack_require__.d(__webpack_exports__,"TextPlaygroundStory",(function(){return text_stories_TextPlaygroundStory}));__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(24),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),stack=__webpack_require__(41),responsive_props=(__webpack_require__(943),__webpack_require__(124),__webpack_require__(1462),__webpack_require__(1464),__webpack_require__(47),__webpack_require__(21)),box=__webpack_require__(144),type_helpers=__webpack_require__(188),text_module=__webpack_require__(325),text_module_default=__webpack_require__.n(text_module);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var text_Text=Object(type_helpers.a)((function Text(_ref,ref){var _ref$component=_ref.component,component=void 0===_ref$component?"span":_ref$component,_ref$size=_ref.size,size=void 0===_ref$size?"body":_ref$size,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,rest=_objectWithoutProperties(_ref,["component","size","weight","tone","children","lineClamp"]),lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return react.createElement(box.a,_extends({},rest,{component:component,className:[text_module_default.a.text,"body"!==size?Object(responsive_props.a)(text_module_default.a,"size",size):null,"regular"!==weight?Object(responsive_props.a)(text_module_default.a,"weight",weight):null,"normal"!==tone?Object(responsive_props.a)(text_module_default.a,"tone",tone):null,lineClampMultipleLines?text_module_default.a.lineClamp:null,lineClamp?Object(responsive_props.a)(text_module_default.a,"line-clamp",lineClamp.toString()):null],ref:ref}),children)})),storybook_helper=__webpack_require__(4);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__webpack_exports__.default={title:"Design system/Text",component:text_Text,argTypes:{size:Object(storybook_helper.f)(["caption","copy","body","subtitle"],"body"),weight:Object(storybook_helper.f)(["regular","semibold","bold"],"regular"),lineClamp:Object(storybook_helper.f)([1,2,3,4,5],1),children:{control:{type:"text"},defaultValue:"Lorem ipsum dolor sit amet consectetur, adipisicing elit"},tone:Object(storybook_helper.f)(["normal","secondary","danger"],"normal")}};var text_stories_TextStory=function TextStory(){return react_default.a.createElement("section",{className:"story"},react_default.a.createElement(stack.a,{space:"medium"},react_default.a.createElement(text_Text,{size:"subtitle",weight:"regular"},"Subtitle Regular"),react_default.a.createElement(text_Text,{size:"subtitle",tone:"secondary"},"Subtitle Secondary"),react_default.a.createElement(text_Text,{size:"subtitle",tone:"danger"},"Subtitle Danger"),react_default.a.createElement(text_Text,{size:"subtitle",weight:"semibold"},"Subtitle Semibold"),react_default.a.createElement(text_Text,{size:"subtitle",weight:"bold"},"Subtitle Bold"),react_default.a.createElement(text_Text,{size:"body",weight:"regular"},"Body Regular"),react_default.a.createElement(text_Text,{size:"body",tone:"secondary"},"Body Secondary"),react_default.a.createElement(text_Text,{size:"body",tone:"danger"},"Body Danger"),react_default.a.createElement(text_Text,{size:"body",weight:"semibold"},"Body Semibold"),react_default.a.createElement(text_Text,{size:"body",weight:"bold"},"Body Bold"),react_default.a.createElement(text_Text,{size:"copy",weight:"regular"},"Copy Regular"),react_default.a.createElement(text_Text,{size:"copy",tone:"secondary"},"Copy Secondary"),react_default.a.createElement(text_Text,{size:"copy",tone:"danger"},"Copy Danger"),react_default.a.createElement(text_Text,{size:"copy",weight:"semibold"},"Copy Semibold"),react_default.a.createElement(text_Text,{size:"copy",weight:"bold"},"Copy Bold"),react_default.a.createElement(text_Text,{size:"caption",weight:"regular"},"Caption Regular"),react_default.a.createElement(text_Text,{size:"caption",tone:"secondary"},"Caption Secondary"),react_default.a.createElement(text_Text,{size:"caption",tone:"danger"},"Caption Danger"),react_default.a.createElement(text_Text,{size:"caption",weight:"semibold"},"Caption Semibold"),react_default.a.createElement(text_Text,{size:"caption",weight:"bold"},"Caption Bold")))};text_stories_TextStory.displayName="TextStory";var text_stories_TruncatedTextStory=function TruncatedTextStory(){return react_default.a.createElement("section",{className:"story"},react_default.a.createElement(stack.a,{space:"medium"},react_default.a.createElement(text_Text,{lineClamp:1},"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a."),react_default.a.createElement(text_Text,{lineClamp:4},"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus! Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.")))};text_stories_TruncatedTextStory.displayName="TruncatedTextStory";var text_stories_TextPlaygroundStory=function TextPlaygroundStory(_ref){var children=_ref.children,args=text_stories_objectWithoutProperties(_ref,["children"]);return react_default.a.createElement("section",{className:"story playground"},react_default.a.createElement(text_Text,args,children))};text_stories_TextPlaygroundStory.displayName="TextPlaygroundStory",text_stories_TextStory.parameters=_objectSpread({storySource:{source:'function TextStory() {\n return (\n
\n \n \n Subtitle Regular\n \n \n Subtitle Secondary\n \n \n Subtitle Danger\n \n \n Subtitle Semibold\n \n \n Subtitle Bold\n \n\n \n Body Regular\n \n \n Body Secondary\n \n \n Body Danger\n \n \n Body Semibold\n \n \n Body Bold\n \n\n \n Copy Regular\n \n \n Copy Secondary\n \n \n Copy Danger\n \n \n Copy Semibold\n \n \n Copy Bold\n \n\n \n Caption Regular\n \n \n Caption Secondary\n \n \n Caption Danger\n \n \n Caption Semibold\n \n \n Caption Bold\n \n \n
\n )\n}'}},text_stories_TextStory.parameters),text_stories_TruncatedTextStory.parameters=_objectSpread({storySource:{source:'function TruncatedTextStory() {\n return (\n
\n \n \n Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n \n\n \n Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident cumque\n recusandae quibusdam, veniam cum illo? Inventore, doloremque necessitatibus!\n Sequi porro alias mollitia, temporibus quidem, aut modi tempora placeat laborum\n eos sapiente necessitatibus autem ipsum officia rerum distinctio consectetur\n tenetur qui! Perspiciatis ab corporis, itaque alias ex optio voluptatum nulla\n consequatur aut explicabo dolorem rerum ratione magnam. Mollitia dignissimos et\n ad commodi quasi molestias fugiat repellendus, magni distinctio voluptate neque\n quos esse asperiores iure excepturi eligendi eaque veniam voluptas blanditiis\n temporibus, omnis laborum quidem autem totam. Iure, numquam. Totam facilis\n dolorum, consequatur, eligendi est dolores modi dolore maiores ipsum magnam a.\n \n \n
\n )\n}'}},text_stories_TruncatedTextStory.parameters),text_stories_TextPlaygroundStory.parameters=_objectSpread({storySource:{source:'function TextPlaygroundStory({ children, ...args }: React.ComponentProps) {\n return (\n
\n {children}\n
\n )\n}'}},text_stories_TextPlaygroundStory.parameters);try{text_stories_TextPlaygroundStory.displayName="TextPlaygroundStory",text_stories_TextPlaygroundStory.__docgenInfo={description:"",displayName:"TextPlaygroundStory",props:{component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:'"symbol" | "object" | "select" | "s" | "text" | "title" | "form" | "slot" | "style" | "button" | "link" | "small" | "pattern" | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 158 more ... | undefined'}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"body" | "caption" | "copy" | "subtitle" | undefined'}},weight:{defaultValue:null,description:"",name:"weight",required:!1,type:{name:'"regular" | "semibold" | "bold" | undefined'}},tone:{defaultValue:null,description:"",name:"tone",required:!1,type:{name:'"secondary" | "danger" | "normal" | undefined'}},lineClamp:{defaultValue:null,description:"",name:"lineClamp",required:!1,type:{name:'1 | 2 | 5 | "1" | 3 | "2" | 4 | "3" | "4" | "5" | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/text/text.stories.tsx#TextPlaygroundStory"]={docgenInfo:text_stories_TextPlaygroundStory.__docgenInfo,name:"TextPlaygroundStory",path:"src/new-components/text/text.stories.tsx#TextPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2904:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardButtonsStory",(function(){return Button_stories_StandardButtonsStory})),__webpack_require__.d(__webpack_exports__,"SmallButtonsStory",(function(){return Button_stories_SmallButtonsStory})),__webpack_require__.d(__webpack_exports__,"LargeButtonsStory",(function(){return Button_stories_LargeButtonsStory})),__webpack_require__.d(__webpack_exports__,"DisabledButtonsStory",(function(){return Button_stories_DisabledButtonsStory})),__webpack_require__.d(__webpack_exports__,"LoadingButtonsStory",(function(){return Button_stories_LoadingButtonsStory})),__webpack_require__.d(__webpack_exports__,"AlternateBrandingButtonsStory",(function(){return Button_stories_AlternateBrandingButtonsStory})),__webpack_require__.d(__webpack_exports__,"ButtonPlaygroundStory",(function(){return Button_stories_ButtonPlaygroundStory}));__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),react_markdown=__webpack_require__(1566),react_markdown_default=__webpack_require__.n(react_markdown),components_button=(__webpack_require__(2771),__webpack_require__(16));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 .reactist_button {\n background-color: @primary-color;\n\n &--primary:not([disabled]):hover {\n background-color: @primary-color-darker;\n }\n\n &:not(.reactist_button--loading):not(.reactist_button--secondary)&:disabled {\n background-color: @primary-color-lighter;\n }\n\n &.reactist_button--secondary {\n background-color: white;\n border: 1px solid @primary-color;\n color: @primary-color;\n }\n }\n }\n"}),react_default.a.createElement("br",null),react_default.a.createElement(components_button.a,{variant:"primary"},"Primary Button"),react_default.a.createElement(components_button.a,{variant:"secondary"},"Secondary Button"))};Button_stories_AlternateBrandingButtonsStory.displayName="AlternateBrandingButtonsStory";var Button_stories_ButtonPlaygroundStory=function ButtonPlaygroundStory(args){return react_default.a.createElement("section",{className:"story playground"},react_default.a.createElement(components_button.a,args,"Button Text"))};Button_stories_ButtonPlaygroundStory.displayName="ButtonPlaygroundStory",Button_stories_ButtonPlaygroundStory.args={variant:"primary",size:"default",disabled:!1,loading:!1,tooltip:""},Button_stories_ButtonPlaygroundStory.argTypes={disabled:"boolean",loading:"boolean",variant:{type:"select",options:["(none)","primary","secondary","danger","link"]},size:{type:"select",options:["default","small","large"]}},Button_stories_StandardButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n \n \n

\n You can and it works as\n you'd expect.\n

\n
\n )\n}'}},Button_stories_StandardButtonsStory.parameters),Button_stories_SmallButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n \n \n
\n )\n}'}},Button_stories_SmallButtonsStory.parameters),Button_stories_LargeButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n \n \n
\n )\n}'}},Button_stories_LargeButtonsStory.parameters),Button_stories_DisabledButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n \n \n
\n )\n}'}},Button_stories_DisabledButtonsStory.parameters),Button_stories_LoadingButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n \n \n \n

\n Note: loading has no effect on link or plain buttons. Use{\' \'}\n disabled instead.\n

\n
\n )\n}'}},Button_stories_LoadingButtonsStory.parameters),Button_stories_AlternateBrandingButtonsStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n

\n If you want your buttons to have a different color scheme you need to import a\n .css file and overwrite the following rules:\n

\n \n
\n \n \n
\n )\n}'}},Button_stories_AlternateBrandingButtonsStory.parameters),Button_stories_ButtonPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n return (\n
\n \n
\n )\n}'}},Button_stories_ButtonPlaygroundStory.parameters);try{Button_stories_ButtonPlaygroundStory.displayName="ButtonPlaygroundStory",Button_stories_ButtonPlaygroundStory.__docgenInfo={description:"",displayName:"ButtonPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Button.stories.tsx#ButtonPlaygroundStory"]={docgenInfo:Button_stories_ButtonPlaygroundStory.__docgenInfo,name:"ButtonPlaygroundStory",path:"stories/components/Button.stories.tsx#ButtonPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2905:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StandardNotificationStory",(function(){return Notification_stories_StandardNotificationStory})),__webpack_require__.d(__webpack_exports__,"NonClickableNotificationStory",(function(){return Notification_stories_NonClickableNotificationStory})),__webpack_require__.d(__webpack_exports__,"CustomContentNotificationStory",(function(){return Notification_stories_CustomContentNotificationStory})),__webpack_require__.d(__webpack_exports__,"NotificationPlaygroundStory",(function(){return Notification_stories_NotificationPlaygroundStory}));__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(53),avatar=__webpack_require__(251),tip=__webpack_require__(384),classnames=(__webpack_require__(78),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames),CloseIcon_svg=__webpack_require__(285);__webpack_require__(2853);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Notification(_ref){var id=_ref.id,icon=_ref.icon,title=_ref.title,subtitle=_ref.subtitle,children=_ref.children,customCloseButton=_ref.customCloseButton,onClick=_ref.onClick,onClose=_ref.onClose,_ref$closeAltText=_ref.closeAltText,closeAltText=void 0===_ref$closeAltText?"Close":_ref$closeAltText,className=_ref.className,rest=_objectWithoutProperties(_ref,["id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className"]),titleId=title?"".concat(id,"-title"):null,titleIdAttribute=titleId?{id:titleId}:null,subtitleId=subtitle?"".concat(id,"-subtitle"):null,subtitleIdAttribute=subtitleId?{id:subtitleId}:null,contentId=children?"".concat(id,"-content"):null,contentIdAttribute=children?{id:"".concat(id,"-content")}:null,ariaLabelledBy=contentId?{"aria-labelledby":contentId}:titleId?{"aria-labelledby":titleId}:null,ariaDescribedBy=subtitleId&&!children?{"aria-describedby":subtitleId}:null,notificationContent=react_default.a.createElement("div",_extends({className:"reactist-notification__content"},contentIdAttribute),null!=children?children:react_default.a.createElement(react_default.a.Fragment,null,title?react_default.a.createElement("h3",_extends({className:"reactist-notification__title"},titleIdAttribute),title):null,subtitle?react_default.a.createElement("p",_extends({className:"reactist-notification__subtitle"},subtitleIdAttribute),subtitle):null)),notificationBody=react_default.a.createElement("div",{className:"reactist-notification__icon-content-group"},null!=icon?icon:null,notificationContent);return react_default.a.createElement("div",_extends({id:id,role:"dialog",className:classnames_default()("reactist-notification",className,{"reactist-notification--with-button":Boolean(onClick),"reactist-notification--with-close-button":Boolean(onClose)})},ariaLabelledBy,ariaDescribedBy,rest),onClick?react_default.a.createElement("button",{className:"reactist-notification__button",onClick:onClick},notificationBody):notificationBody,onClose?react_default.a.createElement("button",{className:"reactist-notification__close-button",onClick:onClose,"aria-label":closeAltText},null!=customCloseButton?customCloseButton:react_default.a.createElement(CloseIcon_svg.a,null)):null)}Notification.displayName="Notification";try{Notification.displayName="Notification",Notification.__docgenInfo={description:"",displayName:"Notification",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string | ({} & string) | (ReactElement ReactElement Component)> | null) | (new (props: any) => Component<...>)> & string) | (ReactNodeArray & string) | (ReactPortal & string) | undefined"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"ReactNode"}},customCloseButton:{defaultValue:null,description:"",name:"customCloseButton",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(((event: MouseEvent) => void) & ((event: MouseEvent) => void)) | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((event: MouseEvent) => void) | undefined"}},closeAltText:{defaultValue:{value:"Close"},description:"",name:"closeAltText",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/notification/notification.tsx#Notification"]={docgenInfo:Notification.__docgenInfo,name:"Notification",path:"src/components/notification/notification.tsx#Notification"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__(2851);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 {\n return (\n
\n

Standard Notification

\n }\n title="You have a new message!"\n subtitle="Click here to view."\n onClose={action(\'onClose\')}\n onClick={action(\'onClick\')}\n />\n
\n )\n}'}},Notification_stories_StandardNotificationStory.parameters),Notification_stories_NonClickableNotificationStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n

Non-clickable Notification

\n \n
\n )\n}'}},Notification_stories_NonClickableNotificationStory.parameters),Notification_stories_CustomContentNotificationStory.parameters=_objectSpread({storySource:{source:'() => {\n return (\n
\n

Custom Content Notification

\n }\n onClose={action(\'onClose\')}\n className="notification-story-notification-container"\n >\n
\n

You received a message from Brock

\n

\n Better not leave him hanging\n \n

\n
\n \n
\n )\n}'}},Notification_stories_CustomContentNotificationStory.parameters),Notification_stories_NotificationPlaygroundStory.parameters=_objectSpread({storySource:{source:'(args) => {\n const onClose = args.onClose ? action(\'onClose\') : undefined\n const onClick = args.onClick ? action(\'onClick\') : undefined\n const icon = args.icon ? (\n
\n \n
\n ) : null\n const children = args.children ? (\n
\n

\n If children is provided, then{\' \'}\n it will be rendered instead of the title and subtitle\n

\n
\n ) : null\n\n return (\n
\n \n {children}\n \n
\n )\n}'}},Notification_stories_NotificationPlaygroundStory.parameters);try{Notification_stories_NotificationPlaygroundStory.displayName="NotificationPlaygroundStory",Notification_stories_NotificationPlaygroundStory.__docgenInfo={description:"",displayName:"NotificationPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Notification.stories.tsx#NotificationPlaygroundStory"]={docgenInfo:Notification_stories_NotificationPlaygroundStory.__docgenInfo,name:"NotificationPlaygroundStory",path:"stories/components/Notification.stories.tsx#NotificationPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2906:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"TabsStory",(function(){return Tabs_stories_TabsStory})),__webpack_require__.d(__webpack_exports__,"TabsPlaygroundStory",(function(){return Tabs_stories_TabsPlaygroundStory}));__webpack_require__(47),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(2867);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(53),classnames=(__webpack_require__(152),__webpack_require__(2869),__webpack_require__(2870),__webpack_require__(371),__webpack_require__(372),__webpack_require__(373),__webpack_require__(374),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(22)),classnames_default=__webpack_require__.n(classnames);__webpack_require__(2871);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _defineProperties(target,props){for(var i=0;i void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/tabs.tsx#Tabs"]={docgenInfo:tabs_Tabs.__docgenInfo,name:"Tabs",path:"src/components/tabs/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{tabs_Tab.displayName="Tab",tabs_Tab.__docgenInfo={description:"",displayName:"Tab",props:{className:{defaultValue:null,description:"Additional css class applied to Tab.",name:"className",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:{value:"false"},description:"Disabled tabs can't be selected.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | number | undefined"}},title:{defaultValue:null,description:"Title of the tab.",name:"title",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/tabs.tsx#Tab"]={docgenInfo:tabs_Tab.__docgenInfo,name:"Tab",path:"src/components/tabs/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}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 {\n return (\n
\n

Tabs

\n \n \n Content of Tab A\n \n \n Content of Tab B\n \n \n Content of Tab C\n \n \n
\n )\n}'}},Tabs_stories_TabsStory.parameters),Tabs_stories_TabsPlaygroundStory.parameters=_objectSpread({storySource:{source:"(args) => {\n return (\n
\n \n \n Content of Tab A\n \n \n Content of Tab B\n \n \n Content of Tab C\n \n \n
\n )\n}"}},Tabs_stories_TabsPlaygroundStory.parameters);try{Tabs_stories_TabsPlaygroundStory.displayName="TabsPlaygroundStory",Tabs_stories_TabsPlaygroundStory.__docgenInfo={description:"",displayName:"TabsPlaygroundStory",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/components/Tabs.stories.tsx#TabsPlaygroundStory"]={docgenInfo:Tabs_stories_TabsPlaygroundStory.__docgenInfo,name:"TabsPlaygroundStory",path:"stories/components/Tabs.stories.tsx#TabsPlaygroundStory"})}catch(__react_docgen_typescript_loader_error){}},2907:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__(656),__webpack_require__(24),__webpack_require__(17),__webpack_require__(13),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39),__webpack_require__(78),__webpack_require__(47);var react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__),classnames__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(22),classnames__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_13__),reakit_Tooltip__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(2908),reakit_Tooltip__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(2909),reakit_Tooltip__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(2910);__webpack_require__(2776);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}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 void) | undefined"}},unstable_popoverRef:{defaultValue:null,description:"The popover element.\n@private",name:"unstable_popoverRef",required:!1,type:{name:"RefObject | undefined"}},unstable_popoverStyles:{defaultValue:null,description:"Popover styles.\n@private",name:"unstable_popoverStyles",required:!1,type:{name:"CSSProperties | undefined"}},unstable_system:{defaultValue:null,description:"Options passed to `reakit-system-*`\n@private",name:"unstable_system",required:!1,type:{name:"any"}},unstable_portal:{defaultValue:null,description:"Whether or not the tooltip should be rendered within `Portal`.",name:"unstable_portal",required:!1,type:{name:"boolean | undefined"}},wrapElement:{defaultValue:null,description:"Function returned by the hook to wrap the element to which html props\nwill be passed.",name:"wrapElement",required:!1,type:{name:"((element: ReactNode) => ReactNode) | undefined"}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"string | number | boolean | {} | ReactElement ReactElement Component)> | null) | (new (props: any) => Component<...>)> | ... 4 more ... | undefined"}},position:{defaultValue:{value:"top"},description:"",name:"position",required:!1,type:{name:'"auto-start" | "auto" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start" | undefined'}},gapSize:{defaultValue:{value:"3"},description:"",name:"gapSize",required:!1,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/components/tooltip/tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}},30:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Heading}));__webpack_require__(943),__webpack_require__(124),__webpack_require__(1462),__webpack_require__(1464),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(0),_responsive_props__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(21),_box__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(144),_heading_module_css__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(324),_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_heading_module_css__WEBPACK_IMPORTED_MODULE_11__);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=react__WEBPACK_IMPORTED_MODULE_8__.forwardRef((function Heading(_ref,ref){var level=_ref.level,_ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,size=_ref.size,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,children=_ref.children,lineClamp=_ref.lineClamp,props=_objectWithoutProperties(_ref,["level","weight","size","tone","children","lineClamp"]),headingElementName="h".concat(level),lineClampMultipleLines="string"==typeof lineClamp?parseInt(lineClamp,10)>1:(lineClamp||0)>1;return react__WEBPACK_IMPORTED_MODULE_8__.createElement(_box__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},props,{className:[_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.heading,"regular"!==weight?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"weight",weight):null,"normal"!==tone?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"tone",tone):null,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"size",size),lineClampMultipleLines?_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a.lineClamp:null,lineClamp?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_9__.a)(_heading_module_css__WEBPACK_IMPORTED_MODULE_11___default.a,"line-clamp",lineClamp.toString()):null],component:headingElementName,ref:ref}),children)}));try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"smaller" | "larger" | "largest" | undefined'}},level:{defaultValue:null,description:"",name:"level",required:!0,type:{name:"HeadingLevel"}},weight:{defaultValue:{value:"regular"},description:"",name:"weight",required:!1,type:{name:'"regular" | "light" | undefined'}},tone:{defaultValue:{value:"normal"},description:"",name:"tone",required:!1,type:{name:'"secondary" | "danger" | "normal" | undefined'}},lineClamp:{defaultValue:null,description:"",name:"lineClamp",required:!1,type:{name:'1 | 2 | 5 | "1" | 3 | "2" | 4 | "3" | "4" | "5" | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"src/new-components/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}},324:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2625);"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||{}},325:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2633);"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||{}},384:function(module,__webpack_exports__,__webpack_require__){"use strict";var react=__webpack_require__(0),react_default=__webpack_require__.n(react),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames),ThinQuestionMarkIcon_svg_ThinQuestionMark=function ThinQuestionMark(){return react_default.a.createElement("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18"},react_default.a.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},react_default.a.createElement("g",{fill:"#979797"},react_default.a.createElement("path",{d:"M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z M9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 Z",fillRule:"nonzero"}),react_default.a.createElement("path",{d:"M5.625,6.671875 L6.9609375,6.671875 C7.046875,5.5546875 7.796875,4.859375 8.9765625,4.859375 C10.140625,4.859375 10.890625,5.5703125 10.890625,6.5390625 C10.890625,7.375 10.5390625,7.8671875 9.6328125,8.421875 C8.5625,9.0625 8.0625,9.765625 8.0703125,10.796875 L8.0703125,11.515625 L9.4375,11.515625 L9.4375,11.0078125 C9.4375,10.1875 9.71875,9.75 10.7109375,9.1640625 C11.7109375,8.5625 12.34375,7.6953125 12.34375,6.46875 C12.34375,4.859375 11,3.640625 9.03125,3.640625 C6.8359375,3.640625 5.7109375,4.984375 5.625,6.671875 Z M8.859375,15.140625 C9.4921875,15.140625 9.9375,14.6875 9.9375,14.0546875 C9.9375,13.4140625 9.4921875,12.9609375 8.859375,12.9609375 C8.2265625,12.9609375 7.7734375,13.4140625 7.7734375,14.0546875 C7.7734375,14.6875 8.2265625,15.140625 8.859375,15.140625 Z"}))))};ThinQuestionMarkIcon_svg_ThinQuestionMark.displayName="ThinQuestionMark";var ThinQuestionMarkIcon_svg=ThinQuestionMarkIcon_svg_ThinQuestionMark,dropdown=__webpack_require__(115);__webpack_require__(2855);function Tip(_ref){var title=_ref.title,message=_ref.message,top=_ref.top,className=_ref.className,tipClass=classnames_default()("reactist_tip__container",className);return react_default.a.createElement(dropdown.a.Box,{top:top,className:tipClass},react_default.a.createElement(dropdown.a.Trigger,null,react_default.a.createElement(ThinQuestionMarkIcon_svg,null)),react_default.a.createElement(dropdown.a.Body,null,react_default.a.createElement("div",{className:"reactist_tip"},react_default.a.createElement("p",{className:"reactist_tip--title"},title),react_default.a.createElement("p",{className:"reactist_tip--message"},message))))}Tip.displayName="Tip",Tip.displayName="Tip",Tip.defaultProps={top:!1};try{Tip.displayName="Tip",Tip.__docgenInfo={description:"",displayName:"Tip",props:{className:{defaultValue:null,description:"Additional css class that is applied to the Tip.",name:"className",required:!1,type:{name:"string | undefined"}},title:{defaultValue:null,description:"Title of the tip.",name:"title",required:!1,type:{name:"ReactNode"}},message:{defaultValue:null,description:"Message of the tip.",name:"message",required:!1,type:{name:"ReactNode"}},top:{defaultValue:{value:"false"},description:"Whether the tip content should be displayed to the top or not. Maps to the Dropdown.Box top property.",name:"top",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tip/tip.tsx#Tip"]={docgenInfo:Tip.__docgenInfo,name:"Tip",path:"src/components/tip/tip.tsx#Tip"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=Tip},4:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return select})),__webpack_require__.d(__webpack_exports__,"i",(function(){return selectWithNone})),__webpack_require__.d(__webpack_exports__,"h",(function(){return selectSize})),__webpack_require__.d(__webpack_exports__,"g",(function(){return selectCount})),__webpack_require__.d(__webpack_exports__,"j",(function(){return times})),__webpack_require__.d(__webpack_exports__,"e",(function(){return reusableBoxProps})),__webpack_require__.d(__webpack_exports__,"d",(function(){return disableResponsiveProps})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Wrapper})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ResponsiveWidthRef})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__(473),__webpack_require__(152),__webpack_require__(1454),__webpack_require__(17),__webpack_require__(269),__webpack_require__(13),__webpack_require__(153),__webpack_require__(124),__webpack_require__(154),__webpack_require__(155),__webpack_require__(140),__webpack_require__(156),__webpack_require__(313),__webpack_require__(270),__webpack_require__(244),__webpack_require__(24),__webpack_require__(34),__webpack_require__(35),__webpack_require__(36),__webpack_require__(37),__webpack_require__(38),__webpack_require__(39);var react__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__(0),_box__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__(144),_heading__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__(30),_stack__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__(41);__webpack_require__(2620);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;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==arguments[1]?arguments[1]:"none";return{control:{type:"select"},options:["none"].concat(_toConsumableArray(options)),defaultValue:defaultValue,mapping:{none:void 0}}}function selectSize(){var defaultValue=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"none";return selectWithNone(["xsmall","small","medium","large","xlarge","xxlarge"],defaultValue)}function selectCount(label){var defaultValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;return{control:{type:"number",min:1},name:label,defaultValue:defaultValue}}function times(count){return Array.apply(null,Array(count)).map((function(_x,i){return i}))}function reusableBoxProps(){return{maxWidth:selectWithNone(["xsmall","small","medium","large","xlarge"]),padding:selectSize(),paddingX:selectSize(),paddingY:selectSize(),paddingTop:selectSize(),paddingRight:selectSize(),paddingBottom:selectSize(),paddingLeft:selectSize()}}var disableResponsiveProps=Object.keys(reusableBoxProps()).reduce((function(accumulator,key){return _objectSpread(_objectSpread({},accumulator),{},_defineProperty({},key,{control:!1}))}),{});function Wrapper(_ref){var title=_ref.title,children=_ref.children,_ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border;return react__WEBPACK_IMPORTED_MODULE_22__.createElement(_stack__WEBPACK_IMPORTED_MODULE_25__.a,{space:"small"},title?react__WEBPACK_IMPORTED_MODULE_22__.createElement(_heading__WEBPACK_IMPORTED_MODULE_24__.a,{level:"2"},title):null,react__WEBPACK_IMPORTED_MODULE_22__.createElement(_box__WEBPACK_IMPORTED_MODULE_23__.a,{style:border?{border:"1px dotted black"}:void 0},children))}function ResponsiveWidthRef(){return react__WEBPACK_IMPORTED_MODULE_22__.createElement(react__WEBPACK_IMPORTED_MODULE_22__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_22__.createElement("div",{style:{height:"36px"}}),react__WEBPACK_IMPORTED_MODULE_22__.createElement("div",{style:{position:"fixed",top:0,left:0}},react__WEBPACK_IMPORTED_MODULE_22__.createElement("div",{style:{width:"992px",height:"20px",backgroundColor:"#ccc"}},"desktop min width"),react__WEBPACK_IMPORTED_MODULE_22__.createElement("div",{style:{width:"768px",height:"20px",backgroundColor:"#ddd"}},"tablet min width")))}function Placeholder(_ref2){var label=_ref2.label,_ref2$width=_ref2.width,width=void 0===_ref2$width?"100%":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"30px":_ref2$height;return react__WEBPACK_IMPORTED_MODULE_22__.createElement(_box__WEBPACK_IMPORTED_MODULE_23__.a,{style:{backgroundColor:"lightgreen",border:"1px solid green",width:width,height:height},display:"flex",alignItems:"center",padding:"medium"},label)}Wrapper.displayName="Wrapper",Placeholder.displayName="Placeholder";try{selectSize.displayName="selectSize",selectSize.__docgenInfo={description:"",displayName:"selectSize",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#selectSize"]={docgenInfo:selectSize.__docgenInfo,name:"selectSize",path:"src/new-components/storybook-helper.tsx#selectSize"})}catch(__react_docgen_typescript_loader_error){}try{times.displayName="times",times.__docgenInfo={description:"",displayName:"times",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#times"]={docgenInfo:times.__docgenInfo,name:"times",path:"src/new-components/storybook-helper.tsx#times"})}catch(__react_docgen_typescript_loader_error){}try{Wrapper.displayName="Wrapper",Wrapper.__docgenInfo={description:"",displayName:"Wrapper",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Wrapper"]={docgenInfo:Wrapper.__docgenInfo,name:"Wrapper",path:"src/new-components/storybook-helper.tsx#Wrapper"})}catch(__react_docgen_typescript_loader_error){}try{Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/storybook-helper.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/new-components/storybook-helper.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},41:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return stack_Stack}));__webpack_require__(152),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react=__webpack_require__(0),react_keyed_flatten_children=__webpack_require__(1561),react_keyed_flatten_children_default=__webpack_require__.n(react_keyed_flatten_children),type_helpers=__webpack_require__(188),responsive_props=__webpack_require__(21),box=__webpack_require__(144),divider_module=__webpack_require__(986),divider_module_default=__webpack_require__.n(divider_module);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Divider(_ref){var _ref$weight=_ref.weight,weight=void 0===_ref$weight?"regular":_ref$weight,props=_objectWithoutProperties(_ref,["weight"]);return react.createElement(box.a,_extends({component:"hr",className:[divider_module_default.a.divider,"regular"!==weight?Object(responsive_props.a)(divider_module_default.a,"weight",weight):null]},props))}Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{weight:{defaultValue:{value:"regular"},description:"",name:"weight",required:!1,type:{name:'"strong" | "regular" | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"src/new-components/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}var stack_module=__webpack_require__(1562),stack_module_default=__webpack_require__.n(stack_module);function stack_extends(){return(stack_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var stack_Stack=Object(type_helpers.a)((function Stack(_ref,ref){var component=_ref.component,space=_ref.space,_ref$dividers=_ref.dividers,dividers=void 0!==_ref$dividers&&_ref$dividers,children=_ref.children,className=_ref.className,props=stack_objectWithoutProperties(_ref,["component","space","dividers","children","className"]);return react.createElement(box.a,stack_extends({component:component,className:[className,Object(responsive_props.a)(stack_module_default.a,"space",space)],ref:ref},props),dividers?react.Children.map(react_keyed_flatten_children_default()(children),(function(child,index){return index>0?react.createElement(react.Fragment,null,react.createElement(Divider,{weight:"string"==typeof dividers?dividers:void 0}),child):child})):children)}))},487:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(270),__webpack_require__(1465),__webpack_require__(475),__webpack_require__(152),__webpack_require__(961),__webpack_require__(1491),__webpack_require__(2801),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react=__webpack_require__(0),classnames=__webpack_require__(22),classnames_default=__webpack_require__.n(classnames);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var globalTranslateKey=function globalTranslateKey(key){return key};function translateKeyMac(key){switch(key.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return key}}function KeyboardShortcut(_ref){var _navigator$platform$t,_navigator$platform,children=_ref.children,className=_ref.className,_ref$translateKey=_ref.translateKey,translateKey=void 0===_ref$translateKey?globalTranslateKey:_ref$translateKey,_ref$isMac=_ref.isMac,isMac=void 0===_ref$isMac?null!==(_navigator$platform$t=null===(_navigator$platform=navigator.platform)||void 0===_navigator$platform?void 0:_navigator$platform.toUpperCase().includes("MAC"))&&void 0!==_navigator$platform$t&&_navigator$platform$t:_ref$isMac,props=_objectWithoutProperties(_ref,["children","className","translateKey","isMac"]),shortcuts="string"==typeof children?[children]:children;return react.createElement("span",_extends({className:classnames_default()("reactist_keyboard_shortcut",className,{"reactist_keyboard_shortcut--macos":isMac})},props),shortcuts.map((function(shortcut,i){return react.createElement(react.Fragment,{key:i},0===i?null:", ",react.createElement("kbd",null,function parseKeys(shortcut,isMac,translateKey){var t=isMac?translateKeyMac:translateKey,_hasModifiers=function hasModifiers(str){return/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str)}(shortcut);return isMac||(shortcut=shortcut.replace(/\b(mod|cmd)\b/i,"ctrl")),shortcut.split(/\s*\+\s*/).map((function mapIndividualKey(str){return function isSpecialKey(str){return/^(mod|cmd|ctrl|control|alt|shift|space)$/i.test(str)}(str)?function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1).toLowerCase()}(t(str)):_hasModifiers&&1===str.length?str.toUpperCase():str}))}(shortcut,isMac,translateKey).map((function(key,j){return react.createElement("kbd",{key:j},key)}))))})))}KeyboardShortcut.setTranslateKey=function(tr){globalTranslateKey=tr},KeyboardShortcut.displayName="KeyboardShortcut";try{KeyboardShortcut.displayName="KeyboardShortcut",KeyboardShortcut.__docgenInfo={description:"",displayName:"KeyboardShortcut",props:{children:{defaultValue:null,description:"The shortcut to be represented as markup. It supports an intuitive syntax where you can\ncombine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\nYou can also pass various shortcuts as an array, which will be depicted separated by commas.",name:"children",required:!0,type:{name:"string | string[]"}},translateKey:{defaultValue:null,description:"A function that allows you to change how some key names are represented. This may be useful,\nfor instance, to translate modifier names that are expressed differently in other languages\n(e.g. `Ctrl` is named `Strg` in German).\n\nIt defaults to a global version that leaves the key as is. You can pass your version as a\nprop, or you can also set your own version of this global default one, so you don't need to\npass your own on each invocation of this component.\n\n```js\nimport { KeyboardShortcut } from '@doist/reactist'\nKeyboardShortcut.setTranslateKey = key => { ... }\n```\n\nNote: When the component detects the macOS operating system it bypasses key translation for\nmost modifiers and uses macOS-specific symbols. See the `isMac` prop for details.",name:"translateKey",required:!1,type:{name:"((key: string) => string) | undefined"}},isMac:{defaultValue:{value:"navigator.platform?.toUpperCase().includes('MAC') ?? false"},description:"This prop is not meant to be passed. The component will automatically initialize it to `true`\nif it detects that the current browser / operating system is on macOS, in which case modifier\nkeys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n\nThough it is discouraged, if you don't want this special treatment in macOS, you can pass\n`isMac={false}` in all invocations of this component.",name:"isMac",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"]={docgenInfo:KeyboardShortcut.__docgenInfo,name:"KeyboardShortcut",path:"src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=KeyboardShortcut},68:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2608);"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||{}},687:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2629);"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||{}},8:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Column})),__webpack_require__.d(__webpack_exports__,"b",(function(){return Columns}));__webpack_require__(1465),__webpack_require__(475),__webpack_require__(17),__webpack_require__(78),__webpack_require__(13),__webpack_require__(47);var react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(0),_type_helpers__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(188),_responsive_props__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(21),_box__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(144),_columns_module_css__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(687),_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_columns_module_css__WEBPACK_IMPORTED_MODULE_10__);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Column=Object(_type_helpers__WEBPACK_IMPORTED_MODULE_7__.a)((function Column(_ref,ref){_ref.component;var _ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,children=_ref.children,props=_objectWithoutProperties(_ref,["component","width","children"]);return react__WEBPACK_IMPORTED_MODULE_6__.createElement(_box__WEBPACK_IMPORTED_MODULE_9__.a,_extends({className:[_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a.column,"content"!==width?Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"columnWidth",width.replace("/","-")):null],minWidth:0,width:"content"!==width?"full":void 0,flexShrink:"content"===width?0:void 0,ref:ref},props),children)})),Columns=Object(_type_helpers__WEBPACK_IMPORTED_MODULE_7__.a)((function Columns(_ref2,ref){var space=_ref2.space,align=_ref2.align,alignY=_ref2.alignY,collapseBelow=_ref2.collapseBelow,children=_ref2.children,props=_objectWithoutProperties(_ref2,["space","align","alignY","collapseBelow","children"]);return react__WEBPACK_IMPORTED_MODULE_6__.createElement(_box__WEBPACK_IMPORTED_MODULE_9__.a,_extends({},props,{className:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.a)(_columns_module_css__WEBPACK_IMPORTED_MODULE_10___default.a,"space",space),flexDirection:"desktop"===collapseBelow?["column","column","row"]:"tablet"===collapseBelow?["column","row"]:"row",display:"flex",alignItems:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(alignY,(function(alignY){switch(alignY){case"top":return"flexStart";case"bottom":return"flexEnd";case"baseline":return"baseline";case"center":default:return"center"}})),justifyContent:Object(_responsive_props__WEBPACK_IMPORTED_MODULE_8__.b)(align,(function(align){return"left"===align?"flexStart":"right"===align?"flexEnd":"center"})),flexGrow:1,ref:ref}),children)}))},986:function(module,exports,__webpack_require__){var api=__webpack_require__(311),content=__webpack_require__(2623);"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||{}}},[[1598,2,3]]]); \ No newline at end of file diff --git a/docs/vendors~main.829136cb.iframe.bundle.js b/docs/vendors~main.1e793df3.iframe.bundle.js similarity index 87% rename from docs/vendors~main.829136cb.iframe.bundle.js rename to docs/vendors~main.1e793df3.iframe.bundle.js index 0c1cffbfa..f2819e62a 100644 --- a/docs/vendors~main.829136cb.iframe.bundle.js +++ b/docs/vendors~main.1e793df3.iframe.bundle.js @@ -1,3 +1,3 @@ -/*! For license information please see vendors~main.829136cb.iframe.bundle.js.LICENSE.txt */ -(window.webpackJsonp=window.webpackJsonp||[]).push([[3],[function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(1972)},function(module,__webpack_exports__,__webpack_require__){"use strict";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}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 _objectSpread2(target){for(var i=1;i=0||(target[key]=source[key]);return target}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=o.length?{done:!0}:{done:!1,value:o[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(it=o[Symbol.iterator]()).next.bind(it)}__webpack_require__.d(__webpack_exports__,"a",(function(){return _objectWithoutPropertiesLoose})),__webpack_require__.d(__webpack_exports__,"b",(function(){return _objectSpread2})),__webpack_require__.d(__webpack_exports__,"c",(function(){return _createForOfIteratorHelperLoose}))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MDXProvider})),__webpack_require__.d(__webpack_exports__,"b",(function(){return createElement}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);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}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 _objectSpread2(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MDXContext=react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext({}),useMDXComponents=function useMDXComponents(components){var contextComponents=react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(MDXContext),allComponents=contextComponents;return components&&(allComponents=function isFunction(obj){return"function"==typeof obj}(components)?components(contextComponents):_objectSpread2(_objectSpread2({},contextComponents),components)),allComponents},MDXProvider=function MDXProvider(props){var allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MDXContext.Provider,{value:allComponents},props.children)},DEFAULTS={inlineCode:"code",wrapper:function wrapper(_ref){var children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,{},children)}},MDXCreateElement=react__WEBPACK_IMPORTED_MODULE_0___default.a.forwardRef((function(props,ref){var propComponents=props.components,mdxType=props.mdxType,originalType=props.originalType,parentName=props.parentName,etc=_objectWithoutProperties(props,["components","mdxType","originalType","parentName"]),components=useMDXComponents(propComponents),type=mdxType,Component=components["".concat(parentName,".").concat(type)]||components[type]||DEFAULTS[type]||originalType;return propComponents?react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Component,_objectSpread2(_objectSpread2({ref:ref},etc),{},{components:propComponents})):react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Component,_objectSpread2({ref:ref},etc))}));function createElement(type,props){var args=arguments,mdxType=props&&props.mdxType;if("string"==typeof type||mdxType){var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=MDXCreateElement;var newProps={};for(var key in props)hasOwnProperty.call(props,key)&&(newProps[key]=props[key]);newProps.originalType=type,newProps.mdxType="string"==typeof type?type:mdxType,createElementArgArray[1]=newProps;for(var i=2;i=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2;return convert(red+lightnessModification,green+lightnessModification,blue+lightnessModification)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsla\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i;function parseToRgb(color){if("string"!=typeof color)throw new polished_esm_PolishedError(3);var normalizedColor=function nameToHex(color){if("string"!=typeof color)return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}(color);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha:alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor);if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var rgbColorString="rgb("+hslToRgb(parseInt(""+hslMatched[1],10),parseInt(""+hslMatched[2],10)/100,parseInt(""+hslMatched[3],10)/100)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new polished_esm_PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor);if(hslaMatched){var _rgbColorString="rgb("+hslToRgb(parseInt(""+hslaMatched[1],10),parseInt(""+hslaMatched[2],10)/100,parseInt(""+hslaMatched[3],10)/100)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new polished_esm_PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])}}throw new polished_esm_PolishedError(5)}function parseToHsl(color){return function rgbToHsl(color){var hue,red=color.red/255,green=color.green/255,blue=color.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return void 0!==color.alpha?{hue:0,saturation:0,lightness:lightness,alpha:color.alpha}:{hue:0,saturation:0,lightness:lightness};var delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex(value,saturation,lightness):"rgba("+hslToRgb(value,saturation,lightness)+","+alpha+")";if("object"==typeof value&&void 0===saturation&&void 0===lightness&&void 0===alpha)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new polished_esm_PolishedError(2)}function rgb(value,green,blue){if("number"==typeof value&&"number"==typeof green&&"number"==typeof blue)return reduceHexValue("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if("object"==typeof value&&void 0===green&&void 0===blue)return reduceHexValue("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new polished_esm_PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if("string"==typeof firstValue&&"number"==typeof secondValue){var rgbValue=parseToRgb(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}if("number"==typeof firstValue&&"number"==typeof secondValue&&"number"==typeof thirdValue&&"number"==typeof fourthValue)return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if("object"==typeof firstValue&&void 0===secondValue&&void 0===thirdValue&&void 0===fourthValue)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")";throw new polished_esm_PolishedError(7)}function toColorString(color){if("object"!=typeof color)throw new polished_esm_PolishedError(8);if(function isRgba(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&"number"==typeof color.alpha}(color))return rgba(color);if(function isRgb(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&("number"!=typeof color.alpha||void 0===color.alpha)}(color))return rgb(color);if(function isHsla(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&"number"==typeof color.alpha}(color))return hsla(color);if(function isHsl(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&("number"!=typeof color.alpha||void 0===color.alpha)}(color))return hsl(color);throw new polished_esm_PolishedError(8)}function curry(f){return function curried(f,length,acc){return function fn(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken);function lighten(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten);function opacify(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends({},parsedColor,{alpha:guard(0,1,(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)+100*parseFloat(amount))/100)}))}var curriedOpacify=curry(opacify);function transparentize(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color);return rgba(_extends({},parsedColor,{alpha:guard(0,1,+(100*("number"==typeof parsedColor.alpha?parsedColor.alpha:1)-100*parseFloat(amount)).toFixed(2)/100)}))}var curriedTransparentize=curry(transparentize)},,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return logger})),__webpack_require__.d(__webpack_exports__,"b",(function(){return once})),__webpack_require__.d(__webpack_exports__,"c",(function(){return pretty}));__webpack_require__(75),__webpack_require__(339),__webpack_require__(130),__webpack_require__(385),__webpack_require__(1942),__webpack_require__(326),__webpack_require__(1570),__webpack_require__(535);var global__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(6),levels={trace:1,debug:2,info:3,warn:4,error:5,silent:10},currentLogLevelString=global__WEBPACK_IMPORTED_MODULE_8__.LOGLEVEL,currentLogLevelNumber=levels[currentLogLevelString]||levels.info,logger={trace:function trace(message){for(var _len=arguments.length,rest=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)rest[_key-1]=arguments[_key];return currentLogLevelNumber<=levels.trace&&global__WEBPACK_IMPORTED_MODULE_8__.console.trace.apply(global__WEBPACK_IMPORTED_MODULE_8__.console,[message].concat(rest))},debug:function debug(message){for(var _len2=arguments.length,rest=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)rest[_key2-1]=arguments[_key2];return currentLogLevelNumber<=levels.debug&&global__WEBPACK_IMPORTED_MODULE_8__.console.debug.apply(global__WEBPACK_IMPORTED_MODULE_8__.console,[message].concat(rest))},info:function info(message){for(var _len3=arguments.length,rest=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)rest[_key3-1]=arguments[_key3];return currentLogLevelNumber<=levels.info&&global__WEBPACK_IMPORTED_MODULE_8__.console.info.apply(global__WEBPACK_IMPORTED_MODULE_8__.console,[message].concat(rest))},warn:function warn(message){for(var _len4=arguments.length,rest=new Array(_len4>1?_len4-1:0),_key4=1;_key4<_len4;_key4++)rest[_key4-1]=arguments[_key4];return currentLogLevelNumber<=levels.warn&&global__WEBPACK_IMPORTED_MODULE_8__.console.warn.apply(global__WEBPACK_IMPORTED_MODULE_8__.console,[message].concat(rest))},error:function error(message){for(var _len5=arguments.length,rest=new Array(_len5>1?_len5-1:0),_key5=1;_key5<_len5;_key5++)rest[_key5-1]=arguments[_key5];return currentLogLevelNumber<=levels.error&&global__WEBPACK_IMPORTED_MODULE_8__.console.error.apply(global__WEBPACK_IMPORTED_MODULE_8__.console,[message].concat(rest))},log:function log(message){for(var _len6=arguments.length,rest=new Array(_len6>1?_len6-1:0),_key6=1;_key6<_len6;_key6++)rest[_key6-1]=arguments[_key6];return currentLogLevelNumber1?_len7-1:0),_key7=1;_key7<_len7;_key7++)rest[_key7-1]=arguments[_key7];return logger[type].apply(logger,[message].concat(rest))}}};once.clear=function(){return logged.clear()},once.trace=once("trace"),once.debug=once("debug"),once.info=once("info"),once.warn=once("warn"),once.error=once("error"),once.log=once("log");var pretty=function pretty(type){return function(){for(var argArray=[],_len8=arguments.length,args=new Array(_len8),_key8=0;_key8<_len8;_key8++)args[_key8]=arguments[_key8];if(args.length){var reResultArray,startTagRe=//gi,endTagRe=/<\/span>/gi;for(argArray.push(args[0].replace(startTagRe,"%c").replace(endTagRe,"%c"));reResultArray=startTagRe.exec(args[0]);)argArray.push(reResultArray[2]),argArray.push("");for(var j=1;j1&&"boolean"!=typeof allowMissing)throw new $TypeError('"allowMissing" argument must be a boolean');var parts=stringToPath(name),intrinsicBaseName=parts.length>0?parts[0]:"",intrinsic=getBaseIntrinsic("%"+intrinsicBaseName+"%",allowMissing),intrinsicRealName=intrinsic.name,value=intrinsic.value,skipFurtherCaching=!1,alias=intrinsic.alias;alias&&(intrinsicBaseName=alias[0],$spliceApply(parts,$concat([0,1],alias)));for(var i=1,isOwn=!0;i=parts.length){var desc=$gOPD(value,part);value=(isOwn=!!desc)&&"get"in desc&&!("originalValue"in desc.get)?desc.get:value[part]}else isOwn=hasOwn(value,part),value=value[part];isOwn&&!skipFurtherCaching&&(INTRINSICS[intrinsicRealName]=value)}}return value}},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(29),global=__webpack_require__(95),getBuiltIn=__webpack_require__(469),IS_PURE=__webpack_require__(635),DESCRIPTORS=__webpack_require__(138),NATIVE_SYMBOL=__webpack_require__(939),USE_SYMBOL_AS_UID=__webpack_require__(1446),fails=__webpack_require__(67),has=__webpack_require__(174),isArray=__webpack_require__(470),isObject=__webpack_require__(151),anObject=__webpack_require__(139),toObject=__webpack_require__(213),toIndexedObject=__webpack_require__(243),toPrimitive=__webpack_require__(631),createPropertyDescriptor=__webpack_require__(468),nativeObjectCreate=__webpack_require__(471),objectKeys=__webpack_require__(638),getOwnPropertyNamesModule=__webpack_require__(935),getOwnPropertyNamesExternal=__webpack_require__(2600),getOwnPropertySymbolsModule=__webpack_require__(938),getOwnPropertyDescriptorModule=__webpack_require__(467),definePropertyModule=__webpack_require__(184),propertyIsEnumerableModule=__webpack_require__(931),createNonEnumerableProperty=__webpack_require__(212),redefine=__webpack_require__(309),shared=__webpack_require__(634),sharedKey=__webpack_require__(633),hiddenKeys=__webpack_require__(636),uid=__webpack_require__(934),wellKnownSymbol=__webpack_require__(77),wrappedWellKnownSymbolModule=__webpack_require__(1448),defineWellKnownSymbol=__webpack_require__(1449),setToStringTag=__webpack_require__(940),InternalStateModule=__webpack_require__(632),$forEach=__webpack_require__(310).forEach,HIDDEN=sharedKey("hidden"),TO_PRIMITIVE=wellKnownSymbol("toPrimitive"),setInternalState=InternalStateModule.set,getInternalState=InternalStateModule.getterFor("Symbol"),ObjectPrototype=Object.prototype,$Symbol=global.Symbol,$stringify=getBuiltIn("JSON","stringify"),nativeGetOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,nativeDefineProperty=definePropertyModule.f,nativeGetOwnPropertyNames=getOwnPropertyNamesExternal.f,nativePropertyIsEnumerable=propertyIsEnumerableModule.f,AllSymbols=shared("symbols"),ObjectPrototypeSymbols=shared("op-symbols"),StringToSymbolRegistry=shared("string-to-symbol-registry"),SymbolToStringRegistry=shared("symbol-to-string-registry"),WellKnownSymbolsStore=shared("wks"),QObject=global.QObject,USE_SETTER=!QObject||!QObject.prototype||!QObject.prototype.findChild,setSymbolDescriptor=DESCRIPTORS&&fails((function(){return 7!=nativeObjectCreate(nativeDefineProperty({},"a",{get:function(){return nativeDefineProperty(this,"a",{value:7}).a}})).a}))?function(O,P,Attributes){var ObjectPrototypeDescriptor=nativeGetOwnPropertyDescriptor(ObjectPrototype,P);ObjectPrototypeDescriptor&&delete ObjectPrototype[P],nativeDefineProperty(O,P,Attributes),ObjectPrototypeDescriptor&&O!==ObjectPrototype&&nativeDefineProperty(ObjectPrototype,P,ObjectPrototypeDescriptor)}:nativeDefineProperty,wrap=function(tag,description){var symbol=AllSymbols[tag]=nativeObjectCreate($Symbol.prototype);return setInternalState(symbol,{type:"Symbol",tag:tag,description:description}),DESCRIPTORS||(symbol.description=description),symbol},isSymbol=USE_SYMBOL_AS_UID?function(it){return"symbol"==typeof it}:function(it){return Object(it)instanceof $Symbol},$defineProperty=function defineProperty(O,P,Attributes){O===ObjectPrototype&&$defineProperty(ObjectPrototypeSymbols,P,Attributes),anObject(O);var key=toPrimitive(P,!0);return anObject(Attributes),has(AllSymbols,key)?(Attributes.enumerable?(has(O,HIDDEN)&&O[HIDDEN][key]&&(O[HIDDEN][key]=!1),Attributes=nativeObjectCreate(Attributes,{enumerable:createPropertyDescriptor(0,!1)})):(has(O,HIDDEN)||nativeDefineProperty(O,HIDDEN,createPropertyDescriptor(1,{})),O[HIDDEN][key]=!0),setSymbolDescriptor(O,key,Attributes)):nativeDefineProperty(O,key,Attributes)},$defineProperties=function defineProperties(O,Properties){anObject(O);var properties=toIndexedObject(Properties),keys=objectKeys(properties).concat($getOwnPropertySymbols(properties));return $forEach(keys,(function(key){DESCRIPTORS&&!$propertyIsEnumerable.call(properties,key)||$defineProperty(O,key,properties[key])})),O},$propertyIsEnumerable=function propertyIsEnumerable(V){var P=toPrimitive(V,!0),enumerable=nativePropertyIsEnumerable.call(this,P);return!(this===ObjectPrototype&&has(AllSymbols,P)&&!has(ObjectPrototypeSymbols,P))&&(!(enumerable||!has(this,P)||!has(AllSymbols,P)||has(this,HIDDEN)&&this[HIDDEN][P])||enumerable)},$getOwnPropertyDescriptor=function getOwnPropertyDescriptor(O,P){var it=toIndexedObject(O),key=toPrimitive(P,!0);if(it!==ObjectPrototype||!has(AllSymbols,key)||has(ObjectPrototypeSymbols,key)){var descriptor=nativeGetOwnPropertyDescriptor(it,key);return!descriptor||!has(AllSymbols,key)||has(it,HIDDEN)&&it[HIDDEN][key]||(descriptor.enumerable=!0),descriptor}},$getOwnPropertyNames=function getOwnPropertyNames(O){var names=nativeGetOwnPropertyNames(toIndexedObject(O)),result=[];return $forEach(names,(function(key){has(AllSymbols,key)||has(hiddenKeys,key)||result.push(key)})),result},$getOwnPropertySymbols=function getOwnPropertySymbols(O){var IS_OBJECT_PROTOTYPE=O===ObjectPrototype,names=nativeGetOwnPropertyNames(IS_OBJECT_PROTOTYPE?ObjectPrototypeSymbols:toIndexedObject(O)),result=[];return $forEach(names,(function(key){!has(AllSymbols,key)||IS_OBJECT_PROTOTYPE&&!has(ObjectPrototype,key)||result.push(AllSymbols[key])})),result};(NATIVE_SYMBOL||(redefine(($Symbol=function Symbol(){if(this instanceof $Symbol)throw TypeError("Symbol is not a constructor");var description=arguments.length&&void 0!==arguments[0]?String(arguments[0]):void 0,tag=uid(description),setter=function(value){this===ObjectPrototype&&setter.call(ObjectPrototypeSymbols,value),has(this,HIDDEN)&&has(this[HIDDEN],tag)&&(this[HIDDEN][tag]=!1),setSymbolDescriptor(this,tag,createPropertyDescriptor(1,value))};return DESCRIPTORS&&USE_SETTER&&setSymbolDescriptor(ObjectPrototype,tag,{configurable:!0,set:setter}),wrap(tag,description)}).prototype,"toString",(function toString(){return getInternalState(this).tag})),redefine($Symbol,"withoutSetter",(function(description){return wrap(uid(description),description)})),propertyIsEnumerableModule.f=$propertyIsEnumerable,definePropertyModule.f=$defineProperty,getOwnPropertyDescriptorModule.f=$getOwnPropertyDescriptor,getOwnPropertyNamesModule.f=getOwnPropertyNamesExternal.f=$getOwnPropertyNames,getOwnPropertySymbolsModule.f=$getOwnPropertySymbols,wrappedWellKnownSymbolModule.f=function(name){return wrap(wellKnownSymbol(name),name)},DESCRIPTORS&&(nativeDefineProperty($Symbol.prototype,"description",{configurable:!0,get:function description(){return getInternalState(this).description}}),IS_PURE||redefine(ObjectPrototype,"propertyIsEnumerable",$propertyIsEnumerable,{unsafe:!0}))),$({global:!0,wrap:!0,forced:!NATIVE_SYMBOL,sham:!NATIVE_SYMBOL},{Symbol:$Symbol}),$forEach(objectKeys(WellKnownSymbolsStore),(function(name){defineWellKnownSymbol(name)})),$({target:"Symbol",stat:!0,forced:!NATIVE_SYMBOL},{for:function(key){var string=String(key);if(has(StringToSymbolRegistry,string))return StringToSymbolRegistry[string];var symbol=$Symbol(string);return StringToSymbolRegistry[string]=symbol,SymbolToStringRegistry[symbol]=string,symbol},keyFor:function keyFor(sym){if(!isSymbol(sym))throw TypeError(sym+" is not a symbol");if(has(SymbolToStringRegistry,sym))return SymbolToStringRegistry[sym]},useSetter:function(){USE_SETTER=!0},useSimple:function(){USE_SETTER=!1}}),$({target:"Object",stat:!0,forced:!NATIVE_SYMBOL,sham:!DESCRIPTORS},{create:function create(O,Properties){return void 0===Properties?nativeObjectCreate(O):$defineProperties(nativeObjectCreate(O),Properties)},defineProperty:$defineProperty,defineProperties:$defineProperties,getOwnPropertyDescriptor:$getOwnPropertyDescriptor}),$({target:"Object",stat:!0,forced:!NATIVE_SYMBOL},{getOwnPropertyNames:$getOwnPropertyNames,getOwnPropertySymbols:$getOwnPropertySymbols}),$({target:"Object",stat:!0,forced:fails((function(){getOwnPropertySymbolsModule.f(1)}))},{getOwnPropertySymbols:function getOwnPropertySymbols(it){return getOwnPropertySymbolsModule.f(toObject(it))}}),$stringify)&&$({target:"JSON",stat:!0,forced:!NATIVE_SYMBOL||fails((function(){var symbol=$Symbol();return"[null]"!=$stringify([symbol])||"{}"!=$stringify({a:symbol})||"{}"!=$stringify(Object(symbol))}))},{stringify:function stringify(it,replacer,space){for(var $replacer,args=[it],index=1;arguments.length>index;)args.push(arguments[index++]);if($replacer=replacer,(isObject(replacer)||void 0!==it)&&!isSymbol(it))return isArray(replacer)||(replacer=function(key,value){if("function"==typeof $replacer&&(value=$replacer.call(this,key,value)),!isSymbol(value))return value}),args[1]=replacer,$stringify.apply(null,args)}});$Symbol.prototype[TO_PRIMITIVE]||createNonEnumerableProperty($Symbol.prototype,TO_PRIMITIVE,$Symbol.prototype.valueOf),setToStringTag($Symbol,"Symbol"),hiddenKeys[HIDDEN]=!0},function(module,exports,__webpack_require__){"use strict";var $TypeError=TypeError,$gOPD=Object.getOwnPropertyDescriptor;if($gOPD)try{$gOPD({},"")}catch(e){$gOPD=null}var throwTypeError=function(){throw new $TypeError},ThrowTypeError=$gOPD?function(){try{return throwTypeError}catch(calleeThrows){try{return $gOPD(arguments,"callee").get}catch(gOPDthrows){return throwTypeError}}}():throwTypeError,hasSymbols=__webpack_require__(145)(),getProto=Object.getPrototypeOf||function(x){return x.__proto__},asyncGenIterator=void 0,TypedArray="undefined"==typeof Uint8Array?void 0:getProto(Uint8Array),INTRINSICS={"%Array%":Array,"%ArrayBuffer%":"undefined"==typeof ArrayBuffer?void 0:ArrayBuffer,"%ArrayBufferPrototype%":"undefined"==typeof ArrayBuffer?void 0:ArrayBuffer.prototype,"%ArrayIteratorPrototype%":hasSymbols?getProto([][Symbol.iterator]()):void 0,"%ArrayPrototype%":Array.prototype,"%ArrayProto_entries%":Array.prototype.entries,"%ArrayProto_forEach%":Array.prototype.forEach,"%ArrayProto_keys%":Array.prototype.keys,"%ArrayProto_values%":Array.prototype.values,"%AsyncFromSyncIteratorPrototype%":void 0,"%AsyncFunction%":void 0,"%AsyncFunctionPrototype%":void 0,"%AsyncGenerator%":void 0,"%AsyncGeneratorFunction%":void 0,"%AsyncGeneratorPrototype%":void 0,"%AsyncIteratorPrototype%":asyncGenIterator&&hasSymbols&&Symbol.asyncIterator?asyncGenIterator[Symbol.asyncIterator]():void 0,"%Atomics%":"undefined"==typeof Atomics?void 0:Atomics,"%Boolean%":Boolean,"%BooleanPrototype%":Boolean.prototype,"%DataView%":"undefined"==typeof DataView?void 0:DataView,"%DataViewPrototype%":"undefined"==typeof DataView?void 0:DataView.prototype,"%Date%":Date,"%DatePrototype%":Date.prototype,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%ErrorPrototype%":Error.prototype,"%eval%":eval,"%EvalError%":EvalError,"%EvalErrorPrototype%":EvalError.prototype,"%Float32Array%":"undefined"==typeof Float32Array?void 0:Float32Array,"%Float32ArrayPrototype%":"undefined"==typeof Float32Array?void 0:Float32Array.prototype,"%Float64Array%":"undefined"==typeof Float64Array?void 0:Float64Array,"%Float64ArrayPrototype%":"undefined"==typeof Float64Array?void 0:Float64Array.prototype,"%Function%":Function,"%FunctionPrototype%":Function.prototype,"%Generator%":void 0,"%GeneratorFunction%":void 0,"%GeneratorPrototype%":void 0,"%Int8Array%":"undefined"==typeof Int8Array?void 0:Int8Array,"%Int8ArrayPrototype%":"undefined"==typeof Int8Array?void 0:Int8Array.prototype,"%Int16Array%":"undefined"==typeof Int16Array?void 0:Int16Array,"%Int16ArrayPrototype%":"undefined"==typeof Int16Array?void 0:Int8Array.prototype,"%Int32Array%":"undefined"==typeof Int32Array?void 0:Int32Array,"%Int32ArrayPrototype%":"undefined"==typeof Int32Array?void 0:Int32Array.prototype,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":hasSymbols?getProto(getProto([][Symbol.iterator]())):void 0,"%JSON%":"object"==typeof JSON?JSON:void 0,"%JSONParse%":"object"==typeof JSON?JSON.parse:void 0,"%Map%":"undefined"==typeof Map?void 0:Map,"%MapIteratorPrototype%":"undefined"!=typeof Map&&hasSymbols?getProto((new Map)[Symbol.iterator]()):void 0,"%MapPrototype%":"undefined"==typeof Map?void 0:Map.prototype,"%Math%":Math,"%Number%":Number,"%NumberPrototype%":Number.prototype,"%Object%":Object,"%ObjectPrototype%":Object.prototype,"%ObjProto_toString%":Object.prototype.toString,"%ObjProto_valueOf%":Object.prototype.valueOf,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":"undefined"==typeof Promise?void 0:Promise,"%PromisePrototype%":"undefined"==typeof Promise?void 0:Promise.prototype,"%PromiseProto_then%":"undefined"==typeof Promise?void 0:Promise.prototype.then,"%Promise_all%":"undefined"==typeof Promise?void 0:Promise.all,"%Promise_reject%":"undefined"==typeof Promise?void 0:Promise.reject,"%Promise_resolve%":"undefined"==typeof Promise?void 0:Promise.resolve,"%Proxy%":"undefined"==typeof Proxy?void 0:Proxy,"%RangeError%":RangeError,"%RangeErrorPrototype%":RangeError.prototype,"%ReferenceError%":ReferenceError,"%ReferenceErrorPrototype%":ReferenceError.prototype,"%Reflect%":"undefined"==typeof Reflect?void 0:Reflect,"%RegExp%":RegExp,"%RegExpPrototype%":RegExp.prototype,"%Set%":"undefined"==typeof Set?void 0:Set,"%SetIteratorPrototype%":"undefined"!=typeof Set&&hasSymbols?getProto((new Set)[Symbol.iterator]()):void 0,"%SetPrototype%":"undefined"==typeof Set?void 0:Set.prototype,"%SharedArrayBuffer%":"undefined"==typeof SharedArrayBuffer?void 0:SharedArrayBuffer,"%SharedArrayBufferPrototype%":"undefined"==typeof SharedArrayBuffer?void 0:SharedArrayBuffer.prototype,"%String%":String,"%StringIteratorPrototype%":hasSymbols?getProto(""[Symbol.iterator]()):void 0,"%StringPrototype%":String.prototype,"%Symbol%":hasSymbols?Symbol:void 0,"%SymbolPrototype%":hasSymbols?Symbol.prototype:void 0,"%SyntaxError%":SyntaxError,"%SyntaxErrorPrototype%":SyntaxError.prototype,"%ThrowTypeError%":ThrowTypeError,"%TypedArray%":TypedArray,"%TypedArrayPrototype%":TypedArray?TypedArray.prototype:void 0,"%TypeError%":$TypeError,"%TypeErrorPrototype%":$TypeError.prototype,"%Uint8Array%":"undefined"==typeof Uint8Array?void 0:Uint8Array,"%Uint8ArrayPrototype%":"undefined"==typeof Uint8Array?void 0:Uint8Array.prototype,"%Uint8ClampedArray%":"undefined"==typeof Uint8ClampedArray?void 0:Uint8ClampedArray,"%Uint8ClampedArrayPrototype%":"undefined"==typeof Uint8ClampedArray?void 0:Uint8ClampedArray.prototype,"%Uint16Array%":"undefined"==typeof Uint16Array?void 0:Uint16Array,"%Uint16ArrayPrototype%":"undefined"==typeof Uint16Array?void 0:Uint16Array.prototype,"%Uint32Array%":"undefined"==typeof Uint32Array?void 0:Uint32Array,"%Uint32ArrayPrototype%":"undefined"==typeof Uint32Array?void 0:Uint32Array.prototype,"%URIError%":URIError,"%URIErrorPrototype%":URIError.prototype,"%WeakMap%":"undefined"==typeof WeakMap?void 0:WeakMap,"%WeakMapPrototype%":"undefined"==typeof WeakMap?void 0:WeakMap.prototype,"%WeakSet%":"undefined"==typeof WeakSet?void 0:WeakSet,"%WeakSetPrototype%":"undefined"==typeof WeakSet?void 0:WeakSet.prototype},$replace=__webpack_require__(329).call(Function.call,String.prototype.replace),rePropName=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,reEscapeChar=/\\(\\)?/g,stringToPath=function stringToPath(string){var result=[];return $replace(string,rePropName,(function(match,number,quote,subString){result[result.length]=quote?$replace(subString,reEscapeChar,"$1"):number||match})),result},getBaseIntrinsic=function getBaseIntrinsic(name,allowMissing){if(!(name in INTRINSICS))throw new SyntaxError("intrinsic "+name+" does not exist!");if(void 0===INTRINSICS[name]&&!allowMissing)throw new $TypeError("intrinsic "+name+" exists, but is not available. Please file an issue!");return INTRINSICS[name]};module.exports=function GetIntrinsic(name,allowMissing){if("string"!=typeof name||0===name.length)throw new TypeError("intrinsic name must be a non-empty string");if(arguments.length>1&&"boolean"!=typeof allowMissing)throw new TypeError('"allowMissing" argument must be a boolean');for(var parts=stringToPath(name),value=getBaseIntrinsic("%"+(parts.length>0?parts[0]:"")+"%",allowMissing),i=1;i=parts.length){var desc=$gOPD(value,parts[i]);if(!allowMissing&&!(parts[i]in value))throw new $TypeError("base intrinsic for "+name+" exists, but the property is not available.");value=desc?desc.get||desc.value:value[parts[i]]}else value=value[parts[i]];return value}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return headerCommon})),__webpack_require__.d(__webpack_exports__,"a",(function(){return codeCommon})),__webpack_require__.d(__webpack_exports__,"d",(function(){return withReset})),__webpack_require__.d(__webpack_exports__,"c",(function(){return withMargin}));var polished__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7),headerCommon=function headerCommon(_ref){return{margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:_ref.theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}},codeCommon=function codeCommon(_ref2){var theme=_ref2.theme;return{lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:"light"===theme.base?"1px solid ".concat(theme.color.mediumlight):"1px solid ".concat(theme.color.darker),color:"light"===theme.base?Object(polished__WEBPACK_IMPORTED_MODULE_0__.e)(.1,theme.color.defaultText):Object(polished__WEBPACK_IMPORTED_MODULE_0__.e)(.3,theme.color.defaultText),backgroundColor:"light"===theme.base?theme.color.lighter:theme.color.border}},withReset=function withReset(_ref3){var theme=_ref3.theme;return{fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}},withMargin={margin:"16px 0"}},,function(module,exports,__webpack_require__){var $=__webpack_require__(29),toObject=__webpack_require__(213),nativeKeys=__webpack_require__(638);$({target:"Object",stat:!0,forced:__webpack_require__(67)((function(){nativeKeys(1)}))},{keys:function keys(it){return nativeKeys(toObject(it))}})},function(module,__webpack_exports__,__webpack_require__){"use strict";var events;__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"CHANNEL_CREATED",(function(){return CHANNEL_CREATED})),__webpack_require__.d(__webpack_exports__,"STORY_SPECIFIED",(function(){return STORY_SPECIFIED})),__webpack_require__.d(__webpack_exports__,"SET_STORIES",(function(){return SET_STORIES})),__webpack_require__.d(__webpack_exports__,"SET_CURRENT_STORY",(function(){return SET_CURRENT_STORY})),__webpack_require__.d(__webpack_exports__,"CURRENT_STORY_WAS_SET",(function(){return CURRENT_STORY_WAS_SET})),__webpack_require__.d(__webpack_exports__,"FORCE_RE_RENDER",(function(){return FORCE_RE_RENDER})),__webpack_require__.d(__webpack_exports__,"STORY_CHANGED",(function(){return STORY_CHANGED})),__webpack_require__.d(__webpack_exports__,"STORY_UNCHANGED",(function(){return STORY_UNCHANGED})),__webpack_require__.d(__webpack_exports__,"STORY_RENDERED",(function(){return STORY_RENDERED})),__webpack_require__.d(__webpack_exports__,"STORY_MISSING",(function(){return STORY_MISSING})),__webpack_require__.d(__webpack_exports__,"STORY_ERRORED",(function(){return STORY_ERRORED})),__webpack_require__.d(__webpack_exports__,"STORY_THREW_EXCEPTION",(function(){return STORY_THREW_EXCEPTION})),__webpack_require__.d(__webpack_exports__,"UPDATE_STORY_ARGS",(function(){return UPDATE_STORY_ARGS})),__webpack_require__.d(__webpack_exports__,"STORY_ARGS_UPDATED",(function(){return STORY_ARGS_UPDATED})),__webpack_require__.d(__webpack_exports__,"RESET_STORY_ARGS",(function(){return RESET_STORY_ARGS})),__webpack_require__.d(__webpack_exports__,"UPDATE_GLOBALS",(function(){return UPDATE_GLOBALS})),__webpack_require__.d(__webpack_exports__,"GLOBALS_UPDATED",(function(){return GLOBALS_UPDATED})),__webpack_require__.d(__webpack_exports__,"REGISTER_SUBSCRIPTION",(function(){return REGISTER_SUBSCRIPTION})),__webpack_require__.d(__webpack_exports__,"PREVIEW_KEYDOWN",(function(){return PREVIEW_KEYDOWN})),__webpack_require__.d(__webpack_exports__,"SELECT_STORY",(function(){return SELECT_STORY})),__webpack_require__.d(__webpack_exports__,"STORIES_COLLAPSE_ALL",(function(){return STORIES_COLLAPSE_ALL})),__webpack_require__.d(__webpack_exports__,"STORIES_EXPAND_ALL",(function(){return STORIES_EXPAND_ALL})),__webpack_require__.d(__webpack_exports__,"DOCS_RENDERED",(function(){return DOCS_RENDERED})),__webpack_require__.d(__webpack_exports__,"SHARED_STATE_CHANGED",(function(){return SHARED_STATE_CHANGED})),__webpack_require__.d(__webpack_exports__,"SHARED_STATE_SET",(function(){return SHARED_STATE_SET})),__webpack_require__.d(__webpack_exports__,"NAVIGATE_URL",(function(){return NAVIGATE_URL})),function(events){events.CHANNEL_CREATED="channelCreated",events.STORY_SPECIFIED="storySpecified",events.SET_STORIES="setStories",events.SET_CURRENT_STORY="setCurrentStory",events.CURRENT_STORY_WAS_SET="currentStoryWasSet",events.FORCE_RE_RENDER="forceReRender",events.STORY_CHANGED="storyChanged",events.STORY_UNCHANGED="storyUnchanged",events.STORY_RENDERED="storyRendered",events.STORY_MISSING="storyMissing",events.STORY_ERRORED="storyErrored",events.STORY_THREW_EXCEPTION="storyThrewException",events.UPDATE_STORY_ARGS="updateStoryArgs",events.STORY_ARGS_UPDATED="storyArgsUpdated",events.RESET_STORY_ARGS="resetStoryArgs",events.UPDATE_GLOBALS="updateGlobals",events.GLOBALS_UPDATED="globalsUpdated",events.REGISTER_SUBSCRIPTION="registerSubscription",events.PREVIEW_KEYDOWN="previewKeydown",events.SELECT_STORY="selectStory",events.STORIES_COLLAPSE_ALL="storiesCollapseAll",events.STORIES_EXPAND_ALL="storiesExpandAll",events.DOCS_RENDERED="docsRendered",events.SHARED_STATE_CHANGED="sharedStateChanged",events.SHARED_STATE_SET="sharedStateSet",events.NAVIGATE_URL="navigateUrl"}(events||(events={})),__webpack_exports__.default=events;var CHANNEL_CREATED=events.CHANNEL_CREATED,STORY_SPECIFIED=events.STORY_SPECIFIED,SET_STORIES=events.SET_STORIES,SET_CURRENT_STORY=events.SET_CURRENT_STORY,CURRENT_STORY_WAS_SET=events.CURRENT_STORY_WAS_SET,FORCE_RE_RENDER=events.FORCE_RE_RENDER,STORY_CHANGED=events.STORY_CHANGED,STORY_UNCHANGED=events.STORY_UNCHANGED,STORY_RENDERED=events.STORY_RENDERED,STORY_MISSING=events.STORY_MISSING,STORY_ERRORED=events.STORY_ERRORED,STORY_THREW_EXCEPTION=events.STORY_THREW_EXCEPTION,UPDATE_STORY_ARGS=events.UPDATE_STORY_ARGS,STORY_ARGS_UPDATED=events.STORY_ARGS_UPDATED,RESET_STORY_ARGS=events.RESET_STORY_ARGS,UPDATE_GLOBALS=events.UPDATE_GLOBALS,GLOBALS_UPDATED=events.GLOBALS_UPDATED,REGISTER_SUBSCRIPTION=events.REGISTER_SUBSCRIPTION,PREVIEW_KEYDOWN=events.PREVIEW_KEYDOWN,SELECT_STORY=events.SELECT_STORY,STORIES_COLLAPSE_ALL=events.STORIES_COLLAPSE_ALL,STORIES_EXPAND_ALL=events.STORIES_EXPAND_ALL,DOCS_RENDERED=events.DOCS_RENDERED,SHARED_STATE_CHANGED=events.SHARED_STATE_CHANGED,SHARED_STATE_SET=events.SHARED_STATE_SET,NAVIGATE_URL=events.NAVIGATE_URL},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return createHook}));var react=__webpack_require__(0),SystemContext=__webpack_require__(277);function useToken(token,defaultValue){Object(react.useDebugValue)(token);var context=Object(react.useContext)(SystemContext.a);return null!=context[token]?context[token]:defaultValue}var _rollupPluginBabelHelpers_0c84a174=__webpack_require__(114);var shallowEqual=__webpack_require__(40);function createHook(options){var _options$useState,_composedHooks$,composedHooks=function toArray(arg){return Array.isArray(arg)?arg:void 0!==arg?[arg]:[]}(options.compose),__useOptions=function __useOptions(hookOptions,htmlProps){if(options.useOptions&&(hookOptions=options.useOptions(hookOptions,htmlProps)),options.name&&(hookOptions=function useOptions(name,options,htmlProps){void 0===options&&(options={}),void 0===htmlProps&&(htmlProps={});var hookName="use"+name+"Options";Object(react.useDebugValue)(hookName);var useHook=useToken(hookName);return useHook?Object(_rollupPluginBabelHelpers_0c84a174.a)(Object(_rollupPluginBabelHelpers_0c84a174.a)({},options),useHook(options,htmlProps)):options}(options.name,hookOptions,htmlProps)),options.compose)for(var _step,_iterator=Object(_rollupPluginBabelHelpers_0c84a174.c)(composedHooks);!(_step=_iterator()).done;){hookOptions=_step.value.__useOptions(hookOptions,htmlProps)}return hookOptions},useHook=function useHook(hookOptions,htmlProps,unstable_ignoreUseOptions){if(void 0===hookOptions&&(hookOptions={}),void 0===htmlProps&&(htmlProps={}),void 0===unstable_ignoreUseOptions&&(unstable_ignoreUseOptions=!1),unstable_ignoreUseOptions||(hookOptions=__useOptions(hookOptions,htmlProps)),options.useProps&&(htmlProps=options.useProps(hookOptions,htmlProps)),options.name&&(htmlProps=function useProps(name,options,htmlProps){void 0===options&&(options={}),void 0===htmlProps&&(htmlProps={});var hookName="use"+name+"Props";Object(react.useDebugValue)(hookName);var useHook=useToken(hookName);return useHook?useHook(options,htmlProps):htmlProps}(options.name,hookOptions,htmlProps)),options.compose)if(options.useComposeOptions&&(hookOptions=options.useComposeOptions(hookOptions,htmlProps)),options.useComposeProps)htmlProps=options.useComposeProps(hookOptions,htmlProps);else for(var _step2,_iterator2=Object(_rollupPluginBabelHelpers_0c84a174.c)(composedHooks);!(_step2=_iterator2()).done;){htmlProps=(0,_step2.value)(hookOptions,htmlProps,!0)}var finalHTMLProps={},definedHTMLProps=htmlProps||{};for(var prop in definedHTMLProps)void 0!==definedHTMLProps[prop]&&(finalHTMLProps[prop]=definedHTMLProps[prop]);return finalHTMLProps};useHook.__useOptions=__useOptions;var composedKeys=composedHooks.reduce((function(keys,hook){return keys.push.apply(keys,hook.__keys||[]),keys}),[]);return useHook.__keys=[].concat(composedKeys,(null===(_options$useState=options.useState)||void 0===_options$useState?void 0:_options$useState.__keys)||[],options.keys||[]),useHook.unstable_propsAreEqual=options.propsAreEqual||(null===(_composedHooks$=composedHooks[0])||void 0===_composedHooks$?void 0:_composedHooks$.unstable_propsAreEqual)||shallowEqual.a,useHook}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return createComponent}));var react=__webpack_require__(0),_rollupPluginBabelHelpers_0c84a174=__webpack_require__(114),useCreateElement=__webpack_require__(178),_rollupPluginBabelHelpers_1f0bf8c2=__webpack_require__(222),isObject=__webpack_require__(249);function isPlainObject(arg){var _proto$constructor;if(!Object(isObject.a)(arg))return!1;var proto=Object.getPrototypeOf(arg);return null==proto||(null===(_proto$constructor=proto.constructor)||void 0===_proto$constructor?void 0:_proto$constructor.toString())===Object.toString()}function splitProps(props,keys){if(!isPlainObject(props.state)&&keys)return function __deprecatedSplitProps(props,keys){for(var picked={},omitted={},_i=0,_propsKeys=Object.keys(props);_i<_propsKeys.length;_i++){var key=_propsKeys[_i];keys.indexOf(key)>=0?picked[key]=props[key]:omitted[key]=props[key]}return[picked,omitted]}(props,keys);props.state;var restProps=Object(_rollupPluginBabelHelpers_1f0bf8c2.a)(props,["state"]);return[props.state,restProps]}var shallowEqual=__webpack_require__(40);function normalizePropsAreEqual(propsAreEqual){return"normalizePropsAreEqualInner"===propsAreEqual.name?propsAreEqual:function normalizePropsAreEqualInner(prev,next){return isPlainObject(prev.state)&&isPlainObject(next.state)?propsAreEqual(Object(_rollupPluginBabelHelpers_1f0bf8c2.b)(Object(_rollupPluginBabelHelpers_1f0bf8c2.b)({},prev.state),prev),Object(_rollupPluginBabelHelpers_1f0bf8c2.b)(Object(_rollupPluginBabelHelpers_1f0bf8c2.b)({},next.state),next)):propsAreEqual(prev,next)}}function createComponent(_ref){var type=_ref.as,useHook=_ref.useHook,shouldMemo=_ref.memo,_ref$propsAreEqual=_ref.propsAreEqual,propsAreEqual=void 0===_ref$propsAreEqual?null==useHook?void 0:useHook.unstable_propsAreEqual:_ref$propsAreEqual,_ref$keys=_ref.keys,keys=void 0===_ref$keys?(null==useHook?void 0:useHook.__keys)||[]:_ref$keys,_ref$useCreateElement=_ref.useCreateElement,useCreateElement$1=void 0===_ref$useCreateElement?useCreateElement.a:_ref$useCreateElement,Comp=function Comp(_ref2,ref){var _ref2$as=_ref2.as,as=void 0===_ref2$as?type:_ref2$as,props=Object(_rollupPluginBabelHelpers_0c84a174.b)(_ref2,["as"]);if(useHook){var _as$render,_splitProps=splitProps(props,keys),_options=_splitProps[0],htmlProps=_splitProps[1],_useHook=useHook(_options,Object(_rollupPluginBabelHelpers_0c84a174.a)({ref:ref},htmlProps)),wrapElement=_useHook.wrapElement,elementProps=Object(_rollupPluginBabelHelpers_0c84a174.b)(_useHook,["wrapElement"]),asKeys=(null===(_as$render=as.render)||void 0===_as$render?void 0:_as$render.__keys)||as.__keys,asOptions=asKeys&&splitProps(props,asKeys)[0],allProps=isPlainObject(props.state)&&"string"!=typeof as?Object(_rollupPluginBabelHelpers_0c84a174.a)({state:props.state},elementProps):asOptions?Object(_rollupPluginBabelHelpers_0c84a174.a)(Object(_rollupPluginBabelHelpers_0c84a174.a)({},elementProps),asOptions):elementProps,_element=useCreateElement$1(as,allProps);return wrapElement?wrapElement(_element):_element}return useCreateElement$1(as,Object(_rollupPluginBabelHelpers_0c84a174.a)({ref:ref},props))};return Comp=function forwardRef(component){return Object(react.forwardRef)(component)}(Comp),shouldMemo&&(Comp=function memo(component,propsAreEqual){return Object(react.memo)(component,propsAreEqual)}(Comp,propsAreEqual&&normalizePropsAreEqual(propsAreEqual))),Comp.__keys=keys,Comp.unstable_propsAreEqual=normalizePropsAreEqual(propsAreEqual||shallowEqual.a),Comp}},,function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i=0&&stylesInsertedAtTop.splice(idx,1)}function createStyleElement(options){var style=document.createElement("style");if(void 0===options.attrs.type&&(options.attrs.type="text/css"),void 0===options.attrs.nonce){var nonce=function getNonce(){0;return __webpack_require__.nc}();nonce&&(options.attrs.nonce=nonce)}return addAttrs(style,options.attrs),insertStyleElement(options,style),style}function addAttrs(el,attrs){Object.keys(attrs).forEach((function(key){el.setAttribute(key,attrs[key])}))}function addStyle(obj,options){var style,update,remove,result;if(options.transform&&obj.css){if(!(result="function"==typeof options.transform?options.transform(obj.css):options.transform.default(obj.css)))return function(){};obj.css=result}if(options.singleton){var styleIndex=singletonCounter++;style=singleton||(singleton=createStyleElement(options)),update=applyToSingletonTag.bind(null,style,styleIndex,!1),remove=applyToSingletonTag.bind(null,style,styleIndex,!0)}else obj.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(style=function createLinkElement(options){var link=document.createElement("link");return void 0===options.attrs.type&&(options.attrs.type="text/css"),options.attrs.rel="stylesheet",addAttrs(link,options.attrs),insertStyleElement(options,link),link}(options),update=updateLink.bind(null,style,options),remove=function(){removeStyleElement(style),style.href&&URL.revokeObjectURL(style.href)}):(style=createStyleElement(options),update=applyToTag.bind(null,style),remove=function(){removeStyleElement(style)});return update(obj),function updateStyle(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap)return;update(obj=newObj)}else remove()}}module.exports=function(list,options){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(options=options||{}).attrs="object"==typeof options.attrs?options.attrs:{},options.singleton||"boolean"==typeof options.singleton||(options.singleton=isOldIE()),options.insertInto||(options.insertInto="head"),options.insertAt||(options.insertAt="bottom");var styles=listToStyles(list,options);return addStylesToDom(styles,options),function update(newList){for(var mayRemove=[],i=0;i1?arguments[1]:void 0)}})},function(module,exports,__webpack_require__){var $=__webpack_require__(29),fails=__webpack_require__(67),toIndexedObject=__webpack_require__(243),nativeGetOwnPropertyDescriptor=__webpack_require__(467).f,DESCRIPTORS=__webpack_require__(138),FAILS_ON_PRIMITIVES=fails((function(){nativeGetOwnPropertyDescriptor(1)}));$({target:"Object",stat:!0,forced:!DESCRIPTORS||FAILS_ON_PRIMITIVES,sham:!DESCRIPTORS},{getOwnPropertyDescriptor:function getOwnPropertyDescriptor(it,key){return nativeGetOwnPropertyDescriptor(toIndexedObject(it),key)}})},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(29),forEach=__webpack_require__(1452);$({target:"Array",proto:!0,forced:[].forEach!=forEach},{forEach:forEach})},function(module,exports,__webpack_require__){var global=__webpack_require__(95),DOMIterables=__webpack_require__(1453),forEach=__webpack_require__(1452),createNonEnumerableProperty=__webpack_require__(212);for(var COLLECTION_NAME in DOMIterables){var Collection=global[COLLECTION_NAME],CollectionPrototype=Collection&&Collection.prototype;if(CollectionPrototype&&CollectionPrototype.forEach!==forEach)try{createNonEnumerableProperty(CollectionPrototype,"forEach",forEach)}catch(error){CollectionPrototype.forEach=forEach}}},function(module,exports,__webpack_require__){var $=__webpack_require__(29),DESCRIPTORS=__webpack_require__(138),ownKeys=__webpack_require__(1440),toIndexedObject=__webpack_require__(243),getOwnPropertyDescriptorModule=__webpack_require__(467),createProperty=__webpack_require__(642);$({target:"Object",stat:!0,sham:!DESCRIPTORS},{getOwnPropertyDescriptors:function getOwnPropertyDescriptors(object){for(var key,descriptor,O=toIndexedObject(object),getOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,keys=ownKeys(O),result={},index=0;keys.length>index;)void 0!==(descriptor=getOwnPropertyDescriptor(O,key=keys[index++]))&&createProperty(result,key,descriptor);return result}})},function(module,exports,__webpack_require__){var $=__webpack_require__(29),DESCRIPTORS=__webpack_require__(138);$({target:"Object",stat:!0,forced:!DESCRIPTORS,sham:!DESCRIPTORS},{defineProperties:__webpack_require__(1447)})},function(module,__webpack_exports__,__webpack_require__){"use strict";function shallowEqual(objA,objB){if(objA===objB)return!0;if(!objA)return!1;if(!objB)return!1;if("object"!=typeof objA)return!1;if("object"!=typeof objB)return!1;var aKeys=Object.keys(objA),bKeys=Object.keys(objB),length=aKeys.length;if(bKeys.length!==length)return!1;for(var _i=0,_aKeys=aKeys;_i<_aKeys.length;_i++){var key=_aKeys[_i];if(objA[key]!==objB[key])return!1}return!0}__webpack_require__.d(__webpack_exports__,"a",(function(){return shallowEqual}))},,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"c",(function(){return isTooLongForTypeSummary})),__webpack_require__.d(__webpack_exports__,"b",(function(){return isTooLongForDefaultValueSummary})),__webpack_require__.d(__webpack_exports__,"a",(function(){return createSummaryValue}));__webpack_require__(83),__webpack_require__(137);function isTooLongForTypeSummary(value){return value.length>90}function isTooLongForDefaultValueSummary(value){return value.length>50}function createSummaryValue(summary,detail){return summary===detail?{summary:summary}:{summary:summary,detail:detail}}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getActiveElement}));var _getDocument_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(23);function getActiveElement(element){var activeElement=Object(_getDocument_js__WEBPACK_IMPORTED_MODULE_0__.a)(element).activeElement;return(null==activeElement?void 0:activeElement.nodeName)?activeElement:null}},function(module,__webpack_exports__,__webpack_require__){"use strict";function isSelfTarget(event){return event.target===event.currentTarget}__webpack_require__.d(__webpack_exports__,"a",(function(){return isSelfTarget}))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useForkRef}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0);function setRef(ref,value){void 0===value&&(value=null),ref&&("function"==typeof ref?ref(value):ref.current=value)}function useForkRef(refA,refB){return Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){return null==refA&&null==refB?null:function(value){setRef(refA,value),setRef(refB,value)}}),[refA,refB])}},function(module,exports,__webpack_require__){var global=__webpack_require__(58),getOwnPropertyDescriptor=__webpack_require__(350).f,createNonEnumerableProperty=__webpack_require__(204),redefine=__webpack_require__(205),setGlobal=__webpack_require__(828),copyConstructorProperties=__webpack_require__(1219),isForced=__webpack_require__(573);module.exports=function(options,source){var target,key,targetProperty,sourceProperty,descriptor,TARGET=options.target,GLOBAL=options.global,STATIC=options.stat;if(target=GLOBAL?global:STATIC?global[TARGET]||setGlobal(TARGET,{}):(global[TARGET]||{}).prototype)for(key in source){if(sourceProperty=source[key],targetProperty=options.noTargetGet?(descriptor=getOwnPropertyDescriptor(target,key))&&descriptor.value:target[key],!isForced(GLOBAL?key:TARGET+(STATIC?".":"#")+key,options.forced)&&void 0!==targetProperty){if(typeof sourceProperty==typeof targetProperty)continue;copyConstructorProperties(sourceProperty,targetProperty)}(options.sham||targetProperty&&targetProperty.sham)&&createNonEnumerableProperty(sourceProperty,"sham",!0),redefine(target,key,sourceProperty,options)}}},function(module,exports,__webpack_require__){var $=__webpack_require__(29),assign=__webpack_require__(2607);$({target:"Object",stat:!0,forced:Object.assign!==assign},{assign:assign})},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return canUseDOM}));var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(320);var canUseDOM=function checkIsBrowser(){var _window=Object(_getWindow_js__WEBPACK_IMPORTED_MODULE_0__.a)();return Boolean(void 0!==_window&&_window.document&&_window.document.createElement)}()},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},function(module,exports,__webpack_require__){var global=__webpack_require__(92),getOwnPropertyDescriptor=__webpack_require__(451).f,createNonEnumerableProperty=__webpack_require__(208),redefine=__webpack_require__(209),setGlobal=__webpack_require__(869),copyConstructorProperties=__webpack_require__(1303),isForced=__webpack_require__(1307);module.exports=function(options,source){var target,key,targetProperty,sourceProperty,descriptor,TARGET=options.target,GLOBAL=options.global,STATIC=options.stat;if(target=GLOBAL?global:STATIC?global[TARGET]||setGlobal(TARGET,{}):(global[TARGET]||{}).prototype)for(key in source){if(sourceProperty=source[key],targetProperty=options.noTargetGet?(descriptor=getOwnPropertyDescriptor(target,key))&&descriptor.value:target[key],!isForced(GLOBAL?key:TARGET+(STATIC?".":"#")+key,options.forced)&&void 0!==targetProperty){if(typeof sourceProperty==typeof targetProperty)continue;copyConstructorProperties(sourceProperty,targetProperty)}(options.sham||targetProperty&&targetProperty.sham)&&createNonEnumerableProperty(sourceProperty,"sham",!0),redefine(target,key,sourceProperty,options)}}},function(module,exports,__webpack_require__){"use strict";!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE){0;try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}}(),module.exports=__webpack_require__(1973)},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useRole}));var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(20),reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(19),reakit_utils_shallowEqual__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(40),useRole=Object(reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__.a)({name:"Role",keys:["unstable_system"],propsAreEqual:function propsAreEqual(prev,next){var prevSystem=prev.unstable_system,prevProps=Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__.a)(prev,["unstable_system"]),nextSystem=next.unstable_system,nextProps=Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__.a)(next,["unstable_system"]);return!(prevSystem!==nextSystem&&!Object(reakit_utils_shallowEqual__WEBPACK_IMPORTED_MODULE_3__.a)(prevSystem,nextSystem))&&Object(reakit_utils_shallowEqual__WEBPACK_IMPORTED_MODULE_3__.a)(prevProps,nextProps)}});Object(reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__.a)({as:"div",useHook:useRole})},function(module,__webpack_exports__,__webpack_require__){"use strict";(function(module){__webpack_require__(379);var _models__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1506);__webpack_require__.o(_models__WEBPACK_IMPORTED_MODULE_1__,"action")&&__webpack_require__.d(__webpack_exports__,"action",(function(){return _models__WEBPACK_IMPORTED_MODULE_1__.action}));var _preview__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1535);__webpack_require__.d(__webpack_exports__,"action",(function(){return _preview__WEBPACK_IMPORTED_MODULE_2__.a})),module&&module.hot&&module.hot.decline&&module.hot.decline()}).call(this,__webpack_require__(722)(module))},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports,__webpack_require__){var global=__webpack_require__(54),shared=__webpack_require__(529),has=__webpack_require__(107),uid=__webpack_require__(530),NATIVE_SYMBOL=__webpack_require__(759),USE_SYMBOL_AS_UID=__webpack_require__(1109),WellKnownSymbolsStore=shared("wks"),Symbol=global.Symbol,createWellKnownSymbol=USE_SYMBOL_AS_UID?Symbol:Symbol&&Symbol.withoutSetter||uid;module.exports=function(name){return has(WellKnownSymbolsStore,name)&&(NATIVE_SYMBOL||"string"==typeof WellKnownSymbolsStore[name])||(NATIVE_SYMBOL&&has(Symbol,name)?WellKnownSymbolsStore[name]=Symbol[name]:WellKnownSymbolsStore[name]=createWellKnownSymbol("Symbol."+name)),WellKnownSymbolsStore[name]}},function(module,exports,__webpack_require__){"use strict";var ES5Type=__webpack_require__(1010);module.exports=function Type(x){return"symbol"==typeof x?"Symbol":ES5Type(x)}},function(module,__webpack_exports__,__webpack_require__){"use strict";var _dist_esm_blocks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(482);__webpack_require__.d(__webpack_exports__,"a",(function(){return _dist_esm_blocks__WEBPACK_IMPORTED_MODULE_0__.a})),__webpack_require__.d(__webpack_exports__,"b",(function(){return _dist_esm_blocks__WEBPACK_IMPORTED_MODULE_0__.b})),__webpack_require__.d(__webpack_exports__,"c",(function(){return _dist_esm_blocks__WEBPACK_IMPORTED_MODULE_0__.e})),__webpack_require__.d(__webpack_exports__,"d",(function(){return _dist_esm_blocks__WEBPACK_IMPORTED_MODULE_0__.f}))},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports,__webpack_require__){var global=__webpack_require__(92),shared=__webpack_require__(594),has=__webpack_require__(123),uid=__webpack_require__(595),NATIVE_SYMBOL=__webpack_require__(876),USE_SYMBOL_AS_UID=__webpack_require__(1310),WellKnownSymbolsStore=shared("wks"),Symbol=global.Symbol,createWellKnownSymbol=USE_SYMBOL_AS_UID?Symbol:Symbol&&Symbol.withoutSetter||uid;module.exports=function(name){return has(WellKnownSymbolsStore,name)&&(NATIVE_SYMBOL||"string"==typeof WellKnownSymbolsStore[name])||(NATIVE_SYMBOL&&has(Symbol,name)?WellKnownSymbolsStore[name]=Symbol[name]:WellKnownSymbolsStore[name]=createWellKnownSymbol("Symbol."+name)),WellKnownSymbolsStore[name]}},function(module,__webpack_exports__,__webpack_require__){"use strict";function findFirstEnabledItem(items,excludeId){return excludeId?items.find((function(item){return!item.disabled&&item.id!==excludeId})):items.find((function(item){return!item.disabled}))}function getCurrentId(options,passedId){var _findFirstEnabledItem;return passedId||null===passedId?passedId:options.currentId||null===options.currentId?options.currentId:null===(_findFirstEnabledItem=findFirstEnabledItem(options.items||[]))||void 0===_findFirstEnabledItem?void 0:_findFirstEnabledItem.id}__webpack_require__.d(__webpack_exports__,"a",(function(){return findFirstEnabledItem})),__webpack_require__.d(__webpack_exports__,"b",(function(){return getCurrentId}))},function(module,exports,__webpack_require__){var $=__webpack_require__(31),toObject=__webpack_require__(182),nativeKeys=__webpack_require__(415);$({target:"Object",stat:!0,forced:__webpack_require__(49)((function(){nativeKeys(1)}))},{keys:function keys(it){return nativeKeys(toObject(it))}})},function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__(12),callBind=__webpack_require__(331),$indexOf=callBind(GetIntrinsic("String.prototype.indexOf"));module.exports=function callBoundIntrinsic(name,allowMissing){var intrinsic=GetIntrinsic(name,!!allowMissing);return"function"==typeof intrinsic&&$indexOf(name,".prototype.")>-1?callBind(intrinsic):intrinsic}},function(module,exports,__webpack_require__){var global=__webpack_require__(72),shared=__webpack_require__(799),has=__webpack_require__(171),uid=__webpack_require__(1164),NATIVE_SYMBOL=__webpack_require__(1171),USE_SYMBOL_AS_UID=__webpack_require__(2009),WellKnownSymbolsStore=shared("wks"),Symbol=global.Symbol,createWellKnownSymbol=USE_SYMBOL_AS_UID?Symbol:Symbol&&Symbol.withoutSetter||uid;module.exports=function(name){return has(WellKnownSymbolsStore,name)&&(NATIVE_SYMBOL||"string"==typeof WellKnownSymbolsStore[name])||(NATIVE_SYMBOL&&has(Symbol,name)?WellKnownSymbolsStore[name]=Symbol[name]:WellKnownSymbolsStore[name]=createWellKnownSymbol("Symbol."+name)),WellKnownSymbolsStore[name]}},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},function(module,exports,__webpack_require__){var global=__webpack_require__(58),shared=__webpack_require__(570),has=__webpack_require__(135),uid=__webpack_require__(571),NATIVE_SYMBOL=__webpack_require__(836),USE_SYMBOL_AS_UID=__webpack_require__(1224),WellKnownSymbolsStore=shared("wks"),Symbol=global.Symbol,createWellKnownSymbol=USE_SYMBOL_AS_UID?Symbol:Symbol&&Symbol.withoutSetter||uid;module.exports=function(name){return has(WellKnownSymbolsStore,name)&&(NATIVE_SYMBOL||"string"==typeof WellKnownSymbolsStore[name])||(NATIVE_SYMBOL&&has(Symbol,name)?WellKnownSymbolsStore[name]=Symbol[name]:WellKnownSymbolsStore[name]=createWellKnownSymbol("Symbol."+name)),WellKnownSymbolsStore[name]}},function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__(149),defineProperty=__webpack_require__(150).f,FunctionPrototype=Function.prototype,FunctionPrototypeToString=FunctionPrototype.toString,nameRE=/^\s*function ([^ (]*)/;DESCRIPTORS&&!("name"in FunctionPrototype)&&defineProperty(FunctionPrototype,"name",{configurable:!0,get:function(){try{return FunctionPrototypeToString.call(this).match(nameRE)[1]}catch(error){return""}}})},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},,function(module,exports,__webpack_require__){var global=__webpack_require__(98),getOwnPropertyDescriptor=__webpack_require__(400).f,createNonEnumerableProperty=__webpack_require__(197),redefine=__webpack_require__(260),setGlobal=__webpack_require__(736),copyConstructorProperties=__webpack_require__(1082),isForced=__webpack_require__(1087);module.exports=function(options,source){var target,key,targetProperty,sourceProperty,descriptor,TARGET=options.target,GLOBAL=options.global,STATIC=options.stat;if(target=GLOBAL?global:STATIC?global[TARGET]||setGlobal(TARGET,{}):(global[TARGET]||{}).prototype)for(key in source){if(sourceProperty=source[key],targetProperty=options.noTargetGet?(descriptor=getOwnPropertyDescriptor(target,key))&&descriptor.value:target[key],!isForced(GLOBAL?key:TARGET+(STATIC?".":"#")+key,options.forced)&&void 0!==targetProperty){if(typeof sourceProperty==typeof targetProperty)continue;copyConstructorProperties(sourceProperty,targetProperty)}(options.sham||targetProperty&&targetProperty.sham)&&createNonEnumerableProperty(sourceProperty,"sham",!0),redefine(target,key,sourceProperty,options)}}},function(module,exports,__webpack_require__){var global=__webpack_require__(98),shared=__webpack_require__(516),has=__webpack_require__(146),uid=__webpack_require__(517),NATIVE_SYMBOL=__webpack_require__(743),USE_SYMBOL_AS_UID=__webpack_require__(1090),WellKnownSymbolsStore=shared("wks"),Symbol=global.Symbol,createWellKnownSymbol=USE_SYMBOL_AS_UID?Symbol:Symbol&&Symbol.withoutSetter||uid;module.exports=function(name){return has(WellKnownSymbolsStore,name)&&(NATIVE_SYMBOL||"string"==typeof WellKnownSymbolsStore[name])||(NATIVE_SYMBOL&&has(Symbol,name)?WellKnownSymbolsStore[name]=Symbol[name]:WellKnownSymbolsStore[name]=createWellKnownSymbol("Symbol."+name)),WellKnownSymbolsStore[name]}},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Icons}));__webpack_require__(89),__webpack_require__(117),__webpack_require__(61);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(3),icon_icons={mobile:"M648 64h-272c-66.274 0-120 53.726-120 120v656c0 66.274 53.726 120 120 120h272c66.274 0 120-53.726 120-120v-656c0-66.274-53.726-120-120-120zM376 144h272c22.056 0 40 17.944 40 40v495.968h-352v-495.968c0-22.056 17.946-40 40-40zM648 880h-272c-22.054 0-40-17.944-40-40v-80.032h352v80.032c0 22.056-17.944 40-40 40zM544.034 819.962c0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.672 14.33-31.998 32-31.998 17.674-0 32.004 14.326 32.004 31.998z",watch:"M736.172 108.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM736.172 50.37c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 973.692c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 916.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM717.53 228c18.904 0 34.286 15.14 34.286 33.75v500.502c0 18.61-15.38 33.75-34.286 33.75h-411.43c-18.904 0-34.286-15.14-34.286-33.75v-500.502c0-18.61 15.38-33.75 34.286-33.75h411.43zM717.53 148h-411.43c-63.118 0-114.286 50.928-114.286 113.75v500.502c0 62.822 51.166 113.75 114.286 113.75h411.43c63.118 0 114.286-50.926 114.286-113.75v-500.502c-0.002-62.822-51.168-113.75-114.286-113.75v0zM680.036 511.53c0 22.090-17.91 40-40 40h-128.004c-5.384 0-10.508-1.078-15.196-3.006-0.124-0.048-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.276-1.16-0.528-1.718-0.828-0.204-0.112-0.39-0.246-0.594-0.364-0.918-0.514-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.284-17.382-32.98v-151.5c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v111.498h88c22.094-0.002 40.002 17.91 40.006 40z",tablet:"M200.022 927.988h624.018c1.38 0 2.746-0.072 4.090-0.208 20.168-2.050 35.91-19.080 35.91-39.792v-751.916c0-22.092-17.91-40-40-40h-624.018c-22.098 0-40 17.908-40 40v751.916c0 22.094 17.906 40 40 40zM512.002 878.206c-17.674 0-32.004-14.328-32.004-31.998 0-17.678 14.33-32.002 32.004-32.002 17.67 0 32 14.324 32 32.002 0 17.67-14.33 31.998-32 31.998zM240.022 176.078h544.018v591.902h-544.018v-591.902z",browser:"M920.004 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.048-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM368 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM272 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM176 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM880.004 815.996h-736.008v-527.988h736.008v527.988z",sidebar:"M920.032 127.858h-816c-22.092 0-40 17.908-40 40v688c0 22.092 17.908 40 40 40h316.578c1.13 0.096 2.266 0.172 3.422 0.172s2.292-0.078 3.424-0.172h492.576c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40zM144.032 207.858h240v608h-240v-608zM880.032 815.858h-416v-608h416v608zM198.734 288.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 416.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 544.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32z",sidebaralt:"M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z",bottombar:"M85 121h854c24 0 42 18 42 41v700c0 23-18 41-42 41H608a44 44 0 0 1-7 0H85c-24 0-42-18-42-41V162c0-23 18-41 42-41zm41 535v165h772V656H126zm0-82h772V202H126v372zm185 197h-69c-19 0-34-14-34-32s15-33 34-33h69c19 0 34 15 34 33s-15 32-34 32zm236 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32zm235 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32z",useralt:"M533 960a850 850 0 0 0 386-92v-19c0-117-242-223-306-234-20-3-21-58-21-58s59-58 72-137c35 0 56-84 21-113 2-31 45-243-173-243S337 276 338 307c-34 29-13 113 22 113 13 79 72 137 72 137s-1 55-21 58c-64 11-301 115-306 231a855 855 0 0 0 428 114z",user:"M814 805a525 525 0 00-217-116c-17-3-17-50-17-50s50-49 61-116c29 0 48-71 18-96 1-26 38-206-147-206S364 401 365 427c-30 25-11 96 18 96 11 67 61 116 61 116s0 47-17 50c-39 6-154 53-217 116a418 418 0 015-590 418 418 0 01594 0 418 418 0 015 590M512 0a512 512 0 100 1024A512 512 0 00512 0",useradd:"M87 859c-30-12-59-27-87-43 5-105 221-200 279-210 19-3 19-53 19-53s-54-53-65-125c-32 0-51-76-20-103-1-28-40-221 158-221 199 0 160 193 158 221 32 27 12 103-19 103-12 72-66 125-66 125s1 50 19 53c59 10 279 107 279 213v18a781 781 0 0 1-655 22zm892-565h-91v-90a45 45 0 1 0-91 0v90h-91a45 45 0 1 0 0 91h91v91a45 45 0 1 0 91 0v-91h91a45 45 0 1 0 0-91z",users:"M360 128c193 0 155 182 154 208 31 25 12 97-19 97-11 67-64 118-64 118s1 47 19 50c57 9 271 100 271 200v16a771 771 0 0 1-637 21c-29-11-57-25-84-40 4-99 215-189 271-197 18-3 18-50 18-50s-52-51-63-118c-31 0-50-72-19-97-1-26-40-208 153-208zm416 66c133 0 107 125 106 144 21 17 8 66-13 66-8 47-44 81-44 81s0 33 12 34c40 6 187 69 187 138v46c-80 27-163 41-249 41l-9-1c-16-31-44-61-83-90a546 546 0 0 0-111-64c47-38 117-66 143-70 12-1 12-34 12-34s-36-34-43-81c-21 0-34-49-13-66-1-19-27-144 105-144z",profile:"M761 631c0-13-10-23-22-23H285c-12 0-22 10-22 23 0 12 10 23 22 23h454c12 0 22-11 22-23zm0 100c0-12-10-22-22-22H285c-12 0-22 10-22 22 0 13 10 23 22 23h454c12 0 22-10 22-23zm0 101c0-13-10-23-22-23H285c-12 0-22 10-22 23s10 23 22 23h454c12 0 22-10 22-23zM832 0c59 0 107 49 107 109v807c-1 60-49 108-107 108H130c-25 0-45-20-45-46V46a45 45 0 0 1 45-46h702zm0 91H174v842h658c10 0 18-9 18-18V110c0-10-8-19-18-19zM384 532l-39-20c2-49 100-93 126-97 8-1 8-25 8-25s-24-24-29-57c-14 0-23-35-9-48-1-13-18-102 71-102s72 89 71 102c14 13 5 48-9 48-5 33-29 57-29 57s0 24 8 25c27 4 126 49 126 98v8a346 346 0 0 1-295 11z",bookmark:"M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10z",bookmarkhollow:"M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z",book:"M896.054 159.774c-0.122-52.914-43.048-95.774-95.992-95.774h-632.004c-1.754 0-3.468 0.154-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v816c0 22.094 17.91 40 40 40h632.004c52.642 0 95.368-42.378 95.968-94.88h0.036v-705.332l-0.012-0.014zM368.062 144h80v271.922l-11.728-11.718c-15.62-15.606-40.924-15.606-56.542 0l-11.728 11.718v-271.922zM816.036 864.204c-0.1 8.712-7.268 15.796-15.972 15.796h-592.004v-736h80.004v368.426c0 16.176 9.742 30.758 24.684 36.954 14.944 6.192 32.146 2.778 43.586-8.656l51.728-51.68 51.728 51.68c7.652 7.644 17.876 11.708 28.28 11.708 5.156 0 10.356-1 15.306-3.050 14.944-6.196 24.684-20.778 24.684-36.954v-368.428h272c8.796 0 15.972 7.16 15.992 15.958l-0.016 704.246z",repository:"M856.020 159.804c-0.122-52.916-43.048-95.774-95.992-95.774h-591.968c-1.754 0-3.468 0.154-5.164 0.37-19.644 2.54-34.836 19.292-34.836 39.63v784.584c0 22.094 17.91 40 40 40h151.972v63.594c0 10.876 6.548 20.682 16.598 24.844 10.046 4.164 21.612 1.87 29.304-5.818l34.78-34.748 34.78 34.748c5.144 5.14 12.020 7.87 19.014 7.87 3.466 0 6.962-0.672 10.292-2.052 10.048-4.164 16.598-13.968 16.598-24.844v-63.594h278.63c52.642 0 95.368-42.38 95.968-94.882h0.036v-673.916l-0.012-0.012zM776.020 159.988l-0.014 504.628h-519.974v-520.584h503.996c8.796-0 15.972 7.158 15.992 15.956zM760.028 848.616h-278.63v-56h-161.366v56h-111.972v-104h567.944l-0.002 88.204c-0.102 8.71-7.27 15.796-15.974 15.796zM320.032 240.396c0-17.67 14.328-31.998 31.998-31.998s32.002 14.326 32.002 31.998c0 17.674-14.332 32-32.002 32-17.672-0.002-31.998-14.326-31.998-32zM320.032 349.79c0-17.67 14.328-31.998 31.998-31.998s32.002 14.328 32.002 31.998c0 17.676-14.332 32-32.002 32-17.672 0-31.998-14.324-31.998-32zM320.032 459.188c0-17.67 14.328-32 31.998-32s32.002 14.328 32.002 32c0 17.674-14.332 31.998-32.002 31.998-17.672 0-31.998-14.324-31.998-31.998zM384.032 568.582c0 17.674-14.332 31.998-32.002 31.998s-31.998-14.324-31.998-31.998c0-17.67 14.328-32 31.998-32 17.67 0.002 32.002 14.33 32.002 32z",star:"M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0z",starhollow:"M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0zM190.256 428.144l145.812 142.13c9.428 9.192 13.73 22.432 11.504 35.406l-34.424 200.7 180.244-94.758c11.654-6.13 25.576-6.126 37.226 0l180.232 94.756-34.422-200.698c-2.226-12.974 2.076-26.214 11.504-35.406l145.812-142.13-201.51-29.282c-13.030-1.892-24.292-10.076-30.118-21.882l-90.114-182.596-90.122 182.598c-5.826 11.804-17.090 19.988-30.118 21.88l-201.506 29.282z",circle:"M1024 512A512 512 0 110 512a512 512 0 011024 0z",circlehollow:"M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0z",heart:"M895.032 194.328c-20.906-21.070-46.492-37.316-76.682-48.938-30.104-11.71-63.986-17.39-101.474-17.39-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.264-30.366-27.22-56.236-48.398-77.33z",hearthollow:"M716.876 208c27.708 0 52.092 4.020 72.47 11.948l0.132 0.052 0.13 0.050c19.866 7.644 35.774 17.664 48.632 30.624l0.166 0.168 0.17 0.168c12.586 12.536 22.304 28.27 29.706 48.094 7.782 21.786 11.726 46.798 11.726 74.364 0 14.658-1.95 28.426-5.958 42.086l-0.028 0.092-0.026 0.092c-4.866 16.72-11.006 31.752-18.776 45.952l-0.162 0.298-0.16 0.296c-8.81 16.434-18.58 31.532-29.864 46.148l-0.204 0.264c-11.316 14.786-23.48 28.708-36.154 41.378l-277.122 275.574-276.94-276.35c-13.32-13.43-25.248-27.074-36.488-41.75-11.386-14.848-21.284-30.136-29.444-45.49-7.206-13.54-13.494-29.17-18.7-46.472-4.030-14.264-5.988-28.044-5.988-42.116 0-27.36 4.042-52.314 12.016-74.176 7.214-19.378 17.344-35.708 30.066-48.492 12.998-13.042 28.958-23.148 48.826-30.914 20.436-8 43.764-11.886 71.32-11.886 11.536 0 22.738 1.742 33.298 5.174l0.374 0.122 0.376 0.12c13.116 4.122 26.066 9.874 38.494 17.094l0.34 0.2 0.344 0.196c12.736 7.234 25.308 15.876 38.43 26.412 14.486 11.906 27.060 23.048 38.428 34.056l56.994 55.192 55.662-56.532c10.324-10.484 22.18-21.040 36.242-32.264 13.382-10.646 26.216-19.38 39.228-26.698l0.256-0.144 0.254-0.144c13.008-7.442 26.228-13.386 39.294-17.676l0.050-0.016 0.050-0.018c10.354-3.414 20.998-5.076 32.54-5.076zM716.876 128c-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.262-30.366-27.216-56.234-48.396-77.328-20.906-21.070-46.492-37.316-76.682-48.938-30.106-11.712-63.988-17.392-101.476-17.392v0z",facehappy:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 493.7c15.2 0 28.7 7.5 37 19l2.6 3.9a46 46 0 015.8 18l.3 4.9c0 6.6-1.4 13-4 18.7l-2.1 4.1A329 329 0 01232 663l-5.5-9.3a46 46 0 01-2-41.2l2-4.2v-.2a45.6 45.6 0 0176.7-4l2.5 4a237.9 237.9 0 00410 7.7l4.5-7.7a46 46 0 0139.7-22.9zM329.7 292.6a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z",facesad:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm1.1 449.2a329 329 0 01281.1 157.7l5.5 9.2a46 46 0 012 41.3l-2 4.1v.3a45.6 45.6 0 01-76.7 4l-2.6-4a238 238 0 00-410-7.7l-4.5 7.7a46 46 0 01-76.6 4l-2.6-4a46 46 0 01-5.9-18l-.2-5c0-6.6 1.4-12.9 4-18.6l2.1-4.2a329 329 0 01286.4-166.8zm-183.4-248a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z",faceneutral:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm248 521.2a45.7 45.7 0 014.7 91.2l-4.7.2H266.3a45.7 45.7 0 01-4.7-91.2l4.7-.2H760zm-430.3-320a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2zm365.2 0a73.1 73.1 0 110 146.2 73.1 73.1 0 010-146.2z",lock:"M896.032 915.53v-467.498c0-19.102-13.402-35.052-31.31-39.026-0.21-0.046-0.414-0.12-0.628-0.162-0.444-0.090-0.904-0.13-1.354-0.208-2.186-0.37-4.416-0.606-6.708-0.606h-55.902l0.002-55.85h0.020c0-159.14-129.010-288.15-288.15-288.15-159.128 0-288.13 128.992-288.15 288.118v55.884h-54.852c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.792-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.524-0.104-3.024-0.27-4.502zM209 488.032h607.032v392h-607.032v-392zM303.85 352.182c0-114.776 93.376-208.15 208.15-208.15 114.59 0 207.842 93.074 208.142 207.596 0 0.084-0.012 0.164-0.012 0.248v56.156h-416.284l0.004-55.85zM552.164 691.858l-0.002 58.188c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40v-57.974c-14.704-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.104-23.868 49.836z",unlock:"M896.032 915.53v-467.498c0-1.988-0.194-3.926-0.472-5.834-0.11-0.744-0.192-1.498-0.34-2.226-1.524-7.44-5.136-14.1-10.164-19.408-0.252-0.266-0.48-0.554-0.738-0.814-0.496-0.494-1.036-0.944-1.554-1.412-0.43-0.386-0.84-0.8-1.288-1.17-0.292-0.24-0.608-0.446-0.904-0.676-2.506-1.954-5.244-3.616-8.176-4.934-0.744-0.334-1.504-0.632-2.27-0.922-4.39-1.656-9.124-2.604-14.094-2.604h-552.184l0.002-55.85c0-114.776 93.376-208.15 208.15-208.15 86.038 0 160.034 52.474 191.7 127.096 0.012 0.028 0.030 0.044 0.042 0.072 5.978 14.566 20.284 24.832 37.006 24.832 22.090 0 40-17.906 40-40 0-4.71-0.86-9.21-2.354-13.41-0.182-0.694-0.42-1.438-0.782-2.292-43.666-103.582-146.14-176.296-265.612-176.296-159.128 0-288.13 128.994-288.15 288.12v55.882h-54.85c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.794-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.528-0.104-3.028-0.27-4.506zM209 488.032h607.032v392h-607.032v-392zM552.164 691.86l-0.002 58.186c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-57.976c-14.702-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.102-23.868 49.838z",key:"M768.032 320.032c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM960.032 353.092c0 159.062-128.946 288.010-288.008 288.010-35.306 0-69.124-6.368-100.38-17.996l-27.736 27.738-0.002 54.464c0 0.016 0.002 0.028 0.002 0.040 0 11.046-4.478 21.046-11.716 28.29-6.334 6.332-14.784 10.55-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.748l-0.002 71.96c0 0.012 0.002 0.040 0.002 0.040 0 11.046-4.478 21.046-11.716 28.286-6.334 6.336-14.784 10.554-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.996l-0.002 62.684c0 22.094-17.908 40-40 40-0.022 0-0.042 0-0.062 0-0.022 0-0.042 0-0.064 0h-175.996c-13.76 0-25.888-6.95-33.086-17.524-4.362-6.406-6.916-14.14-6.916-22.476v-112c0-0.664 0.066-1.308 0.1-1.964 0.032-0.618 0.034-1.234 0.092-1.852 0.11-1.148 0.288-2.278 0.492-3.398 0.024-0.128 0.034-0.258 0.058-0.386 1.614-8.378 5.848-15.808 11.808-21.446l325.456-325.458c-11.642-31.274-18.020-65.11-18.020-100.44 0-159.060 128.946-288.006 288.006-288.006 159.060-0.004 288.006 128.942 288.006 288.002zM880.032 353.092c0-114.696-93.312-208.006-208.008-208.006s-208.006 93.31-208.006 208.006c0 43.208 13.246 83.376 35.884 116.668l-57.36 57.362c-0.136-0.184-0.27-0.368-0.408-0.546l-298.102 298.106-0.002 55.356h96.124v-62.684c0-0.708 0.070-1.394 0.106-2.094 0.036-0.664 0.036-1.336 0.102-1.992 0.132-1.316 0.334-2.61 0.592-3.882 0.006-0.028 0.008-0.058 0.014-0.090 0.258-1.262 0.58-2.5 0.956-3.714 0.012-0.040 0.018-0.078 0.030-0.118 4.676-15.032 17.976-26.262 34.114-27.902 1.344-0.136 2.708-0.208 4.090-0.208h71.998v-67.64c-0.156-1.434-0.248-2.882-0.248-4.36 0-22.094 17.908-40 40-40h71.998v-30.692c0-0.148 0.020-0.29 0.022-0.438 0.008-10.226 3.912-20.45 11.714-28.254l55.99-55.988c1.982-1.984 4.124-3.71 6.38-5.188l18.68-18.684c33.030 22.090 72.702 34.992 115.332 34.992 114.694-0 208.008-93.314 208.008-208.010z",arrowleftalt:"M107.854 539.924l282.834 283.272c15.594 15.65 40.92 15.692 56.568 0.1 15.648-15.594 15.694-40.92 0.1-56.568l-214.838-215.040h655.412c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655l214.75-214.61c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.834-18.066-11.752-28.32-11.75-10.22 0-20.442 3.892-28.25 11.68l-283.242 282.93c-15.634 15.594-15.672 40.91-0.084 56.554z",arrowrightalt:"M916.266 483.792l-282.834-283.272c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l214.838 215.040h-655.412c-22.092 0-40 17.908-40 40s17.908 40 40 40h655l-214.748 214.61c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l283.242-282.93c15.632-15.596 15.67-40.91 0.082-56.554z",sync:"M135.6 442.5a41 41 0 0130 12l94.9 94.6c16 16 16 42 0 58s-42.1 16-58.2 0l-30.1-30a341.9 341.9 0 0095 178.6c65.3 65 152 101 244.3 101 92.3 0 179-36 244.3-101a345 345 0 0066.8-93.6 41.1 41.1 0 0174.3 35v.2l-.1.2-5.2 10.3a427.8 427.8 0 01-380 230.9A427.5 427.5 0 0190.1 585.8l-20 20c-16 16-42 16-58.2 0a41 41 0 010-58l93.6-93.3a41 41 0 0130-12zm376-357.2c208.9 0 382.8 149.5 420.1 347.1l22-22c16.1-16 42.2-16 58.2 0s16 42 0 58l-93.5 93.4a41 41 0 01-30 12 41 41 0 01-30-12L763.5 467a41 41 0 010-58c16-16 42.1-16 58.2 0l26.8 26.8a342 342 0 00-92.7-167.6c-65.3-65-152-101-244.3-101-92.3 0-179 36-244.2 101a345.2 345.2 0 00-66.9 93.6 41.1 41.1 0 01-74.3-35v-.2l.2-.2c.7-1.7.2-.8 5.1-10.3A427.8 427.8 0 01511.5 85.3z",reply:"M679.496 431.738c-0.414-0.062-0.834-0.102-1.266-0.102h-477.482l171.506-171.504c15.622-15.622 15.622-40.95-0.002-56.57-15.62-15.624-40.948-15.624-56.568 0l-239.734 239.732c-0.958 0.956-1.868 1.958-2.724 3.006-0.328 0.402-1.884 2.482-2.324 3.138-0.36 0.54-1.696 2.77-2.008 3.352-0.308 0.58-1.424 2.936-1.676 3.544-0.036 0.086-0.468 1.268-0.648 1.774-0.23 0.636-0.474 1.266-0.672 1.918-0.186 0.612-0.818 3.13-0.95 3.788-0.148 0.748-0.522 3.318-0.574 3.862-0.262 2.642-0.262 5.3 0 7.942 0.044 0.448 0.412 3.032 0.58 3.874 0.112 0.556 0.74 3.088 0.958 3.808 0.158 0.524 1.036 2.992 1.328 3.7 0.192 0.458 1.298 2.828 1.688 3.552 0.208 0.386 0.446 0.75 0.666 1.126 0.436 0.752 1.844 2.888 2.084 3.224 0.52 0.724 4.262 5.074 4.29 5.098l239.718 239.72c15.62 15.618 40.948 15.618 56.57 0 15.62-15.624 15.622-40.948 0-56.57l-171.516-171.514h471.296c114.52 0.084 207.688 93.124 207.988 207.594 0 0.084-0.012 0.164-0.012 0.248v95.876c-0.004 22.094 17.906 40.002 40 40 22.090-0.002 40-17.91 39.996-39.998l0.004-95.57h0.020c0-156.594-124.914-284.012-280.536-288.048z",undo:"M230 301h480a240 240 0 1 1 0 481H235c-23 0-42-20-42-43 0-24 19-43 42-43h475a155 155 0 0 0 0-310H228l3 3 65 65a45 45 0 0 1-65 64L90 376a45 45 0 0 1 0-64l142-142a45 45 0 1 1 64 65l-63 62-3 4z",transfer:"M916.25 348.726l-125 124.688c-7.808 7.79-18.032 11.68-28.25 11.68-10.254 0.002-20.506-3.918-28.32-11.75-15.602-15.64-15.57-40.966 0.070-56.568l56.508-56.368h-655.258c-22.092 0-40-17.908-40-40s17.908-40 40-40h655.672l-57.006-57.206c-15.594-15.646-15.548-40.972 0.1-56.566s40.972-15.55 56.568 0.098l125 125.438c15.588 15.644 15.548 40.958-0.084 56.554zM107.666 731.892l125 125.438c15.596 15.648 40.92 15.692 56.568 0.098s15.694-40.92 0.1-56.566l-57.006-57.206h655.672c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655.258l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.066-11.752-28.32-11.75-10.218 0-20.442 3.89-28.25 11.68l-125 124.688c-15.632 15.596-15.672 40.91-0.084 56.554z",redirect:"M913.852 702.796c-15.594-15.648-40.922-15.694-56.57-0.1l-57.204 57.006v-451.424c0-0.372-0.028-0.736-0.074-1.098-0.458-99.016-80.86-179.15-179.988-179.15-99.412 0-180 80.592-180 180 0 0.084 0.004 0.166 0.004 0.248h-0.004v343.504h-0.006c0 0.082 0.006 0.164 0.006 0.248 0 55.14-44.86 100-100 100s-100-44.86-100-100c0-0.084 0.006-0.166 0.006-0.248h-0.002v-483.752c0-22.092-17.91-40-40-40s-40.004 17.908-40.004 40v483.752c0 0.018 0.002 0.036 0.002 0.054 0 0.064-0.002 0.128-0.002 0.194 0 99.408 80.59 180 180 180 99.412 0 180-80.592 180-180 0-0.084-0.004-0.166-0.004-0.248h0.004v-343.504h0.008c0-0.082-0.008-0.164-0.008-0.248 0-55.138 44.86-100 100-100s100 44.862 100 100c0 0.084-0.008 0.166-0.008 0.248h0.070v451.008l-56.368-56.506c-15.602-15.642-40.93-15.67-56.566-0.070-7.836 7.814-11.754 18.066-11.754 28.32 0 10.218 3.894 20.442 11.68 28.252l124.692 125c15.594 15.632 40.91 15.67 56.554 0.084l125.434-125c15.652-15.598 15.692-40.92 0.102-56.57z",expand:"M84.5 981l184.3.3a41.9 41.9 0 10.2-83.7l-83.5-.2 246.9-246.9a41.9 41.9 0 00-59.3-59.2L126.6 837.9v-82.7A41.9 41.9 0 0043 755l-.2 184a41.9 41.9 0 0041.8 42M43 84.4l-.3 184.3a41.9 41.9 0 1083.8.2l.1-83.5 246.9 246.9a41.9 41.9 0 0059.2-59.2L186.3 126.6h82.6A41.9 41.9 0 00269 43l-184-.2a41.9 41.9 0 00-41.9 41.8M939.5 43l-184.3-.3a41.9 41.9 0 10-.2 83.8l83.5.1-246.9 246.9a41.9 41.9 0 0059.3 59.2l246.5-246.5v82.6a41.9 41.9 0 0083.7.1l.2-184c0-23-18.7-41.9-41.8-41.9M981 939.4l.3-184.3a41.9 41.9 0 10-83.8-.1l-.1 83.4-246.9-246.9a41.9 41.9 0 10-59.2 59.3l246.5 246.5h-82.6a41.9 41.9 0 00-.1 83.7l184 .3a41.9 41.9 0 0041.9-41.9",expandalt:"M479.7 13.4L205.4 287.6a45.7 45.7 0 1064.7 64.7l242-242 241.8 241.9a45.7 45.7 0 1064.7-64.7L544.4 13.4a45.6 45.6 0 00-64.7 0M512 1024a45.6 45.6 0 01-32.3-13.4L205.4 736.5a45.7 45.7 0 1164.7-64.7l241.8 241.8 242-241.9a45.7 45.7 0 1164.7 64.7l-274.3 274.2c-9 9-20.7 13.4-32.4 13.4",collapse:"M479.7 411L205.4 136.6a45.7 45.7 0 1164.7-64.6L512 314 753.9 72.2a45.7 45.7 0 1164.7 64.6L544.4 411a45.6 45.6 0 01-64.7 0M512 598.3a45.6 45.6 0 00-32.3 13.4L205.4 885.8a45.7 45.7 0 1064.7 64.7l241.8-241.8 242 242a45.7 45.7 0 1064.7-64.7L544.3 611.7c-9-8.9-20.7-13.4-32.4-13.4",grow:"M541.146 448.384c-1.694-0.216-3.408-0.37-5.162-0.37h-367.968c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v368.032c0 22.094 17.91 40 40 40h367.968c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-368.036c0-20.34-15.192-37.094-34.838-39.632zM208.016 816.046v-288.032h287.968v288.032h-287.968zM736.032 856.046c0 22.090-17.908 40-40 40-22.090 0-40-17.908-40-40v-487.902l-488.016 0.002c-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h528.016c1.754 0 3.468 0.152 5.162 0.37 19.646 2.538 34.838 19.292 34.838 39.63v527.902zM896.032 168.030v688.004c-0.002 22.088-17.91 39.996-40 39.996s-40.002-17.908-40.002-40c0 0 0.002-304.026 0.002-304.040v-343.96h-343.96c-0.014 0-304.040 0.002-304.040 0.002-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h688c1.754 0 3.468 0.152 5.162 0.37 19.646 2.536 34.838 19.29 34.838 39.63z",arrowleft:"M257.93 511.976c0-10.236 3.902-20.47 11.71-28.282l344.098-344.158c15.622-15.624 40.946-15.624 56.57-0.006 15.622 15.622 15.624 40.948 0.004 56.568l-315.82 315.876 315.868 315.922c15.618 15.624 15.618 40.952-0.004 56.568-15.622 15.62-40.95 15.618-56.57-0.006l-344.146-344.202c-7.808-7.81-11.71-18.044-11.71-28.28z",arrowup:"M512.024 256c10.236 0 20.47 3.904 28.282 11.712l344.154 344.098c15.624 15.62 15.624 40.946 0.006 56.57-15.622 15.622-40.948 15.624-56.568 0.004l-315.876-315.82-315.922 315.868c-15.624 15.618-40.952 15.618-56.568-0.004-15.62-15.624-15.618-40.95 0.006-56.57l344.204-344.144c7.81-7.81 18.046-11.714 28.282-11.714z",arrowdown:"M511.976 768.002c-10.236 0-20.47-3.904-28.282-11.712l-344.154-344.098c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l315.876 315.82 315.922-315.868c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-344.204 344.144c-7.81 7.81-18.046 11.714-28.282 11.714z",arrowright:"M768.072 514.022c0 10.236-3.904 20.47-11.712 28.282l-344.098 344.156c-15.62 15.624-40.946 15.624-56.568 0.006-15.622-15.622-15.624-40.948-0.006-56.568l315.82-315.876-315.868-315.922c-15.618-15.624-15.618-40.952 0.004-56.568 15.624-15.62 40.95-15.618 56.57 0.006l344.144 344.204c7.81 7.81 11.714 18.044 11.714 28.28z",chevrondown:"M511.976 833c-10.236 0-20.47-3.904-28.282-11.712l-471.934-471.874c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l443.652 443.598 443.61-443.556c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-471.89 471.832c-7.808 7.808-18.044 11.712-28.28 11.712z",back:"M512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6zm0 91.4A512 512 0 10512 0a512 512 0 000 1024zM232.7 542.5l142.8 143.3a45.7 45.7 0 0064.8-64.5L375 555.9h383.7a45.7 45.7 0 000-91.4H375.6l64.6-64.4a45.7 45.7 0 10-64.6-64.8L232.8 477.8a45.7 45.7 0 00-.1 64.6z",download:"M543.8 791.3a45.7 45.7 0 01-64.6 0l-142.5-143a45.6 45.6 0 010-64.6 45.7 45.7 0 0164.7 0l64.5 64.7V265.2a45.7 45.7 0 1191.4 0v383.6l65.4-65.1a45.7 45.7 0 1164.5 64.8L543.8 791.3zM1024 512A512 512 0 110 512a512 512 0 011024 0zm-91.4 0c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512z",upload:"M480.2 232.7a45.7 45.7 0 0164.6 0l142.5 143a45.6 45.6 0 010 64.6 45.7 45.7 0 01-64.7 0L558 375.5v383.2a45.7 45.7 0 11-91.4 0V375.2l-65.4 65.1a45.7 45.7 0 11-64.5-64.8l143.4-142.8zM0 512a512 512 0 111024 0A512 512 0 010 512zm91.4 0c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512z",proceed:"M791.3 480.2L648.5 336.8a45.7 45.7 0 10-64.8 64.5l65.1 65.4H265.2a45.7 45.7 0 100 91.4h383.2l-64.6 64.5a45.7 45.7 0 0064.6 64.7l142.8-142.5a45.7 45.7 0 00.1-64.6M512 0a512 512 0 100 1024A512 512 0 00512 0m0 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4A417.8 417.8 0 01512 932.6c-112.3 0-218-43.8-297.4-123.2A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4",info:"M874.04 149.96c199.95 199.95 199.95 524.14 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.94 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.95 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 318.96a45.73 45.73 0 00-45.11 38.3l-.6 7.42v274.28a45.71 45.71 0 0090.83 7.42l.6-7.42V456.11a45.72 45.72 0 00-45.72-45.72zm0-162.25a45.72 45.72 0 100 91.44 45.72 45.72 0 000-91.44z",question:"M874.04 149.96c199.95 199.95 199.95 524.13 0 724.08-199.95 199.95-524.13 199.95-724.08 0-199.95-199.95-199.95-524.13 0-724.08 199.95-199.95 524.13-199.95 724.08 0zM512 91.43c-112.34 0-217.95 43.75-297.39 123.18-79.43 79.44-123.18 185.05-123.18 297.4 0 112.33 43.75 217.95 123.18 297.38 79.44 79.43 185.05 123.18 297.4 123.18 112.33 0 217.94-43.75 297.38-123.18C888.82 729.96 932.57 624.34 932.57 512c0-112.34-43.75-217.95-123.18-297.39C729.95 135.18 624.34 91.43 512 91.43zm1.14 640.9a45.72 45.72 0 100 91.43 45.72 45.72 0 000-91.44zm-1.14-549c-111.3 0-201.52 90.22-201.52 201.52a45.71 45.71 0 0090.84 7.41l.6-7.47c.03-60.68 49.4-110.03 110.08-110.03 60.7 0 110.1 49.38 110.1 110.09 0 60.7-49.4 110.09-110.1 110.09v.17a45.68 45.68 0 00-44.57 45.65v100.58a45.7 45.7 0 1091.42 0v-60.46c88.7-21.12 154.67-100.87 154.67-196.03 0-111.3-90.22-201.52-201.52-201.52z",support:"M512 932.57c-87.57 0-171.05-26.59-241.23-75.93l106-106a273.98 273.98 0 00135.26 35.62c46.7 0 93.41-11.88 135.22-35.6l105.98 105.98c-70.19 49.34-153.66 75.93-241.23 75.93m-344.64-661.8l105.97 105.98c-47.44 83.63-47.43 186.86.02 270.49L167.36 753.22C118.02 683.04 91.43 599.56 91.43 512c0-87.57 26.59-171.05 75.93-241.23m585.87-103.41L647.29 273.3a273.95 273.95 0 00-135.26-35.61c-46.74 0-93.47 11.9-135.3 35.63L270.77 167.36C340.96 118.02 424.43 91.43 512 91.43s171.05 26.59 241.23 75.93m-370.5 473.91c-71.3-71.3-71.3-187.3 0-258.6a181.7 181.7 0 01129.3-53.55h.02c48.83 0 94.74 19.02 129.28 53.56 71.29 71.29 71.29 187.3 0 258.6a181.66 181.66 0 01-129.3 53.55 181.67 181.67 0 01-129.3-53.56m473.91 111.95L750.68 647.27c47.48-83.65 47.48-186.91.02-270.56l105.94-105.94c49.34 70.18 75.93 153.66 75.93 241.23s-26.59 171.04-75.93 241.22m17.4-603.26c-199.95-199.95-524.13-199.95-724.08 0-199.95 199.95-199.95 524.13 0 724.08 199.95 199.95 524.13 199.95 724.08 0 199.95-199.95 199.95-524.13 0-724.08",alert:"M511.998 623.846c-22.090 0-40-17.906-40-40v-208c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v208c0 22.094-17.914 40-40.004 40v0zM511.998 743.846c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40v0zM512.142 211.808l-340.074 589.028h680.148l-340.074-589.028zM512.142 92.51c14.5 0 29 9.526 40 28.58l398.638 690.462c22 38.106 4 69.282-40 69.282h-797.278c-44 0-62-31.176-40-69.282l398.638-690.462c11.002-19.052 25.502-28.58 40.002-28.58v0z",bell:"M901.344 760.018l-57.644-77.648c-7.906-7.906-11.77-38.284-11.71-48.646h0.042v-200.588h-0.364c-6.878-148.106-114.428-269.902-255.792-298.528 0.208-2.1 0.318-4.228 0.318-6.384 0-35.452-28.738-64.194-64.194-64.194-35.458 0-64.194 28.742-64.194 64.194 0 2.19 0.112 4.352 0.326 6.486-141.128 28.802-248.446 150.488-255.316 298.426h-0.364v200.588h0.042c0.058 10.362-3.804 40.74-11.71 48.646l-57.644 77.648c-8.802 8.802-16.35 18.978-16.35 32.208 0 22.092 17.908 40 40 40h255.876c-0.814 5.412-1.28 10.936-1.28 16.576 0 61.43 49.794 111.23 111.23 111.23 61.432 0 111.228-49.8 111.228-111.23 0-5.638-0.464-11.164-1.282-16.576h255.128c22.092 0 40-17.908 40-40 0.004-13.23-7.542-23.404-16.346-32.208zM272.732 436.848c2.862-61.602 29.032-119.104 73.69-161.91 44.786-42.93 103.628-66.62 165.692-66.706h0.26c62.062 0.086 120.906 23.776 165.692 66.706 44.658 42.806 70.828 100.308 73.69 161.91l0.278 5.962v149.384h-479.58v-149.384l0.278-5.962zM543.846 848.8c0 17.22-14.010 31.23-31.228 31.23-17.22 0-31.23-14.010-31.23-31.23 0-6.096 1.784-11.768 4.82-16.576h52.818c3.038 4.81 4.82 10.482 4.82 16.576zM512.484 752.226h-283.922l14.572-19.63c12.064-14.542 20.078-33.27 24.982-58.158 0.146-0.742 0.276-1.496 0.416-2.244h487.42c0.138 0.748 0.268 1.5 0.414 2.244 4.904 24.888 12.918 43.616 24.982 58.158l14.572 19.63h-283.436z",rss:"M256.094 865.048c0 53.020-42.972 96-96 96-53.020 0-96-42.98-96-96 0-53.016 42.98-96 96-96s96 42.984 96 96zM510.020 918.352c-0.018-0.172-0.042-0.344-0.050-0.52-0.054-0.676-0.124-1.34-0.214-2.004-10.582-105.644-57.866-200.46-128.894-271.536v0c-71.074-71.054-165.906-118.352-271.564-128.934-0.664-0.090-1.33-0.16-2.006-0.214-0.174-0.016-0.348-0.040-0.52-0.054-0.254-0.024-0.5-0.024-0.742-0.008-0.64-0.032-1.278-0.098-1.922-0.098-22.098 0-40 17.908-40 40 0 20.582 15.542 37.516 35.536 39.738 0.042 0.004 0.066 0.036 0.106 0.040 84.82 8.098 163.514 45.024 224.542 106.042v0c61.036 61.036 97.964 139.738 106.070 224.574 0.004 0.040 0.036 0.070 0.042 0.106 2.222 19.988 19.156 35.536 39.736 35.536 22.092 0 40-17.902 40-40 0-0.644-0.066-1.282-0.098-1.922 0-0.246 0-0.492-0.022-0.746zM734.688 918.45c-0.004-0.090-0.018-0.186-0.024-0.276-0.040-0.544-0.058-1.102-0.124-1.638-10.972-167.816-83.558-318.804-195.33-430.616h0.002c-111.812-111.788-262.81-184.384-430.644-195.36-0.542-0.060-1.094-0.084-1.642-0.122-0.092-0.008-0.182-0.016-0.272-0.022-0.020-0.002-0.042 0.004-0.054 0.004-0.836-0.052-1.664-0.124-2.512-0.124-22.092 0-40 17.908-40 40 0 21.036 16.246 38.24 36.874 39.842 0.046 0.008 0.078 0.038 0.128 0.042 66.876 4.086 131.786 19.292 193.406 45.358 70.472 29.81 133.78 72.494 188.166 126.874v0c54.394 54.396 97.090 117.71 126.902 188.204 26.064 61.624 41.274 126.532 45.362 193.408 0.004 0.052 0.036 0.080 0.042 0.13 1.604 20.624 18.802 36.87 39.844 36.87 22.090 0 40-17.904 40-40 0-0.85-0.074-1.678-0.126-2.514-0.002-0.024 0.006-0.040 0.002-0.060zM959.126 920.556c-0.002-0.094 0.008-0.164 0.004-0.262-10.342-231.204-108.314-439.604-261.486-592.796v-0.002c-153.2-153.19-361.61-251.174-592.828-261.518-0.096-0.004-0.168 0.006-0.262 0.004-0.176-0.004-0.348-0.030-0.524-0.030-22.098 0-40 17.91-40 40 0 20.988 16.168 38.164 36.716 39.834 0.184 0.042 0.356 0.086 0.566 0.098 97.040 4.314 191.186 25.538 280.376 63.258 97.14 41.090 184.406 99.928 259.368 174.876v0c74.96 74.964 133.81 162.24 174.908 259.398 37.718 89.19 58.946 183.336 63.26 280.376 0.010 0.208 0.052 0.38 0.096 0.562 1.67 20.552 18.848 36.72 39.834 36.72 22.092 0 40-17.906 40-40-0-0.17-0.024-0.342-0.028-0.518z",edit:"M948.56 263.376c12.704-12.708 15.072-31.836 7.11-46.936-1.84-3.524-4.232-6.832-7.192-9.792-0.286-0.286-0.594-0.528-0.886-0.8l-129.318-128.634c-0.048-0.048-0.088-0.106-0.138-0.154-7.812-7.812-18.050-11.716-28.292-11.714-10.242-0.004-20.484 3.902-28.296 11.714-0.064 0.066-0.12 0.136-0.184 0.204l-636.168 636.168c-5.868 5.134-10.21 11.958-12.298 19.748l-47.606 177.664c-3.7 13.804 0.248 28.534 10.352 38.638 7.602 7.6 17.816 11.714 28.288 11.714 3.452 0 6.93-0.446 10.352-1.364l177.664-47.606c7.296-1.956 13.732-5.904 18.74-11.216l521.486-521.484c1.126-0.904 2.222-1.87 3.268-2.914 1.042-1.044 2.006-2.138 2.91-3.264l107.75-107.748c0.836-0.71 1.668-1.432 2.458-2.224zM806.9 291.66l-73.592-73.202 56.61-56.61 73.594 73.2-56.612 56.612zM281.566 816.996l-73.4-73.4 468.572-468.568 73.594 73.202-468.766 468.766zM160.496 864.628l11.742-43.822 32.080 32.080-43.822 11.742z",paintbrush:"M946.58 293.66c12.704-12.708 15.072-31.836 7.108-46.938-1.838-3.524-4.23-6.83-7.19-9.79-0.282-0.282-0.588-0.52-0.876-0.792l-129.338-128.654c-0.046-0.046-0.084-0.098-0.13-0.144-7.814-7.812-18.056-11.718-28.296-11.714-10.24 0-20.48 3.906-28.292 11.714-0.064 0.066-0.12 0.138-0.184 0.206l-557.048 557.048c-2.194 2.192-4.042 4.59-5.622 7.11-70.624 87.486-17.922 195.43-174.738 239.554 0 0 64.758 18.11 144.33 18.11 74.374 0 161.678-15.824 221.23-77.020 0.394-0.364 0.808-0.696 1.192-1.078l1.734-1.734c0.852-0.798 1.678-1.578 2.504-2.426 0.348-0.356 0.668-0.728 1.010-1.086l168.756-168.756c1.126-0.906 2.224-1.872 3.272-2.918 1.044-1.044 2.008-2.14 2.914-3.266l375.212-375.212c0.834-0.706 1.664-1.424 2.452-2.214zM537.462 589.402l-73.594-73.206 324.068-324.064 73.594 73.2-324.068 324.070zM388.178 667.684c-13.288-13.632-28.584-23.974-44.78-31.016l63.902-63.902 73.596 73.204-64.246 64.248c-6.498-15.23-15.964-29.698-28.472-42.534zM229.848 791.928c8.294-30.346 14.852-54.332 32.416-73.862 0.83-0.864 2.664-2.702 4.26-4.286 8.030-6.792 17.534-8.246 24.198-8.246 14.386 0 29.026 6.554 40.162 17.98 19.592 20.106 21.934 49.238 5.596 66.874l-1.712 1.712c-0.798 0.752-1.612 1.524-2.462 2.354l-0.86 0.84-0.834 0.864c-30.666 31.79-75.914 45.424-118.104 50.542 7.53-18.888 12.598-37.426 17.34-54.772z",close:"M150 150a512 512 0 11724 724 512 512 0 01-724-724zm69.3 64.2A418.5 418.5 0 0095.9 512a418.5 418.5 0 00123.4 297.8A418.5 418.5 0 00517 933.2 418.5 418.5 0 00815 809.8 418.5 418.5 0 00938.4 512 418.5 418.5 0 00815 214.2 418.5 418.5 0 00517 90.8a418.5 418.5 0 00-297.8 123.4zM655 304a46 46 0 0165 65L577 512l143 143a46 46 0 11-65 65L512 577 369 720a46 46 0 11-65-65l143-143-143-143a46 46 0 0165-65l143 143 143-143z",closeAlt:"M586.7 512L936 861.4a52.8 52.8 0 0 1-74.6 74.7L512 586.7 162.6 936A52.8 52.8 0 0 1 88 861.4L437.3 512 88 162.6A52.8 52.8 0 1 1 162.6 88L512 437.3 861.4 88a52.8 52.8 0 1 1 74.7 74.7L586.7 512z",trash:"M919.5 225.208h-215.5v-120.080c0-20.344-15.192-37.096-34.836-39.632-1.696-0.216-3.41-0.372-5.164-0.372h-304.004c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v120.084h-215.996c-22.090 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h27.216l53.916 615.914h0.214c0 22.092 17.91 40 40 40h573.372c22.094 0 40-17.91 40-40h0.148l53.916-615.914h26.716c22.090 0 40-17.91 40-40s-17.908-40.002-39.998-40.002zM399.996 145.126h224.004v80.082h-224.004v-80.082zM762.062 881.124h-500.124l-50.414-575.912h600.954l-50.416 575.912zM632.004 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM311.996 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM472 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40z",cross:"M1013.286 955.716l-443.72-443.716 443.718-443.718c15.622-15.622 15.62-40.948-0.004-56.566-15.618-15.622-40.942-15.622-56.562 0l-443.716 443.718-443.72-443.718c-15.62-15.624-40.946-15.622-56.566 0-15.622 15.62-15.622 40.944 0 56.566l443.722 443.718-443.722 443.722c-15.622 15.618-15.62 40.942 0 56.56s40.948 15.622 56.566 0l443.72-443.718 443.722 443.718c15.618 15.624 40.942 15.622 56.56 0 15.62-15.618 15.622-40.944 0.002-56.566z",delete:"M874 150A512 512 0 10150 874 512 512 0 00874 150zm-659.4 64.6A417.8 417.8 0 01512 91.4c97 0 188.9 32.6 263.3 92.6L184 775.3A417.4 417.4 0 0191.4 512c0-112.4 43.7-218 123.2-297.4zm594.8 594.8A417.8 417.8 0 01512 932.6c-97 0-189-32.7-263.3-92.6L840 248.7A417.4 417.4 0 01932.6 512c0 112.3-43.8 218-123.2 297.4z",add:"M512-.2a512 512 0 110 1024 512 512 0 010-1024zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 511.8c0 112.4 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.4c112.3 0 218-43.8 297.4-123.2a417.8 417.8 0 00123.2-297.4c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.2zm1.1 129.2a45.7 45.7 0 0145.7 45.7v201.1H760a45.7 45.7 0 010 91.5H558.8v201.1a45.7 45.7 0 11-91.4 0V558.7H266.3a45.7 45.7 0 110-91.5h201.1V266.1a45.7 45.7 0 0145.7-45.7z",subtract:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm4 94A418 418 0 0094 515a418 418 0 00422 422 418 418 0 00421-422A418 418 0 00516 94zm244 372a46 46 0 010 92H264a46 46 0 110-92z",plus:"M921.002 473h-368.008v-368.004c0.002-22.090-17.906-39.996-39.996-39.996-22.088 0-39.998 17.91-39.998 40v368h-368.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996l368.004-0.002v368.010c0 22.094 17.908 40 40 39.996 22.090 0.004 39.996-17.902 39.996-39.996v-368.010h368.010c22.090 0.002 39.994-17.906 39.994-39.996-0-22.088-17.908-39.998-39.998-39.998z",document:"M764 1c12 0 24 4 32 13l129 132c9 8 13 20 13 31v802c0 24-20 44-45 44H131c-25 0-45-20-45-44V45c0-24 20-44 45-44h633zm-48 89H175v844h674l-1-707h-87c-22 0-40-15-44-36v-8l-1-93zm-16 584a45 45 0 0 1 8 89H324a45 45 0 0 1-8-88l8-1h376zm0-187a45 45 0 0 1 8 89l-8 1H324a45 45 0 0 1-8-89l8-1h376zm0-186a45 45 0 0 1 8 88l-8 1H324a45 45 0 0 1-8-89h384z",folder:"M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z",component:"M171 469h298V171H246c-42 0-75 33-75 75v223zm0 86v223c0 42 33 75 75 75h223V555H171zm682-86V246c0-42-33-75-75-75H555v298h298zm0 86H555v298h223c42 0 75-33 75-75V555zM256 85h512c94 0 171 77 171 171v512c0 94-77 171-171 171H256c-94 0-171-77-171-171V256c0-94 77-171 171-171z",calendar:"M920.036 160.030h-112.004v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-432v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-112.004c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.908-40-40-40zM356.032 848.026h-212.004v-142.662h212.004v142.662zM356.032 665.364h-212.004v-162.664h212.004v162.664zM356.032 462.7h-212.004v-142.662h212.004v142.662zM628.032 848.026h-232v-142.662h232v142.662zM628.032 665.364h-232v-162.664h232v162.664zM628.032 462.7h-232v-142.662h232v142.662zM880.036 848.026h-212.004v-142.662h212.004v142.662zM880.036 665.364h-212.004v-162.664h212.004v162.664zM880.036 462.7h-212.004v-142.662h212.004v142.662z",graphline:"M820.536 489.23c-15.624 15.618-40.954 15.618-56.57 0l-42.006-42.002-169.898 169.9c-7.822 7.82-18.076 11.722-28.326 11.712-10.248 0.008-20.496-3.894-28.314-11.712l-96.178-96.182-140.67 140.674c-15.624 15.622-40.954 15.618-56.57-0.004-15.624-15.618-15.624-40.946 0-56.566l168.946-168.946c7.812-7.816 18.058-11.72 28.3-11.716 10.238-0.002 20.476 3.904 28.29 11.716l96.204 96.204 168.91-168.91c0.33-0.356 0.626-0.73 0.972-1.076 7.824-7.824 18.084-11.726 28.34-11.712 10.252-0.012 20.508 3.892 28.332 11.714 0.346 0.346 0.64 0.72 0.972 1.074l69.266 69.266c15.62 15.618 15.616 40.942 0 56.566zM880 144h-736v736h736v-736zM920 64c22.092 0 40 17.908 40 40v816c0 22.092-17.908 40-40 40h-816c-22.092 0-40-17.908-40-40v-816c0-22.092 17.908-40 40-40h816z",docchart:"M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.906-40-40-40zM395.934 470.67h232v162.664h-232v-162.664zM355.934 633.334h-212.004v-162.664h212.004v162.664zM395.934 430.67v-142.662h232v142.662h-232zM667.934 470.67h212.004v162.664h-212.004v-162.664zM667.934 430.67v-142.662h212.004v142.662h-212.004zM355.934 288.008v142.662h-212.004v-142.662h212.004zM143.93 673.334h212.004v142.662h-212.004v-142.662zM395.934 673.334h232v142.662h-232v-142.662zM667.934 673.334h212.004v142.662h-212.004v-142.662z",doclist:"M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM143.93 288.008h736.008v527.988h-736.008v-527.988zM248 400.004c0-22.090 17.91-40 40-40h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40zM776 552.002c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40zM776 704c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40z",category:"M925.224 256.37c-1.694-0.216-3.408-0.37-5.162-0.37h-816c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v624c0 22.094 17.91 40 40 40h816c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-624.004c0-20.342-15.19-37.096-34.838-39.632zM144.062 880v-544h736v544h-736zM896.11 180c0 11.044-8.954 20-20 20h-728.032c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h728.032c11.046 0 20 8.954 20 20v0zM832.094 84c0 11.044-8.954 20-20 20h-600c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h600c11.046 0 20 8.954 20 20v0z",grid:"M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z",copy:"M960.132 210.186c0-0.444-0.050-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.060-0.74-0.158-1.468-0.26-2.198-0.080-0.564-0.156-1.128-0.258-1.692-0.146-0.792-0.328-1.566-0.518-2.34-0.124-0.508-0.244-1.014-0.39-1.518-0.224-0.784-0.488-1.548-0.76-2.312-0.176-0.49-0.344-0.98-0.538-1.466-0.302-0.754-0.642-1.486-0.988-2.216-0.224-0.472-0.436-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.722-1.19-0.608-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.248-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.174-0.084-0.262-0.122-0.994-0.418-2.006-0.774-3.024-1.108-0.242-0.080-0.474-0.176-0.72-0.252-0.942-0.288-1.894-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.010-0.458-0.306-0.038-0.606-0.1-0.912-0.13-1.322-0.13-2.65-0.204-3.976-0.204h-391.784c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v145.516h-279.874c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v628.28c0 22.094 17.91 40 40 40h496.118c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-145.518h279.874c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-521.828c0.008-0.23-0.016-0.458-0.014-0.688 0.002-0.202 0.028-0.39 0.028-0.584zM144.124 878.792v-548.278h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-416.118zM640.244 693.278v-296.31c0.006-0.23-0.018-0.458-0.014-0.688 0.004-0.196 0.030-0.382 0.030-0.578 0-0.444-0.052-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.062-0.74-0.16-1.468-0.262-2.198-0.078-0.564-0.152-1.128-0.258-1.692-0.144-0.792-0.324-1.566-0.516-2.34-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-0.488-1.548-0.76-2.312-0.174-0.49-0.342-0.98-0.538-1.466-0.302-0.754-0.64-1.486-0.988-2.216-0.222-0.472-0.438-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.724-1.19-0.606-0.924-1.262-1.81-1.942-2.678-0.13-0.168-0.246-0.346-0.382-0.512-0.978-1.212-2.028-2.364-3.138-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.172-0.084-0.262-0.122-0.994-0.418-2.004-0.774-3.024-1.108-0.242-0.080-0.476-0.176-0.72-0.252-0.942-0.288-1.896-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.012-0.458-0.304-0.038-0.602-0.1-0.91-0.13-1.322-0.13-2.648-0.204-3.976-0.204h-31.916v-105.516h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-239.87z",certificate:"M832.032 384.032c0-176.728-143.266-320-320-320s-320 143.272-320 320c0 104.662 50.25 197.584 127.938 255.966v311.5c0 16.174 9.74 30.756 24.682 36.952 4.954 2.052 10.152 3.050 15.31 3.050 10.402 0 20.626-4.060 28.276-11.702l123.726-123.58 123.772 123.332c11.452 11.412 28.644 14.804 43.574 8.608 14.93-6.2 24.66-20.776 24.66-36.942v-311.124c77.756-58.376 128.062-151.342 128.062-256.060zM272.032 384.032c0-64.106 24.964-124.374 70.292-169.706 45.33-45.33 105.6-70.294 169.708-70.294s124.376 24.964 169.708 70.294c45.33 45.332 70.292 105.6 70.292 169.706s-24.964 124.376-70.292 169.704c-45.33 45.33-105.6 70.294-169.708 70.294s-124.376-24.964-169.708-70.294c-45.328-45.328-70.292-105.598-70.292-169.704zM623.968 854.89l-83.804-83.508c-15.622-15.564-40.898-15.552-56.502 0.034l-83.694 83.594v-171.17c34.878 13.042 72.632 20.192 112.062 20.192 39.382 0 77.094-7.13 111.938-20.142v171z",print:"M925.922 304.496c-1.698-0.218-3.41-0.37-5.166-0.37h-88.64v-93.548c0.006-0.21-0.016-0.422-0.014-0.634 0.004-0.212 0.036-0.416 0.036-0.63 0-0.478-0.054-0.942-0.074-1.416-0.024-0.636-0.042-1.27-0.094-1.906-0.066-0.776-0.168-1.54-0.276-2.302-0.074-0.534-0.146-1.066-0.242-1.596-0.15-0.82-0.338-1.624-0.538-2.424-0.12-0.48-0.23-0.958-0.37-1.436-0.234-0.812-0.506-1.608-0.792-2.398-0.164-0.462-0.322-0.924-0.504-1.38-0.318-0.788-0.668-1.552-1.036-2.316-0.208-0.436-0.406-0.88-0.628-1.312-0.424-0.802-0.88-1.574-1.352-2.344-0.218-0.358-0.422-0.724-0.656-1.078-0.636-0.972-1.324-1.91-2.042-2.82-0.098-0.124-0.182-0.252-0.282-0.376-0.988-1.224-2.048-2.388-3.172-3.488l-104.004-104.882c-3.696-3.696-7.948-6.486-12.466-8.432-0.122-0.050-0.224-0.11-0.344-0.16-0.974-0.41-1.966-0.756-2.962-1.084-0.262-0.086-0.512-0.19-0.78-0.272-0.926-0.284-1.87-0.506-2.812-0.722-0.346-0.080-0.684-0.182-1.034-0.252-0.988-0.198-1.988-0.334-2.988-0.456-0.31-0.040-0.618-0.102-0.93-0.134-1.324-0.132-2.652-0.204-3.978-0.204h-455.67c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.29-34.838 39.63v200h-87.356c-1.754 0-3.468 0.152-5.164 0.37-19.644 2.538-34.836 19.29-34.836 39.63v320c0 22.094 17.91 40 40 40h87.368v216c0 22.094 17.91 40 40 40h560.006c13.81 0 25.982-6.996 33.17-17.636 0.102-0.146 0.184-0.306 0.282-0.458 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.17 0.124-0.254 2.994-5.612 4.704-12.008 4.704-18.808 0 0 0 0 0-0.004v-216h88.624c13.808 0 25.982-6.996 33.168-17.636 0.104-0.148 0.186-0.308 0.286-0.458 0.612-0.922 1.198-1.862 1.72-2.836 0.046-0.082 0.082-0.172 0.124-0.256 2.994-5.61 4.702-12.008 4.702-18.806 0 0 0 0 0-0.004v-320c0-20.344-15.186-37.096-34.834-39.636zM272.116 144.128h375.634v65.186c0 1.38 0.070 2.746 0.208 4.090 2.048 20.168 19.080 35.91 39.792 35.91h64.366v54.812h-480v-159.998zM272.124 880.126v-327.998h480.006v327.998zM880.756 384.128v239.998h-48.624v-111.998c0-20.34-15.19-37.092-34.836-39.63-1.694-0.218-565.17-0.372-565.17-0.372-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v112h-47.368v-239.998zM664.124 608.126c22.092 0 40 17.908 40 40s-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704.124 784.126c0 22.092-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.092 0 40 17.908 40 40z",listunordered:"M961 233c0 22.090-17.908 40-40 40h-607.996c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h607.996c22.092 0 40 17.912 40 40.002v0zM961 793c0-22.090-17.908-40.002-40-40.002h-607.996c-22.092 0-40 17.912-40 40.002v0c0 22.092 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 606.332c0-22.090-17.908-40-40-40h-607.996c-22.092 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 419.668c0-22.090-17.908-40.004-40-40.004h-607.996c-22.092 0-40 17.914-40 40.004v0c0 22.090 17.91 40 40 40h607.996c22.092-0 40-17.91 40-40v0zM129 168.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 728.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 542.332c-35.346 0-64 28.652-64 64 0 35.344 28.654 64 64 64s64-28.656 64-64c0-35.348-28.654-64-64-64zM129 355.664c-35.346 0-64 28.656-64 64 0 35.348 28.654 64 64 64s64-28.652 64-64c0-35.344-28.654-64-64-64z",graphbar:"M324.832 513c22.090 0 40 17.91 40 40v304c0 22.090-17.906 40-40 40v0c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40v0zM884.832 128.998c-22.090 0-40 17.906-40 40v688.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-688.002c0-22.094-17.91-40-40-40v0zM698.164 256.998c-22.090 0-40 17.91-40 40v560.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-560.002c0-22.090-17.91-40-40-40v0zM511.5 384.998c-22.090 0-40.004 17.91-40.004 40v432.002c0 22.094 17.914 40 40.004 40v0c22.090 0 40-17.91 40-40v-432.002c0-22.090-17.91-40-40-40v0zM139.168 641c-22.090 0-40 17.91-40 40v176c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-176c0-22.090-17.91-40-40-40v0z",menu:"M960 232c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.91 40 40v0zM768 416c0 22.090-17.908 40-40 40h-624c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h624c22.092 0.002 40 17.914 40 40.002v0zM832 608c0 22.092-17.906 40.002-40 40.002h-688c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h688c22.094 0 40 17.912 40 40v0zM576 792c0 22.094-17.91 40-40.002 40h-431.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h432c22.094 0.002 40 17.912 40 40.002v0z",filter:"M962.030 168.032c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.908 40 40v0zM770 544.034c0 22.090-17.908 40-40 40h-432c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h432c22.090 0 40 17.912 40 40.002v0zM642.030 728.032c0 22.094-17.91 40-40.002 40h-175.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h176c22.094 0.002 40 17.91 40 40.002v0zM866 352.030c0 22.092-17.906 40.002-40 40.002h-624c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h624c22.092 0 40 17.91 40 40v0zM512.030 928.034c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.092 17.91 40 40 40v0z",ellipsis:"M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z",cog:"M512 288a224 224 0 0 0 0 448h2a225 225 0 0 0 52-7 47 47 0 0 0-23-90 130 130 0 0 1-31 3 131 131 0 1 1 127-101v1a47 47 0 1 0 91 19 224 224 0 0 0-218-273zM409 0c-67 14-131 40-186 77v98c0 13-6 25-15 33-8 9-20 15-33 15H77C40 278 14 341 0 409l69 68c9 10 14 22 13 34 1 13-4 25-13 34L0 614c14 68 41 132 78 188h97c13 0 25 6 33 15 9 8 15 20 15 33v97c55 37 119 63 187 77l68-69a46 46 0 0 1 36-13c11 0 23 4 32 13l69 69c68-14 131-40 186-77v-98c0-13 6-25 15-34 8-8 20-14 33-14h98c37-56 63-119 77-186l-69-70c-10-9-14-21-14-34 0-12 4-24 14-34l69-69c-14-67-40-129-77-184h-98c-13 0-25-6-33-15-9-8-15-20-15-33V77C746 40 683 14 615 0l-69 69a46 46 0 0 1-35 14c-11 0-23-5-33-14L409 0zm-28 103l32 32c26 26 61 41 98 41h3c37 0 72-15 98-41l32-31c22 7 43 16 64 26v46c0 37 15 73 42 99 26 27 62 42 99 42h45c11 20 19 41 26 63l-31 31c-26 27-41 63-41 100 0 38 15 74 41 100l32 32c-8 22-17 44-27 65h-45c-37 0-73 15-99 42-27 26-42 62-42 99v44c-21 11-42 20-65 27l-31-31c-26-26-61-41-98-41h-3c-37 0-72 15-98 41l-32 32c-22-8-44-17-65-28v-43c0-37-15-73-42-99-26-27-62-42-99-42h-44c-11-21-20-44-28-67l32-31c26-26 41-62 40-100 1-37-14-73-40-100l-31-30c7-23 16-44 26-65h45c37 0 73-15 99-42 27-26 42-62 42-99v-45c21-10 43-19 65-27z",wrench:"M959.438 274.25c0-22.090-17.914-40-40.004-40-11.16 0-21.242 4.582-28.496 11.954l-60.152 60.148c-15.622 15.622-40.946 15.618-56.566-0.004l-56.57-56.566c-15.622-15.622-15.622-40.95 0-56.57l59.55-59.546c7.75-7.292 12.614-17.618 12.614-29.102 0-22.090-17.914-40-40.004-40-1.598 0-3.164 0.122-4.71 0.304-0.012 0-0.020-0.008-0.032-0.004-94.958 11.586-168.504 92.492-168.504 190.574 0 23.528 4.238 46.058 11.98 66.886l-503.078 503.074c-1.496 1.496-2.8 3.102-4.012 4.758-10.914 13.676-17.454 30.992-17.454 49.848 0 44.188 35.818 79.996 79.996 79.996 18.906 0 36.27-6.574 49.964-17.54 1.614-1.188 3.18-2.464 4.64-3.926l503.078-503.078c20.828 7.742 43.36 11.98 66.882 11.98 97.988 0 178.828-73.402 190.54-168.222v-0.012c0.2-1.628 0.338-3.272 0.338-4.952zM151.996 912c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40s40.004 17.91 40.004 40c0 22.094-17.914 40-40.004 40z",nut:"M512 286a229 229 0 0 0-233 226c0 124 104 225 233 225h2a240 240 0 0 0 54-7c21-5 35-24 35-45a48 48 0 0 0-59-45 139 139 0 0 1-32 3c-75 0-136-59-136-131 0-73 61-132 136-132a134 134 0 0 1 132 161v1l-2 9c0 26 22 47 49 47a48 48 0 0 0 47-37c4-16 6-33 6-49 0-125-104-226-232-226m0-286c-16 0-33 4-47 12L90 223a91 91 0 0 0-47 79v420c0 33 18 63 47 79l375 211a96 96 0 0 0 94 0l375-211c29-16 47-46 47-79V302c0-33-18-63-47-79L559 12c-14-8-31-12-47-12m0 91l375 211v420L512 933 137 722V302L512 91",camera:"M925.164 208.372c-1.694-0.218-3.408-0.372-5.162-0.372h-471.968v-39.962c0-20.344-15.192-37.096-34.836-39.63-1.696-0.218-3.41-0.374-5.164-0.374h-176.004c-1.754 0-3.468 0.152-5.164 0.374-19.644 2.538-34.836 19.29-34.836 39.626v39.966h-88.032c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.536-34.838 19.29-34.838 39.628v528c0 22.094 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.46 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-528.004c-0-20.342-15.192-37.096-34.838-39.63zM880.002 736h-736.004v-448h736.004v448zM512 402.522c60.368 0 109.478 49.112 109.478 109.478s-49.112 109.478-109.478 109.478-109.478-49.112-109.478-109.478 49.11-109.478 109.478-109.478zM512 322.522c-104.644 0-189.478 84.832-189.478 189.478 0 104.644 84.834 189.478 189.478 189.478 104.646 0 189.478-84.834 189.478-189.478 0-104.646-84.832-189.478-189.478-189.478v0z",eye:"M1008.714 490.522c-9.002-12.594-223.276-308.808-496.684-308.808-273.444 0-487.682 296.214-496.684 308.808l-15.316 21.49 15.316 21.466c9.002 12.618 223.24 308.808 496.684 308.808 273.408 0 487.682-296.19 496.684-308.808l15.316-21.466-15.316-21.49zM807.68 631.688c-46 39.142-92.558 70.064-138.382 91.904-53.874 25.676-106.786 38.694-157.266 38.694-50.49 0-103.406-13.018-157.282-38.696-45.826-21.838-92.382-52.758-138.378-91.902-53.708-45.706-94.302-92.122-116.61-119.672 22.36-27.602 63.028-74.094 116.612-119.696 45.996-39.146 92.554-70.068 138.378-91.908 53.876-25.678 106.792-38.698 157.28-38.698 50.48 0 103.39 13.020 157.264 38.696 45.824 21.842 92.382 52.764 138.382 91.91 53.602 45.614 94.264 92.098 116.624 119.696-22.306 27.544-62.898 73.954-116.622 119.672zM692.032 512.036c0 99.41-80.588 180-180 180s-180-80.59-180-180c0-99.406 80.588-179.998 180-179.998s180 80.59 180 179.998z",eyeclose:"M75.744 948.314c-15.62-15.62-15.62-40.948 0-56.564l816-816c15.626-15.624 40.95-15.624 56.57 0 15.624 15.62 15.626 40.946 0.004 56.57l-816 815.994c-15.62 15.62-40.95 15.62-56.572 0zM332.032 512.034c0 20.104 3.296 39.434 9.376 57.484l228.104-228.106c-18.050-6.080-37.38-9.376-57.48-9.376-99.412-0.004-180 80.588-180 179.996zM692.032 512.034c0-20.1-3.3-39.432-9.38-57.484l-228.106 228.11c18.052 6.080 37.384 9.376 57.488 9.376 99.412 0 180-80.59 180-180zM1008.716 490.522c-4.98-6.968-72.86-100.8-178.81-183.22l-57.040 57.040c11.624 8.8 23.24 18.128 34.814 27.98 53.6 45.614 94.264 92.1 116.624 119.696-22.304 27.544-62.896 73.954-116.62 119.672-46 39.14-92.56 70.064-138.384 91.904-53.872 25.676-106.786 38.694-157.266 38.694-37.448 0-76.234-7.18-115.76-21.36l-61.486 61.49c54.786 24.22 114.45 39.87 177.248 39.87 273.41 0 487.684-296.19 496.686-308.808l15.316-21.468-15.316-21.49zM216.372 631.69c-53.708-45.706-94.3-92.12-116.61-119.672 22.36-27.6 63.028-74.094 116.612-119.696 46-39.146 92.554-70.068 138.38-91.908 53.874-25.68 106.79-38.7 157.28-38.7 37.46 0 76.264 7.188 115.8 21.38l61.484-61.484c-54.796-24.236-114.474-39.896-177.286-39.896-273.446 0-487.684 296.214-496.686 308.808l-15.316 21.49 15.314 21.466c4.98 6.984 72.866 100.84 178.84 183.26l57.040-57.040c-11.64-8.806-23.264-18.144-34.854-28.008z",photo:"M920 64h-816c-22.092 0-40 17.91-40 40v816c0 22.094 17.908 40 40 40h816c22.092 0 40-17.906 40-40v-816c0-22.090-17.908-40-40-40zM880 144v449.782l-235.39-235.392c-7.502-7.5-17.676-11.714-28.286-11.714s-20.784 4.214-28.286 11.716l-169.804 169.804-40.958-40.958c-15.622-15.622-40.95-15.622-56.57 0l-176.708 176.708v-519.946h736.002zM144 880v-102.914l204.992-204.994 215.972 215.974c7.81 7.81 18.048 11.714 28.286 11.714s20.474-3.904 28.286-11.714c15.62-15.622 15.62-40.95 0-56.57l-146.732-146.73 141.522-141.524 263.676 263.68v173.078h-736.002zM356.174 400.542c52.466 0 95-42.536 95-95s-42.534-95-95-95-95 42.536-95 95 42.534 95 95 95zM356.174 250.542c30.326 0 55 24.672 55 55s-24.674 55-55 55-55-24.672-55-55 24.674-55 55-55z",video:"M926.050 273.364c-9.556 0-20.574 3.8-32.278 11.812l-189.738 129.894v-151.068c0-20.342-15.192-37.094-34.838-39.63-1.694-0.218-3.408-0.372-5.162-0.372h-560.002c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v496.002c0 22.092 17.91 40 40 40h560.004c13.808 0 25.98-6.998 33.168-17.638 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.922 1.2-1.862 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.612 4.704-12.010 4.704-18.81v-151.066l189.738 129.886c11.706 8.012 22.718 11.812 32.278 11.812 20.092 0 33.736-16.806 33.736-46.622v-384.032c0-29.816-13.644-46.62-33.738-46.62zM624.036 720h-480.004v-415.998h480.004v415.998zM879.788 632.3l-175.728-120.296 175.728-120.302v240.598zM240.688 663.534c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.092-17.914 40-40.004 40v0z",speaker:"M692.070 580.856c18.156-18.156 28.152-42.266 28.152-67.89-0.008-25.622-10.002-49.726-28.148-67.872-8.476-8.478-18.308-15.188-29-19.922-0.222-0.098-0.408-0.22-0.566-0.364-13.294-6.5-22.476-20.116-22.476-35.914 0-22.090 17.91-40 40-40 5.774 0 11.246 1.248 16.204 3.45 0.016 0.006 0.026 0.008 0.040 0.016 19.292 8.656 37.036 20.832 52.368 36.164 33.254 33.254 51.574 77.446 51.58 124.43 0.006 46.996-18.31 91.204-51.58 124.472-15.064 15.062-32.45 27.074-51.344 35.7-0.154 0.070-0.286 0.112-0.434 0.176-5.124 2.382-10.812 3.75-16.832 3.75-22.090 0-40-17.906-40-40 0-16.196 9.644-30.112 23.488-36.402 0.156-0.11 0.32-0.216 0.516-0.304 10.314-4.712 19.81-11.268 28.032-19.49zM861.778 275.386c-47.824-47.824-107.946-79.588-173.204-92.242-0.356-0.078-0.712-0.146-1.072-0.214-0.060-0.012-0.124-0.026-0.186-0.038-0.506-0.096-0.976-0.162-1.422-0.208-1.918-0.282-3.868-0.476-5.864-0.476-22.090 0-40 17.91-40 40 0 19.024 13.292 34.91 31.084 38.968 0.352 0.128 0.728 0.244 1.162 0.326 48.7 9.268 95.226 32.748 132.934 70.452 99.972 99.972 100.054 261.984-0.002 362.040-37.684 37.684-84.152 61.14-132.788 70.426-0.084 0.016-0.144 0.046-0.224 0.066-18.338 3.644-32.166 19.816-32.166 39.222 0 22.094 17.91 40 40 40 2.776 0 5.484-0.286 8.102-0.822 0.094-0.018 0.172-0.018 0.27-0.038 65.32-12.626 125.496-44.406 173.376-92.286 131.008-131.008 131.008-344.172 0-475.176zM525.988 159.516v704.968c0 22.090-17.906 40-40 40-12.73 0-24.046-5.966-31.374-15.234l-51.056-61.722v0.216l-122.14-147.666h-177.386c-22.090 0-40-17.906-40-40v0 0-256c0-5.22 1.030-10.194 2.85-14.766 0.104-0.266 0.184-0.542 0.294-0.804 0.39-0.924 0.844-1.812 1.3-2.702 0.134-0.26 0.242-0.538 0.382-0.794 0.246-0.456 0.54-0.878 0.804-1.324 6.972-11.726 19.734-19.61 34.368-19.61h177.386l173.13-209.238c7.324-9.316 18.67-15.324 31.44-15.324 22.092-0 40.002 17.91 40.002 40zM445.988 270.826l-126.708 153.252h-175.248v176h175.248l19.832 23.998h0.17l106.708 129.112v-482.362z",phone:"M742.52 960c-76.266 0-163.184-32.364-258.338-96.194-73.798-49.504-136.41-106.904-175.938-146.34-43.282-43.222-105.612-111.376-156.842-190.682-66.576-103.062-95.348-196.038-85.518-276.344 8.952-73.326 50.674-134.292 120.664-176.304 10.95-6.63 23.76-10.134 37.054-10.134 32.752 0 71.124 23.354 120.764 73.494 36.434 36.802 70.108 79.22 89.472 106.644 46.698 66.176 60.686 107.352 48.286 142.136-12.638 35.538-35.534 55.704-52.25 70.428-5.662 5.006-9.95 8.854-13.070 12.262 4.040 7.542 11.744 19.868 26.054 37.476 42.388 52.076 90.548 89.024 111.972 100.874 3.308-2.96 7.11-7.168 12.352-13.152 14.87-16.81 35.062-39.636 70.482-52.28 7.978-2.842 16.498-4.276 25.35-4.276 44.172 0 108.804 44.078 155.246 81.056 45.834 36.494 103.292 90.498 127.104 132.612 22.602 39.596 14.982 68.64 4.596 86.006-48.138 80.296-119.862 122.718-207.44 122.718zM224.758 144.53c-47.558 29.426-73.566 67.28-79.468 115.618-7.494 61.224 17.17 136.326 73.308 223.226 49.902 77.252 112.994 144.35 146.16 177.472 30.296 30.222 91.906 88.17 163.988 136.524 81.738 54.83 153.662 82.63 213.772 82.63 58.618 0 103.506-26.526 137.138-81.076-0.47-1.536-1.532-4.062-3.854-8.132-14.584-25.794-57.006-69.202-105.642-108.156-58.776-47.074-96.708-63.894-106.756-64.982-15.348 5.826-25.020 16.758-36.178 29.372-12.542 14.318-28.31 32.316-55.476 41.528l-6.25 2.12h-6.598c-8.704 0-31.826 0-86.73-43.378-32.196-25.438-64.65-57.534-91.38-90.374-35.712-43.942-51.41-77.764-46.674-100.548l0.55-2.642 0.9-2.546c9.19-26 26.284-41.118 41.364-54.458 12.726-11.208 23.698-20.874 29.494-36.378-0.606-4.398-5.076-23.488-37.948-70.072-15.882-22.494-45.746-60.376-77.614-93.084-39.93-40.986-60.106-50.546-66.106-52.664z",flag:"M168 960.060c-22.092 0-40-17.908-40-40v-816.36c0-22.092 17.908-40 40-40h687.698c16.178 0 30.764 9.746 36.956 24.694 6.192 14.946 2.77 32.15-8.67 43.59l-188.918 188.922 189.218 189.216c11.44 11.442 14.862 28.646 8.67 43.592-6.192 14.948-20.776 24.694-36.956 24.694h-647.998v341.654c0 22.090-17.908 39.998-40 39.998zM208 498.406h551.428l-149.218-149.216c-15.622-15.622-15.622-40.95 0-56.568l148.918-148.922h-551.128v354.706z",pin:"M512 959.916c-13.36 0-25.84-6.672-33.262-17.782l-242.080-362.324c-0.12-0.176-0.236-0.356-0.354-0.536-36.394-54.5-55.63-118.042-55.63-183.804 0-182.696 148.632-331.324 331.326-331.324 182.696 0 331.328 148.628 331.328 331.324 0 60.71-16.554 119.98-47.906 171.652-0.758 1.528-1.618 3.016-2.578 4.45l-5.786 8.664c-0.054 0.082-0.112 0.164-0.168 0.246-0.042 0.070-0.104 0.16-0.148 0.23l-241.484 361.426c-7.422 11.106-19.898 17.778-33.258 17.778zM303.458 535.784l0.026 0.040c0.038 0.054 0.158 0.238 0.194 0.292l208.324 311.796 212.374-317.86c0.376-0.696 0.778-1.382 1.198-2.062 24.7-39.708 37.758-85.532 37.758-132.52 0-138.582-112.746-251.324-251.328-251.324s-251.326 112.742-251.326 251.324c0 50.054 14.674 98.39 42.432 139.782 0.114 0.176 0.232 0.356 0.348 0.532zM512 304.4c49.98 0 90.64 40.66 90.64 90.64 0 49.976-40.66 90.636-90.64 90.636s-90.64-40.66-90.64-90.636c0-49.98 40.66-90.64 90.64-90.64zM512 224.4c-94.242 0-170.64 76.398-170.64 170.64s76.398 170.636 170.64 170.636 170.64-76.394 170.64-170.636-76.398-170.64-170.64-170.64v0z",compass:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm242.4 178.1a22.9 22.9 0 012.9 28.9L574.9 571.7l-3.2 3.2-273.3 182.4a22.9 22.9 0 01-31.7-31.7l181-271.6c1.7-2.5 3.8-4.6 6.3-6.3l271.6-181c9-6 21.1-4.9 28.8 2.8zM483.2 483.3l-115 172.4 172.5-115-57.5-57.4z",globe:"M533.6 1.6a144.2 144.2 0 00-43.2 0A511.7 511.7 0 000 512.6 511.7 511.7 0 00512 1024c282.8 0 512-229 512-511.4a511.7 511.7 0 00-490.4-511zM930 467H749c-3.6-105.7-20-204.7-47.2-282.5a494.4 494.4 0 00-24.2-58.2 419.3 419.3 0 01131.8 89.3A416.7 416.7 0 01930.2 467zM512 931.5c-75.3 0-137.3-163.3-145.4-373.3h290.8c-8.1 210-70.1 373.3-145.4 373.3zM366.5 467c7.4-200.2 63.7-358.5 134-374.3a406.8 406.8 0 0123 0c70.3 15.9 126.6 174.1 134 374.3h-291zM214.6 215.5A420.7 420.7 0 01346.4 126c-8.7 17.7-16.9 37.1-24.2 58.2-27.1 78-43.6 177-47.2 282.5H94a416.7 416.7 0 01120.7-251.3zM93.9 558.2H275c3.8 104.8 20.2 203 47 280.3a488.6 488.6 0 0025.8 61 420.4 420.4 0 01-133.3-89.9A416.7 416.7 0 0193.9 558.2zm715.5 251.4a420.4 420.4 0 01-133.3 90c9.3-18.4 18-38.8 25.7-61.1 27-77.4 43.3-175.5 47-280.3h181.3a416.7 416.7 0 01-120.7 251.4z",location:"M1024 512a512 512 0 10-512.1 512C643 1024 774 974 874 874s150-231 150-362zM809.4 809.4a417.4 417.4 0 01-251.7 120.7v-153a45.7 45.7 0 00-91.5 0v153a417 417 0 01-251.6-120.7A417.7 417.7 0 0194 557.7h153a45.7 45.7 0 000-91.5h-153a417.3 417.3 0 01120.7-251.6A417.5 417.5 0 01466.2 93.8v153a45.7 45.7 0 0091.4 0v-153a417.4 417.4 0 01251.8 120.7A417.5 417.5 0 01930 466.2H777a45.7 45.7 0 000 91.4h153a417.3 417.3 0 01-120.7 251.7v.1z",search:"M218 670a318 318 0 0 1 0-451 316 316 0 0 1 451 0 318 318 0 0 1 0 451 316 316 0 0 1-451 0m750 240L756 698a402 402 0 1 0-59 60l212 212c16 16 42 16 59 0 16-17 16-43 0-60",zoom:"M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z",zoomout:"M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z",zoomreset:"M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z",timer:"M571.5 0a42.7 42.7 0 010 85.3h-16.7l-.2 53.1a441.6 441.6 0 01221.2 84.9l44.7-44.6a42.7 42.7 0 0160.3 60.3l-41.5 41.5a443.8 443.8 0 11-370-142l.1-53.2H452A42.7 42.7 0 01452 0h119.5zM512 221.7a356 356 0 00-253.5 105 356 356 0 00-105 253.5 356 356 0 00105 253.5 356 356 0 00253.5 105 356 356 0 00253.5-105 356.2 356.2 0 00105-253.5 356 356 0 00-105-253.5 356 356 0 00-253.5-105zm-.1 52.7a42.7 42.7 0 0142.6 42.6v206.6a68.2 68.2 0 0125.3 47.3l.2 5.8a68.2 68.2 0 11-110.8-53.4V317a42.7 42.7 0 0142.7-42.6z",time:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 91.4c-112.3 0-218 43.8-297.4 123.2A417.8 417.8 0 0091.4 512c0 112.3 43.8 218 123.2 297.4A417.8 417.8 0 00512 932.6c112.3 0 218-43.8 297.4-123.2A417.8 417.8 0 00932.6 512c0-112.3-43.8-218-123.2-297.4A417.8 417.8 0 00512 91.4zm0 54.9a45.7 45.7 0 0145.7 45.7v280H759a45.7 45.7 0 010 91.4H512c-6.1 0-12-1.2-17.4-3.4l-.4-.2-2-1c-.7-.3-1.4-.5-2-.9l-.7-.4-3-1.9-.4-.2c-12-8.2-19.8-22-19.8-37.7V192a45.7 45.7 0 0145.7-45.7z",lightning:"M320.022 1022.644c-7.408 0-14.852-2.052-21.44-6.238-15.292-9.714-22.144-28.494-16.706-45.774l115.186-365.908-214.552-52.57c-14.714-3.606-26.128-15.214-29.486-29.988-3.356-14.772 1.92-30.174 13.632-39.786l576-472.662c14.458-11.864 35.208-12.126 49.962-0.626 14.752 11.496 19.568 31.682 11.594 48.602l-171.202 363.256 208.648 51.756c14.29 3.544 25.476 14.652 29.124 28.914s-0.834 29.376-11.668 39.344l-512 471.112c-7.586 6.984-17.308 10.568-27.092 10.568zM279.236 493.49l178.314 43.69c10.74 2.632 19.912 9.59 25.336 19.226s6.62 21.086 3.298 31.636l-83.030 263.76 347.066-319.352-183.82-45.596c-11.63-2.884-21.356-10.832-26.498-21.656-5.144-10.822-5.164-23.382-0.054-34.22l116.31-246.788-376.922 309.3z",lightningoff:"M310 374L76 150a37 37 0 0 1 0-54c15-14 41-14 56 0l816 778c16 15 16 39 0 54a41 41 0 0 1-56 0L666 712l-57-54-242-230-57-54zm-32 28l57 54-44 38 115 29 78 76-75 254 169-165 57 54-279 271c-8 7-17 11-26 11-7 0-14-2-20-6a41 41 0 0 1-16-46l109-367-203-52c-14-4-25-16-28-30-4-15 1-31 13-40l93-81zm124-108L731 9c13-12 33-12 47-1 14 12 19 32 11 49L627 421l198 52c13 4 24 15 27 29 4 14-1 29-11 39l-89 87-56-54 42-41-118-31-80-76 109-242-190 165-57-55z",dashboard:"M512 85.3a512 512 0 01361 875c-99.5-44-225-70.4-361.6-70.4-136.1 0-261.4 26.2-360.8 70A512 512 0 01512 85.4zm0 91.5c-112.4 0-218 43.7-297.4 123.1A417.8 417.8 0 0091.4 597.3c0 93 30 181.5 85.5 254.2 101-34.8 215.3-53 334.5-53 119.6 0 234.2 18.3 335.5 53.4a417.3 417.3 0 0085.7-254.6c0-112.3-43.8-218-123.2-297.4a417.5 417.5 0 00-275-122.6l-22.4-.5zm219.7 115.7a45.7 45.7 0 0116.7 62.4L580.4 646c6.5 17.1 6.7 36.6-.6 54.3l-4.3 8.7A73.1 73.1 0 11501.3 600l168-291a45.7 45.7 0 0162.4-16.6z",hourglass:"M511.926 801.946c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM831.682 915.242c0.192 1.582 0.318 3.186 0.318 4.82 0 22.090-17.908 40-40 40h-560c-22.092 0-40-17.914-40-40 0-2.438 0.252-4.812 0.67-7.128 2.36-53.636 18.034-105.7 45.852-151.554 0.734-1.476 1.562-2.912 2.492-4.296l5.582-8.364c0.054-0.080 0.11-0.158 0.164-0.238 0.042-0.068 0.098-0.156 0.144-0.222l157.704-236.036-158.5-237.228c-0.116-0.17-0.23-0.342-0.34-0.516-32.842-49.178-51.11-105.994-53.368-165.044-0.238-1.762-0.402-3.546-0.402-5.374 0-22.090 17.908-40 40-40h560c22.092 0 40 17.914 40 40 0 2.056-0.204 4.064-0.504 6.038-2.194 54.020-17.886 106.48-45.894 152.648-0.734 1.472-1.562 2.91-2.492 4.294l-5.582 8.366c-0.054 0.078-0.11 0.156-0.164 0.236-0.042 0.068-0.098 0.154-0.144 0.222l-157.734 236.082 158.468 237.182c0.116 0.168 0.23 0.344 0.34 0.516 32.946 49.33 51.226 106.346 53.39 165.596zM749.958 144.060h-475.99c6.138 31.304 18.384 61.124 36.354 87.916 0.118 0.17 0.23 0.344 0.342 0.514l0.024 0.038c0.036 0.054 0.15 0.23 0.186 0.284l54.286 81.25h293.596l58.196-87.1c0.366-0.67 0.75-1.334 1.154-1.99 15.492-24.916 26.228-52.324 31.852-80.912zM497.528 512.178l-0.032 0.046 14.426 21.592 93.378-139.756h-186.692l78.92 118.118zM305.96 799.156c-15.498 24.91-26.234 52.318-31.856 80.906h476.052c-6.138-31.304-18.384-61.122-36.354-87.918-0.118-0.168-0.23-0.344-0.342-0.512l-0.024-0.040c-0.036-0.050-0.15-0.23-0.186-0.282l-140.242-209.902-28.98 43.374c-7.166 10.72-19.21 17.162-32.11 17.162-12.896 0-24.942-6.442-32.11-17.166l-28.76-43.044-143.938 215.428c-0.36 0.674-0.744 1.338-1.15 1.994z",play:"M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z",stop:"M1024 512A512 512 0 100 512a512 512 0 001024 0zM215 809a418 418 0 010-594 418 418 0 01594 0 418 418 0 010 594 418 418 0 01-594 0zm471-78H338c-25 0-45-20-45-45V338c0-25 20-45 45-45h348c25 0 45 20 45 45v348c0 25-20 45-45 45z",email:"M960.032 268.004c0.748-10.040-2.246-20.364-9.226-28.684-5.984-7.132-13.938-11.62-22.394-13.394-0.13-0.026-0.268-0.066-0.396-0.092-1.082-0.22-2.172-0.376-3.272-0.5-0.25-0.032-0.492-0.080-0.742-0.102-1.028-0.096-2.052-0.136-3.090-0.156-0.292-0.002-0.582-0.042-0.876-0.042h-816.008c-21.416 0-38.848 16.844-39.898 38-0.034 0.628-0.092 1.256-0.096 1.89 0 0.034-0.006 0.074-0.006 0.114 0 0.050 0.008 0.102 0.008 0.152v495.692c0 0.054-0.008 0.106-0.008 0.156 0 22.090 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.17-17.636 0.1-0.148 0.182-0.312 0.28-0.458 0.606-0.93 1.196-1.868 1.722-2.84 0.046-0.082 0.080-0.172 0.124-0.258 2.992-5.604 4.704-12.008 4.704-18.804v0 0-493.038zM144.032 350.156l339.946 281.188c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.042 1.492-0.058c0.842-0.028 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.946-281.206v370.894h-736v-370.876zM215.066 305.030h593.91l-296.946 245.422-296.964-245.422z",comment:"M288 378.668h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40s17.91-40 40-40zM736 565.334h-448c-22.090 0-40 17.91-40 40 0 22.094 17.91 40 40 40h448c22.094 0 40-17.906 40-40 0-22.090-17.906-40-40-40zM960 232.004v560c0 6.804-1.714 13.196-4.704 18.812-0.042 0.082-0.078 0.172-0.124 0.254-0.524 0.976-1.11 1.914-1.722 2.836-0.098 0.152-0.18 0.314-0.282 0.458-7.188 10.64-19.36 17.636-33.168 17.636h-519.766l-114.292 114.286c-8.036 8.046-18.644 11.91-29.18 11.67-0.292 0.008-0.582 0.046-0.876 0.046-22.090 0-40-17.91-40-40v-86.004h-111.886c-22.090 0-40-17.906-40-40v0-560c0-20.34 15.192-37.094 34.84-39.632 1.692-0.214 3.406-0.368 5.16-0.368h816c1.754 0 3.468 0.154 5.164 0.368 19.644 2.542 34.836 19.296 34.836 39.638zM880 272h-736v480h736v-480z",requestchange:"M925.164 193.396c-1.696-0.214-3.41-0.368-5.164-0.368h-816c-1.754 0-3.468 0.152-5.16 0.368-19.648 2.54-34.84 19.292-34.84 39.632v560c0 22.094 17.91 40 40 40h111.886v86.004c0 22.090 17.91 40 40 40 0.292 0 0.582-0.040 0.876-0.046 10.536 0.238 21.144-3.624 29.18-11.67l114.292-114.286h519.766c13.808 0 25.98-6.996 33.168-17.636 0.102-0.144 0.184-0.304 0.282-0.458 0.614-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.082-0.172 0.124-0.254 2.988-5.618 4.704-12.008 4.704-18.812v0-560c-0-20.346-15.192-37.098-34.836-39.638zM880 753.028h-736v-480h736v480zM756.334 484.17l-125-125.436c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l57.004 57.204h-335.67c-22.092 0-40 17.908-40 40s17.908 40 40 40h335.258l-56.508 56.368c-15.64 15.602-15.672 40.928-0.070 56.57 7.814 7.832 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l125-124.688c15.634-15.596 15.672-40.912 0.084-56.556z",link:"M743.52 529.234c5.616-5.616 83.048-83.046 88.462-88.46 30.944-32.778 47.97-75.636 47.97-120.792 0-47.048-18.304-91.26-51.542-124.484-33.228-33.22-77.43-51.516-124.458-51.516-45.024 0-87.792 16.94-120.536 47.72l-104.458 104.456c-30.792 32.738-47.734 75.512-47.734 120.548 0 41.916 14.576 81.544 41.248 113.196 3.264 3.876 6.666 7.664 10.292 11.29 4.258 4.258 8.704 8.262 13.304 12.022 0.054 0.080 0.096 0.152 0.148 0.232 9.572 7.308 15.778 18.804 15.778 31.776 0 22.094-17.914 40-40.004 40-8.542 0-16.442-2.696-22.938-7.26-2.746-1.93-20.622-17.43-30.35-28.050-0.008-0.010-0.018-0.018-0.026-0.028-4.992-5.432-13.234-15.23-18.552-22.65s-16.556-25.872-17.036-26.736c-0.7-1.262-2.974-5.526-3.422-6.39-0.69-1.334-6.118-12.67-6.114-12.67-14.342-31.96-22.332-67.4-22.332-104.728 0-60.826 21.198-116.648 56.58-160.544 0.252-0.314 4.61-5.594 6.594-7.866 0.304-0.35 5.038-5.636 7.16-7.874 0.252-0.268 105.86-105.874 106.128-106.126 45.902-43.584 107.958-70.314 176.264-70.314 141.382 0 255.998 114.5 255.998 256 0 68.516-26.882 130.688-70.652 176.61-0.144 0.148-109.854 109.546-112.090 111.528-0.958 0.848-5.072 4.352-5.072 4.352-6.448 5.434-13.132 10.592-20.1 15.378 0.412-6.836 0.644-13.702 0.644-20.6 0-26.46-3.108-52.206-8.918-76.918l-0.236-1.102zM616.144 767.82c35.382-43.896 56.58-99.718 56.58-160.544 0-37.328-7.99-72.768-22.332-104.728 0.004 0 0.006-0.002 0.010-0.004-0.258-0.576-0.538-1.14-0.8-1.714-0.686-1.498-2.894-6.112-3.296-6.93-0.668-1.344-2.952-5.732-3.386-6.604-3.48-6.982-8.708-15.126-9.49-16.366-0.498-0.792-0.996-1.58-1.502-2.364-0.834-1.29-15.364-22.066-26.656-34.466-0.008-0.010-0.018-0.018-0.026-0.028-7.056-8.448-24.932-24.198-30.35-28.050-6.47-4.602-14.396-7.26-22.938-7.26-22.090 0-40.004 17.906-40.004 40 0 12.97 6.206 24.466 15.778 31.776 0.052 0.080 0.094 0.152 0.148 0.232 4.602 3.76 20.334 19.434 23.598 23.31 26.672 31.65 41.248 71.28 41.248 113.196 0 45.038-16.944 87.81-47.734 120.548l-104.458 104.456c-32.742 30.782-75.512 47.72-120.536 47.72-47.028 0-91.228-18.294-124.458-51.516-33.236-33.224-51.542-77.436-51.542-124.484 0-45.154 17.028-88.014 47.97-120.792 5.414-5.414 40.812-40.812 68.958-68.958 7.176-7.176 13.888-13.886 19.504-19.502v-0.002c-0.356-1.562-0.246-1.096-0.246-1.096-5.81-24.712-8.918-50.458-8.918-76.918 0-6.898 0.232-13.764 0.644-20.6-6.966 4.788-20.1 15.33-20.1 15.33-0.734 0.62-9.518 8.388-11.68 10.45-0.16 0.154-105.338 105.33-105.482 105.478-43.77 45.922-70.652 108.094-70.652 176.61 0 141.5 114.616 256 255.998 256 68.306 0 130.362-26.73 176.264-70.314 0.27-0.254 105.876-105.86 106.128-106.126 0.004-0.002 13.506-15.426 13.758-15.74z",paperclip:"M824.25 369.354c68.146-70.452 67.478-182.784-2.094-252.354-70.296-70.296-184.266-70.296-254.558 0-0.014 0.012-0.028 0.026-0.042 0.042-0.004 0.002-0.006 0.004-0.010 0.008l-433.144 433.142c-0.036 0.036-0.074 0.068-0.11 0.106-0.054 0.052-0.106 0.11-0.16 0.162l-2.668 2.67c-0.286 0.286-0.528 0.596-0.8 0.888-43.028 44.88-66.664 103.616-66.664 165.986 0 64.106 24.962 124.376 70.292 169.704 45.328 45.33 105.598 70.292 169.706 70.292 50.612 0 98.822-15.57 139.186-44.428 4.932-1.952 9.556-4.906 13.544-8.894l16.802-16.802c0.056-0.056 0.116-0.112 0.172-0.168 0.038-0.038 0.074-0.076 0.112-0.116l289.010-289.014c15.622-15.618 15.62-40.942 0-56.56s-40.948-15.62-56.566 0l-289.124 289.122c-62.482 62.484-163.792 62.484-226.274 0-62.484-62.482-62.484-163.79 0-226.272h-0.002l433.134-433.12c0.058-0.060 0.112-0.122 0.172-0.18 38.99-38.99 102.43-38.99 141.42 0 38.992 38.99 38.99 102.432 0 141.422-0.058 0.060-0.122 0.114-0.18 0.17l0.006 0.006-280.536 280.534c-0.002-0.002-0.002-0.004-0.004-0.006l-79.978 79.98c-0.010 0.010-0.016 0.020-0.028 0.028-0.008 0.012-0.018 0.018-0.028 0.028l-0.064 0.062c-15.622 15.624-40.944 15.624-56.562 0-15.624-15.62-15.624-40.944-0.002-56.566l0.062-0.062c0.010-0.010 0.018-0.020 0.028-0.028 0.008-0.012 0.020-0.018 0.028-0.028l79.98-79.978c-0.002-0.002-0.004-0.002-0.006-0.004l136.508-136.512c15.622-15.62 15.62-40.944-0.002-56.562-15.618-15.62-40.946-15.62-56.564 0l-219.342 219.344c-1.284 1.284-2.42 2.652-3.494 4.052-40.4 47.148-38.316 118.184 6.322 162.824 44.64 44.638 115.674 46.722 162.82 6.324 1.402-1.072 2.772-2.21 4.054-3.494l2.83-2.832c0.002 0 0.002 0 0.002 0s0 0 0 0l360.54-360.54c0.058-0.056 0.12-0.114 0.18-0.172 0.050-0.050 0.098-0.106 0.15-0.158l0.994-0.994c0.34-0.338 0.63-0.702 0.952-1.052z",box:"M960.016 408.080c0-0.672-0.046-1.342-0.078-2.014-0.032-0.594-0.044-1.19-0.102-1.782-0.068-0.726-0.186-1.448-0.294-2.17-0.080-0.54-0.144-1.080-0.248-1.616-0.138-0.724-0.326-1.442-0.506-2.16-0.134-0.534-0.252-1.070-0.408-1.6-0.196-0.662-0.436-1.314-0.668-1.968-0.204-0.582-0.396-1.166-0.628-1.74-0.226-0.56-0.494-1.11-0.75-1.662-0.3-0.656-0.598-1.312-0.934-1.954-0.242-0.454-0.514-0.894-0.774-1.342-0.414-0.716-0.83-1.43-1.292-2.124-0.256-0.382-0.538-0.752-0.806-1.128-0.514-0.716-1.036-1.428-1.602-2.116-0.090-0.11-0.162-0.226-0.254-0.336-0.244-0.292-0.516-0.542-0.768-0.826-0.534-0.6-1.068-1.198-1.644-1.772-0.48-0.478-0.982-0.924-1.48-1.376-0.354-0.316-0.674-0.658-1.040-0.964l-405.788-335.666c-6.568-6.436-14.918-10.166-23.564-11.124-0.16-0.022-0.32-0.050-0.48-0.066-0.838-0.082-1.676-0.11-2.518-0.14-0.496-0.020-0.994-0.058-1.492-0.058s-0.996 0.040-1.492 0.058c-0.842 0.028-1.68 0.058-2.518 0.14-0.16 0.016-0.32 0.044-0.48 0.066-8.646 0.956-16.996 4.688-23.564 11.124l-405.662 335.542c-7.13 5.982-11.616 13.93-13.392 22.382-0.032 0.14-0.070 0.278-0.1 0.42-0.212 1.072-0.37 2.152-0.494 3.238-0.032 0.258-0.078 0.51-0.106 0.77-0.086 0.89-0.114 1.786-0.138 2.68-0.014 0.39-0.052 0.78-0.054 1.17 0 0.040-0.006 0.074-0.006 0.114v204.856c-0.958 12.434 3.854 25.128 14.134 33.754l405.662 335.54c6.568 6.438 14.918 10.168 23.564 11.124 0.16 0.020 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058 0.054 0 0.11-0.008 0.162-0.008 0.042 0 0.084 0.008 0.126 0.008 0.342 0 0.672-0.042 1.012-0.050 0.062-0.004 0.126-0.008 0.192-0.008 0.134-0.004 0.27-0.020 0.402-0.024 10.602-0.422 20.136-4.938 27.054-12.046l404.526-334.624c0.084-0.066 0.166-0.136 0.248-0.204l0.12-0.098c0.17-0.144 0.314-0.304 0.48-0.45 0.814-0.704 1.614-1.43 2.37-2.2 0.296-0.3 0.562-0.624 0.85-0.934 0.602-0.652 1.2-1.308 1.756-2 0.3-0.372 0.566-0.758 0.852-1.136 0.504-0.672 1.002-1.344 1.462-2.046 0.242-0.368 0.458-0.75 0.686-1.124 0.458-0.754 0.908-1.508 1.316-2.292 0.164-0.312 0.304-0.636 0.46-0.954 0.426-0.872 0.832-1.746 1.196-2.652 0.092-0.23 0.168-0.464 0.256-0.696 0.376-0.996 0.728-2 1.026-3.032 0.042-0.148 0.074-0.296 0.114-0.442 0.306-1.102 0.578-2.218 0.79-3.356 0.016-0.082 0.024-0.164 0.038-0.246 0.212-1.184 0.382-2.378 0.49-3.598v0c0.1-1.156 0.176-2.32 0.176-3.5v-204.86c0.024-0.318 0.022-0.638 0.040-0.958 0.026-0.668 0.074-1.338 0.074-2.008zM143.89 493.202l328.14 271.42v103.902l-328.14-271.18v-104.142zM552.032 764.402l327.868-271.212v103.88l-327.868 270.972v-103.64zM511.898 122.66l345.348 285.42-345.348 285.42-345.374-285.42 345.374-285.42z",structure:"M954.324 833.3c0.208-0.558 0.388-1.128 0.586-1.692 0.3-0.868 0.608-1.734 0.882-2.61 0.234-0.746 0.444-1.5 0.66-2.25 0.212-0.734 0.432-1.464 0.624-2.204 0.204-0.766 0.378-1.54 0.562-2.308 0.18-0.766 0.366-1.528 0.528-2.292 0.146-0.692 0.272-1.386 0.402-2.082 0.168-0.89 0.332-1.778 0.476-2.668 0.090-0.566 0.164-1.136 0.244-1.704 0.148-1.058 0.29-2.118 0.404-3.18 0.042-0.422 0.080-0.852 0.12-1.274 0.118-1.23 0.212-2.46 0.282-3.696 0.018-0.304 0.030-0.606 0.042-0.906 0.062-1.36 0.098-2.718 0.104-4.082 0-0.114 0.008-0.226 0.008-0.34 0-0.128-0.010-0.258-0.010-0.39-0.006-1.368-0.042-2.734-0.104-4.102-0.014-0.296-0.030-0.594-0.044-0.89-0.070-1.246-0.166-2.492-0.284-3.738-0.042-0.434-0.084-0.864-0.128-1.292-0.116-1.050-0.25-2.098-0.4-3.144-0.088-0.628-0.18-1.258-0.282-1.882-0.13-0.8-0.276-1.598-0.428-2.394-0.162-0.868-0.332-1.73-0.518-2.594-0.116-0.524-0.24-1.046-0.364-1.57-0.264-1.128-0.542-2.25-0.846-3.36-0.070-0.254-0.144-0.504-0.214-0.754-11.38-40.382-48.464-69.996-92.488-69.996-3.066 0-6.096 0.16-9.088 0.442l-264.576-458.262c21.080-29.698 24.3-70.13 4.9-103.732-12.596-21.816-32.458-36.812-54.764-43.724-0.062-0.020-0.124-0.036-0.186-0.054-1.394-0.43-2.798-0.83-4.21-1.196-0.296-0.076-0.596-0.142-0.894-0.216-1.208-0.3-2.422-0.586-3.642-0.84-0.384-0.082-0.774-0.148-1.16-0.224-1.168-0.228-2.338-0.444-3.514-0.626-0.384-0.060-0.776-0.112-1.162-0.168-1.208-0.174-2.416-0.332-3.63-0.46-0.35-0.038-0.7-0.066-1.048-0.1-1.27-0.12-2.54-0.218-3.814-0.29-0.32-0.018-0.642-0.032-0.964-0.044-1.294-0.058-2.594-0.094-3.892-0.1-0.166 0-0.328-0.012-0.492-0.012-0.19 0-0.376 0.014-0.564 0.014-1.21 0.008-2.42 0.040-3.63 0.092-0.494 0.022-0.986 0.046-1.478 0.074-0.992 0.060-1.986 0.136-2.978 0.226-0.722 0.064-1.442 0.134-2.16 0.214-0.696 0.080-1.392 0.17-2.090 0.266-1.014 0.136-2.026 0.286-3.032 0.452-0.352 0.060-0.704 0.124-1.054 0.19-44.97 8.028-79.122 47.302-79.122 94.582 0 20.756 6.602 39.958 17.79 55.67l-264.58 458.26c-2.954-0.274-5.94-0.434-8.962-0.434-53.078 0-96.11 43.032-96.11 96.11 0 53.082 43.032 96.11 96.11 96.11 38.8 0 72.208-23.004 87.386-56.11l529.202-0.004c0.138 0.304 0.292 0.606 0.436 0.91 0.226 0.48 0.456 0.958 0.69 1.434 0.474 0.968 0.966 1.93 1.476 2.882 0.214 0.402 0.432 0.8 0.65 1.2 0.314 0.566 0.604 1.14 0.93 1.708 0.284 0.488 0.59 0.958 0.88 1.442 0.122 0.2 0.244 0.398 0.37 0.602 27.086 44.372 84.766 59.278 130.040 33.136 18.864-10.89 32.624-27.214 40.478-45.852 0.054-0.132 0.104-0.266 0.158-0.398 0.518-1.248 1.020-2.506 1.486-3.776zM238.414 744.282l264.542-458.204c0.424 0.042 0.85 0.064 1.276 0.098 0.668 0.056 1.334 0.112 2.004 0.152 0.652 0.040 1.306 0.066 1.96 0.092 1.122 0.046 2.244 0.076 3.368 0.084 0.146 0.002 0.292 0.012 0.438 0.012 0.168 0 0.334-0.012 0.502-0.014 1.436-0.004 2.874-0.040 4.31-0.108 0.088-0.006 0.176-0.010 0.262-0.014 1.376-0.070 2.75-0.168 4.124-0.296l264.596 458.298c-3.48 4.894-6.514 10.122-9.042 15.636h-529.226c-2.546-5.55-5.602-10.814-9.114-15.736z",cpu:"M392.016 672.016h240.032c22.092 0 40-17.908 40-40v-240.032c0-22.092-17.908-40-40-40h-240.032c-22.092 0-40 17.908-40 40v240.032c0 22.092 17.908 40 40 40zM432.016 431.984h160.032v160.032h-160.032v-160.032zM864.032 424h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-143.968c0-22.092-17.908-40-40-40h-144v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-176v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-144c-22.092 0-40 17.908-40 40v143.968h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v176h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v144.030c0 22.092 17.908 40 40 40h144v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h176v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h144c22.092 0 40-17.908 40-40v-144.030h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-176zM784.032 784.032h-143.692c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-143.696v-544h544v544z",memory:"M320.032 416.032v-152.968c0-22.094 17.91-40 40-40 22.094 0 40 17.91 40 40.004v152.964c0 22.090-17.906 40-40 40s-40-17.908-40-40zM512 456.032c22.094 0 40-17.91 40-40v-152.964c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v152.968c0 22.092 17.908 40 40 40zM664.032 456.032c22.094 0 40-17.91 40-40v-82.996c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v83c0 22.092 17.906 40 40 40zM864.018 316.616v603.418c0 0.004 0 0.004 0 0.004 0 6.798-1.71 13.198-4.704 18.808-0.044 0.084-0.078 0.172-0.124 0.254-0.524 0.976-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.312-0.282 0.46-7.188 10.638-19.36 17.634-33.168 17.634h-623.99c-22.090 0-40-17.908-40-40v-343.574c-0.002-0.142-0.022-0.282-0.022-0.426 0-0.142 0.020-0.282 0.022-0.426v-471.574c0-20.34 15.192-37.092 34.838-39.63 1.694-0.216 3.408-0.37 5.162-0.37l411.254 0.052c10.594-0.286 21.282 3.58 29.368 11.668l211.672 212.206c7.906 7.908 11.792 18.298 11.696 28.66zM240.026 144.034v391.998h543.99v-203.27l-188.252-188.728h-355.738zM784.016 880.032v-264h-543.99v264h543.99z",database:"M895.95 221.364c-3.414-87.32-173.972-157.672-383.918-157.672s-380.504 70.352-383.918 157.672h-0.082v578.328c0 88.552 171.918 160.338 384 160.338s384-71.786 384-160.338v-578.328h-0.082zM798.412 430.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-92.9c70.29 37.478 179.654 61.566 302.5 61.566s232.21-24.088 302.5-61.566v92.9c-2.476 3.266-7.416 8.522-16.12 14.874zM814.532 514.464v93.24c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-93.24c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566zM225.652 209.146c15.6-11.386 37.69-22.346 63.88-31.696 60.984-21.77 140.002-33.758 222.498-33.758s161.514 11.988 222.498 33.758c26.192 9.348 48.282 20.308 63.882 31.696 8.704 6.352 13.646 11.608 16.12 14.874v0.026c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-0.026c2.476-3.268 7.418-8.524 16.122-14.874zM798.412 814.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.714-6.36-13.66-11.62-16.13-14.886h0.010v-93.228c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566v93.228h0.010c-2.474 3.266-7.42 8.526-16.132 14.886z",power:"M320 118.3a45.7 45.7 0 0122.5 85.6 384.6 384.6 0 00-120.8 93.4A380.9 380.9 0 00128 548.6c0 102.5 39.9 199 112.4 271.5A381.5 381.5 0 00512 932.5c102.5 0 199-39.9 271.5-112.4a381.5 381.5 0 00112.4-271.5c0-98.1-36.5-190.6-103.1-262l-2-2-9.4-9.5a384.2 384.2 0 00-100-71.2 45.6 45.6 0 0139.6-82.2l.6.3h.2l.1.1h.1l2 1 4 2 1.9 1 3.5 1.9a480.6 480.6 0 0144.9 27l2 1.3v-.3.1a475.4 475.4 0 11-545.3 6.2l3.6-2.6v.1a471.4 471.4 0 0151.7-31.7l3.7-2 1.4-.7.3-.2 6.4-3.1.1-.1h.1l.7-.3c5.2-2.1 11-3.4 17-3.4zM511.8 0c25 0 45.3 20 45.7 45v421.3a45.7 45.7 0 01-91.4.7V45.7A45.7 45.7 0 01511.9 0z",outbox:"M960.062 616v304c0 1.382-0.070 2.746-0.208 4.090-2.046 20.172-19.080 35.91-39.792 35.91h-816c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40s40 17.91 40 40v264h736v-264c0-22.090 17.91-40 40-40s40 17.912 40 40zM664.732 200.168l-124.41-124.41c-0.014-0.014-0.024-0.028-0.038-0.042-3.57-3.57-7.664-6.284-12.018-8.222-5.316-2.368-11.028-3.54-16.742-3.47-0.14-0.002-0.276-0.020-0.414-0.020-13.552 0-25.512 6.756-32.748 17.072l-119.1 119.092c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l55.276-55.276v462.54c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-464.314l57.052 57.052c15.622 15.624 40.948 15.62 56.568 0 15.628-15.624 15.628-40.952 0.002-56.572z",share:"M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z",button:"M644.634 802.32c-4.558 5.434-10.254 9.328-16.446 11.672l0.008 0.024-45.628 16.606 27.54 75.66c7.554 20.756-3.148 43.71-23.906 51.266s-43.714-3.146-51.27-23.906l-27.54-75.656-47.63 17.29c-6.020 1.956-12.586 2.518-19.254 1.342-21.75-3.836-36.282-24.582-32.45-46.34l30.57-173.328c2.55-14.476 12.61-25.714 25.458-30.508 0.292-0.118 0.586-0.23 0.878-0.34 0.238-0.084 0.476-0.168 0.718-0.246 12.942-4.624 27.91-2.492 39.196 6.98l134.824 113.13c16.932 14.2 19.144 39.432 4.932 56.354zM960.002 664v-368.082c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40l-0.292 368.238c0 22.092 17.908 40 40 40h240.292c22.092 0 40-17.908 40-40s-17.908-40-40-40h-200.292l0.292-288.238h736v288.082h-200c-22.092 0-40 17.908-40 40s17.908 40 40 40h240c22.092 0 40-17.908 40-40z",form:"M948.362 178.828l-471.082 470.086c-0.24 0.25-0.45 0.52-0.698 0.77-7.82 7.82-18.070 11.722-28.32 11.712-10.25 0.010-20.504-3.892-28.324-11.712-0.262-0.262-0.48-0.546-0.734-0.812l-221.736-221.738c-15.624-15.622-15.624-40.95 0-56.566 15.618-15.622 40.946-15.624 56.57 0l194.224 194.222 443.53-442.528c15.622-15.618 40.95-15.618 56.57 0 15.62 15.62 15.62 40.946 0 56.566zM98.372 128.448c-18.926 0-34.266 15.342-34.266 34.268v699.032c0 18.926 15.34 34.266 34.266 34.266h699.032c18.926 0 34.266-15.34 34.266-34.266v-430.588c0 0 0.002-1.184 0.002-1.788 0-22.090-17.914-40-40.004-40s-40 17.91-40 40c0 0.288 0.002 386.64 0.002 386.64h-607.562v-607.564h600.002c22.090-0.002 40.002-17.906 40.002-40 0-22.090-17.914-40-40.004-40z",check:"M948.598 199.75c-15.622-15.618-40.95-15.618-56.57 0l-535.644 535.644-224.060-224.062c-15.624-15.624-40.954-15.62-56.57 0-15.624 15.62-15.624 40.948 0 56.568l251.574 251.574c0.252 0.266 0.472 0.55 0.734 0.812 7.82 7.82 18.072 11.724 28.322 11.714 10.25 0.010 20.502-3.894 28.322-11.714 0.248-0.248 0.456-0.518 0.698-0.77l563.196-563.202c15.618-15.618 15.618-40.94-0.002-56.564z",batchaccept:"M684 277L271 772l-1 1a40 40 0 0 1-56 5l-1-1L14 610a40 40 0 1 1 52-61l169 142 387-465a40 40 0 0 1 62 51zm340 234c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40z",batchdeny:"M1024 512c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zM625 236c16 15 16 41 0 56L406 512l220 220a40 40 0 1 1-57 57L349 568 129 788a40 40 0 1 1-57-56l220-220L73 292a40 40 0 0 1 56-57l220 220 219-219c16-16 41-16 57 0z",home:"M948.12 483.624l-407.814-407.754c-7.812-7.808-18.046-11.712-28.282-11.712-10.238 0-20.472 3.904-28.282 11.712l-407.92 407.86c-15.624 15.622-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l19.616-19.612v366.708c0 22.090 17.91 40 40 40h190.696c0.416 0.014 0.82 0.062 1.238 0.062 11.054 0 21.060-4.484 28.3-11.734 7.266-7.244 11.766-17.262 11.766-28.332 0-0.418-0.050-0.822-0.062-1.238v-263.204h176.060v263.934c0 22.090 17.91 40 40 40l191.876 0.124c2.292 0 4.524-0.236 6.708-0.608 0.45-0.074 0.91-0.116 1.356-0.206 0.21-0.044 0.414-0.116 0.628-0.162 17.906-3.972 31.308-19.924 31.308-39.026v-366.492l19.682 19.68c15.622 15.62 40.948 15.616 56.568-0.006s15.618-40.948-0.004-56.568zM791.876 448.272v398.71l-111.874-0.074v-263.876c0-0.020-0.002-0.042-0.002-0.062 0-0.006 0-0.014 0-0.022 0-22.090-17.91-40-40-40h-254.002c-0.556 0-1.1 0.060-1.65 0.084-0.14-0.002-0.274-0.022-0.414-0.022-22.090 0-40 17.91-40 40v264.382h-111.934v-399.392c0-2.286-0.234-4.512-0.604-6.694l280.626-280.584 280.514 280.472c-0.412 2.302-0.66 4.658-0.66 7.078z",admin:"M919.596 847.534h-88.414v-467.716l88.75-0.044c13.688-0.132 26.958-7.25 34.294-19.96 11.044-19.13 4.49-43.596-14.642-54.64l-407.904-235.676c-0.44-0.254-0.894-0.45-1.34-0.684-0.542-0.29-1.084-0.578-1.638-0.84-0.696-0.328-1.4-0.62-2.108-0.904-0.478-0.194-0.954-0.388-1.44-0.56-0.78-0.282-1.564-0.524-2.352-0.754-0.442-0.126-0.878-0.256-1.324-0.37-0.808-0.206-1.618-0.376-2.43-0.528-0.468-0.088-0.934-0.174-1.404-0.246-0.768-0.116-1.534-0.204-2.302-0.274-0.554-0.052-1.108-0.096-1.664-0.124-0.672-0.034-1.34-0.044-2.012-0.044-0.67 0-1.338 0.012-2.010 0.044-0.556 0.030-1.11 0.072-1.664 0.124-0.77 0.070-1.536 0.158-2.302 0.274-0.468 0.072-0.938 0.158-1.402 0.246-0.814 0.152-1.624 0.322-2.432 0.528-0.444 0.114-0.882 0.242-1.322 0.37-0.79 0.23-1.574 0.472-2.356 0.754-0.484 0.172-0.958 0.368-1.438 0.56-0.708 0.286-1.41 0.576-2.11 0.904-0.554 0.262-1.094 0.55-1.636 0.84-0.446 0.234-0.9 0.43-1.34 0.684l-407.906 235.672c-19.128 11.044-25.686 35.51-14.64 54.64 7.34 12.71 20.606 19.828 34.292 19.96v0.044h89.842v467.716h-89.474c-22.090 0-40 17.91-40 40s17.91 40 40 40h128.276c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h313.154c22.098 0 40-17.91 40-40-0.006-22.090-17.914-39.996-40.006-39.996zM751.182 847.534h-105.94v-467.716h105.94v467.716zM252.93 299.816l258.736-149.486 258.738 149.486h-517.474zM565.242 379.816v467.716h-106v-467.716h106zM273.242 379.816h106v467.716h-106v-467.716z",paragraph:"M728.032 96.032h-116.98c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-199.848c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-31.924c-123.712 0-224 100.292-224 224 0 121.032 95.994 219.628 216 223.842v344.158c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h120v712c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h77.056c22.094 0 40-17.91 40-40 0-22.092-17.91-40-40-40z",basket:"M632.254 695.604v-112.016c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 112.018c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.904-40-40zM352.246 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM512.25 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM950.3 397.424c-7.596-8.686-18.574-13.67-30.114-13.67h-313.284c0.87 5.196 1.346 10.524 1.346 15.966 0 24.608-9.27 47.044-24.494 64.034h290.684l-47.318 351.376-629.908-0.030-47.502-351.346h291.034c-15.224-16.988-24.494-39.426-24.494-64.034 0-5.444 0.476-10.772 1.346-15.966h-313.66c-11.542 0-22.524 4.986-30.12 13.678-7.596 8.694-11.066 20.242-9.52 31.682l51.614 381.742 0.050 0.042c5.832 47.424 46.222 84.158 95.222 84.172l0.054 0.034 601.816-0.034c0.042 0 0.082 0.002 0.124 0.002 49.414 0 90.090-37.34 95.396-85.336l51.258-380.64c1.54-11.44-1.934-22.984-9.53-31.672zM805.492 105.34c-15.622-15.622-40.95-15.624-56.572 0.004l-230.684 230.684c-2.052-0.2-4.132-0.306-6.236-0.306-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64c0-2.652-0.18-5.262-0.494-7.83l229.986-229.98c15.622-15.624 15.616-40.95-0-56.572z",credit:"M376.188 672.062h-112.124c-22.092 0-40-17.908-40-40s17.908-40 40-40h112.124c22.092 0 40 17.908 40 40s-17.908 40-40 40zM960 232.002v560c0 6.8-1.708 13.2-4.704 18.81-0.044 0.082-0.078 0.172-0.124 0.254-0.524 0.974-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.31-0.282 0.458-7.188 10.64-19.36 17.638-33.168 17.638h-816c-22.090 0-40-17.908-40-40v-559.998c0-20.34 15.192-37.092 34.838-39.628 1.694-0.218 3.408-0.372 5.162-0.372h816c1.754 0 3.468 0.152 5.162 0.372 19.646 2.536 34.838 19.288 34.838 39.63zM144 272.002v80.030h736v-80.030h-736zM880 751.998v-239.966h-736v239.966h736z",shield:"M875.146 148.994c-0.064-0.040-0.116-0.094-0.184-0.132-92.714-52.39-221.036-84.83-362.846-84.83-138.512 0-270.346 34.356-362.51 84.618-0.606 0.33-1.138 0.658-1.608 0.986-11.954 6.918-20.016 19.81-20.016 34.614v451.4c0 12.7 5.938 23.996 15.166 31.32l340.538 281.676c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.040 1.492-0.058c0.842-0.032 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.36-280.718c10.326-7.23 17.094-19.2 17.094-32.762v-450.918c0.002-15.254-8.54-28.506-21.102-35.254zM207.984 208.212c36.292-18.168 77.668-32.854 123.356-43.722 57.062-13.576 117.884-20.458 180.778-20.458s123.714 6.882 180.778 20.458c30.186 7.182 58.474 16.040 84.674 26.456l-490.846 490.848-78.738-65.070v-408.512zM511.742 867.75l-163.078-134.77 467.586-467.584v350.69l-304.508 251.664z",beaker:"M848.64 790.56l-208.638-361.374v-252.062h24c22.092 0 40-17.908 40-40s-17.908-40-40-40h-304.002c-22.092 0-40 17.908-40 40s17.908 40 40 40h24v252.066l-208.636 361.37c-44 76.208-8 138.564 80 138.564h513.278c87.998 0 123.998-62.354 79.998-138.564zM464 177.124h96.002l-0.070 273.376 63.872 110.628h-223.678c35.932-62.268 63.872-110.684 63.876-110.692v-273.312zM768.64 849.124h-513.278c-8.28 0-14.186-0.976-17.968-2 1.004-3.792 3.112-9.394 7.25-16.564 0 0 54.598-94.614 109.316-189.436l316.026-0.002 109.374 189.44c4.138 7.168 6.246 12.77 7.25 16.562-3.784 1.024-9.69 2-17.97 2z",thumbsup:"M256.972 768.004c0-8.67-3.156-16.158-9.484-22.534-6.332-6.34-13.836-9.484-22.504-9.458-8.682 0-16.188 3.172-22.516 9.458-6.33 6.344-9.488 13.84-9.488 22.534 0 8.692 3.158 16.186 9.488 22.532 6.328 6.286 13.834 9.458 22.516 9.458 8.668 0.028 16.172-3.118 22.504-9.458 6.328-6.376 9.484-13.868 9.484-22.532zM832.948 480.010c0-17.004-6.478-31.908-19.468-44.734-13.014-12.82-27.834-19.25-44.512-19.276h-175.97c0-19.328 7.98-45.904 24.004-79.724 15.968-33.826 23.978-60.568 23.978-80.256 0-32.646-5.332-56.808-15.994-72.48-10.664-15.664-31.988-23.484-63.98-23.484-8.696 8.64-15.012 22.828-19.032 42.486-4.020 19.69-9.102 40.606-15.254 62.752-6.168 22.172-16.080 40.382-29.762 54.738-7.344 7.68-20.168 22.832-38.5 45.496-1.326 1.67-5.164 6.65-11.512 15.010-6.342 8.342-11.594 15.178-15.762 20.508-4.156 5.308-9.91 12.386-17.252 21.218-7.328 8.862-14 16.186-19.988 22.038-5.986 5.794-12.412 11.73-19.26 17.744-6.852 5.984-13.508 10.5-19.99 13.48-6.478 3.010-12.4 4.484-17.756 4.512h-15.982v320.010h15.982c4.332 0 9.596 0.492 15.774 1.504 6.168 1.012 11.676 2.080 16.488 3.258 4.812 1.144 11.154 2.98 19.002 5.466 7.862 2.512 13.702 4.424 17.502 5.74 3.812 1.31 9.732 3.422 17.756 6.238 8.026 2.842 12.866 4.586 14.506 5.272 70.324 24.334 127.304 36.504 170.996 36.504h60.482c64.006 0 96.024-27.836 96.024-83.478 0-8.664-0.848-18.016-2.514-27.996 10.004-5.334 17.936-14.084 23.758-26.276 5.824-12.172 8.724-24.416 8.778-36.746 0-12.366-3.008-23.844-9.024-34.51 17.664-16.682 26.524-36.496 26.524-59.496 0-8.308-1.696-17.554-5.032-27.72-3.336-10.202-7.492-18.104-12.468-23.762 10.636-0.328 19.55-8.15 26.714-23.486 7.192-15.34 10.744-28.82 10.744-40.496v-0.054zM896.984 479.516c0 29.638-8.204 56.816-24.5 81.506 2.98 10.994 4.484 22.476 4.484 34.482 0 25.674-6.344 49.68-19.004 71.99 1.012 7 1.506 14.164 1.506 21.488 0 33.688-10.008 63.354-29.968 89.026 0.326 46.32-13.834 82.904-42.518 109.756-28.682 26.848-66.522 40.246-113.496 40.246h-64.528c-31.99 0-63.542-3.746-94.742-11.268-31.168-7.492-67.246-18.402-108.23-32.758-38.662-13.312-61.656-19.956-68.984-19.956h-143.996c-17.664 0-32.742-6.292-45.252-18.784-12.508-12.5-18.756-27.588-18.756-45.254v-319.982c0-17.666 6.248-32.728 18.756-45.226 12.51-12.52 27.588-18.784 45.252-18.784h136.998c12.002-8.010 34.818-33.822 68.478-77.484 19.33-24.99 37.168-46.344 53.508-64.008 7.996-8.314 13.918-22.586 17.744-42.766 3.828-20.178 8.912-41.232 15.256-63.24 6.36-21.984 16.68-40.002 30.994-53.998 13.002-12.362 28.012-18.514 45.018-18.514 27.998 0 53.152 5.414 75.464 16.242 22.31 10.828 39.316 27.748 50.964 50.77 11.704 23.002 17.5 53.978 17.5 92.962 0 31.008-7.984 63-23.98 96.028h88.014c34.67 0 64.634 12.628 89.956 37.98 25.346 25.346 38.008 55.144 38.008 89.49l0.054 0.056z",mirror:"M857 127.778h-688c-22.092 0-40 17.91-40 40v688c0 22.090 17.908 40 40 40h688c22.094 0 40-17.91 40-40v-688c0-22.092-17.906-40-40-40zM817 815.778h-608v-1.086l606.914-606.914h1.086v608z",switchalt:"M923.946 63.418h-631.232c-20.268 0-36.7 16.432-36.7 36.7v155.286h-155.284c-20.268 0-36.7 16.432-36.7 36.7v631.23c0 20.268 16.43 36.7 36.7 36.7h631.23c20.272 0 36.7-16.432 36.7-36.7v-155.286h155.286c20.272 0 36.7-16.432 36.7-36.7v-631.23c-0.002-20.268-16.43-36.7-36.7-36.7zM688.66 880.032h-544.628v-544.628h111.984v395.946c0 20.268 16.43 36.7 36.7 36.7h395.944v111.982zM688.66 688.046h-352.644v-352.644h352.644v352.644zM880.644 688.046h-111.984v-395.946c0-20.268-16.428-36.7-36.7-36.7h-395.944v-111.984h544.628v544.63z",commit:"M984.032 472h-186.808c-19.474-140.12-139.74-248-285.222-248s-265.748 107.88-285.222 248h-186.746c-22.092 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h186.746c19.476 140.122 139.74 247.998 285.222 247.998s265.746-107.876 285.222-247.998h186.808c22.092 0 40-17.91 40-40s-17.908-40.002-40-40.002zM512 720c-114.692 0-208-93.308-208-208s93.308-208 208-208 208 93.308 208 208-93.308 208-208 208z",branch:"M861.968 312.032c0-66.168-53.832-120-120-120s-120 53.832-120 120c0 50.55 31.436 93.87 75.77 111.516-5.384 20.352-15.71 39.68-29.844 54.92-28.828 31.092-72.202 46.858-128.91 46.858-77.162 0-129.12 26.162-162.984 55.12V297.15c46.556-16.512 80-60.974 80-113.12 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-50.926-31.902-94.514-76.758-111.908 5.222-26.17 16.578-51.154 32.558-70.432 28.8-34.746 71.592-52.364 127.184-52.364 99.498 0 156.922-39.408 187.574-72.466 27.402-29.554 45.708-67.194 52.48-106.716 48.078-15.66 82.93-60.882 82.93-114.114zM336 144.032c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.944-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm405.968-528c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.942 40-40 40z",merge:"M776.306 456.032c-51.602 0-95.696 32.744-112.612 78.542-69.674-6.072-141.482-31.012-197.386-69.306-46.266-31.69-100.392-85.728-111.792-168.92 45.4-17.12 77.79-60.998 77.79-112.314 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-52.146-33.444-96.608-80-113.12V471.444c19.622 21.888 42.618 41.898 68.792 59.828 68.422 46.868 156.64 77.042 241.646 83.462 16.14 47.23 60.932 81.3 113.56 81.3 66.168 0 120-53.832 120-120s-53.83-120.002-119.998-120.002zm-464-312c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.942-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm464-264c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z",pullrequest:"M631 157c104 1 171 52 171 166v397a123 123 0 1 1-82 0V323c0-63-27-83-90-84h-24l22 23a41 41 0 1 1-58 58l-93-93a41 41 0 0 1 1-58l93-93a41 41 0 1 1 58 58l-23 23h25zM222 314a123 123 0 1 1 82 0v406a123 123 0 1 1-82 0V314zm41 564a41 41 0 1 0 0-82 41 41 0 0 0 0 82zm0-639a41 41 0 1 0 0-83 41 41 0 0 0 0 83zm498 639a41 41 0 1 0 0-82 41 41 0 0 0 0 82z",chromatic:"M512 0a512 512 0 110 1024A512 512 0 01512 0zM368 452v284a144 144 0 00274 59c-10-4-20-8-29-14l-111-64c-6-3-10-10-10-16V523l-124-71zm454 89c-8 7-17 13-26 18L551 701l81 46 1 1a144 144 0 00189-207zm-493-89l-81 47h-1a143 143 0 00-52 196 144 144 0 00137 71c-2-10-3-21-3-32V452zm375-195l-12 1c2 10 3 21 3 32v128c0 7-4 13-10 17l-154 88v144l245-142 2-1a144 144 0 00-74-267zm-384 0c-51 0-99 28-125 72-28 49-25 109 7 154 8-7 17-13 26-18l111-64a20 20 0 0120 0l153 88 124-71-244-141-1-1c-22-12-46-19-71-19zm192-111c-57 0-107 33-130 83 10 4 19 8 29 14l245 141v-96c-2-79-66-142-144-142z",twitter:"M960 233.114c-32.946 14.616-68.41 24.5-105.598 28.942 37.954-22.762 67.098-58.774 80.856-101.688-35.52 21.054-74.894 36.368-116.726 44.598-33.542-35.724-81.316-58.038-134.204-58.038-101.496 0-183.796 82.292-183.796 183.814 0 14.424 1.628 28.45 4.758 41.89-152.75-7.668-288.22-80.872-378.876-192.072-15.822 27.15-24.898 58.706-24.898 92.42 0 63.776 32.458 120.034 81.782 153.010-30.116-0.944-58.458-9.212-83.262-22.982-0.028 0.75-0.028 1.546-0.028 2.324 0 89.070 63.356 163.334 147.438 180.256-15.426 4.186-31.664 6.426-48.442 6.426-11.836 0-23.35-1.146-34.574-3.28 23.406 73.006 91.286 126.16 171.726 127.632-62.914 49.324-142.18 78.696-228.314 78.696-14.828 0-29.448-0.876-43.842-2.568 81.33 52.138 177.96 82.574 281.786 82.574 338.11 0 523-280.104 523-523.014 0-7.986-0.164-15.914-0.542-23.778 35.952-25.96 67.124-58.318 91.756-95.162z",google:"M799.094 79.996c0 0-200.938 0-267.936 0-120.126 0-233.188 91.004-233.188 196.434 0 107.692 81.904 194.624 204.124 194.624 8.496 0 16.75-0.148 24.812-0.74-7.942 15.186-13.594 32.286-13.594 50.022 0 29.974 16.094 54.226 36.466 74.042-15.376 0-30.248 0.438-46.438 0.438-148.782 0.036-263.312 94.784-263.312 193.056 0 96.758 125.534 157.312 274.312 157.312 169.656 0 263.312-96.25 263.312-193.024 0-77.6-22.908-124.062-93.686-174.156-24.216-17.128-70.534-58.812-70.534-83.32 0-28.69 8.19-42.868 51.406-76.624 44.346-34.63 75.688-83.302 75.688-139.944 0-67.372-30-133.058-86.374-154.746h85l59.942-43.374zM701.504 735.438c2.092 8.992 3.276 18.226 3.276 27.624 0 78.226-50.374 139.304-194.934 139.304-102.874 0-177.124-65.078-177.124-143.304 0-76.622 92.122-140.434 194.934-139.32 24.004 0.254 46.376 4.136 66.69 10.702 55.812 38.834 95.874 60.808 107.158 104.994zM536.844 443.782c-69-2.094-134.624-77.212-146.564-167.876-11.874-90.664 34.378-160.030 103.442-157.97 68.996 2.060 134.594 74.818 146.53 165.432 11.906 90.696-34.408 162.508-103.408 160.414z",gdrive:"M465.926 641.356l-149.328 258.708h494.074l149.328-258.708h-494.074zM917.704 567.988l-256.33-444.048h-298.686l256.356 444.048h298.66zM320.236 197.442l-256.236 443.914 149.36 258.708 256.23-443.914-149.354-258.708z",youtube:"M704.010 511.988c0-12.332-5.038-21.358-15.042-26.992l-255.982-159.99c-10.344-6.666-21.178-6.998-32.51-1.008-10.988 5.984-16.492 15.312-16.492 28.002v320c0 12.69 5.504 22.018 16.492 28.002 5.332 2.678 10.516 3.996 15.506 3.996 6.668 0 12.334-1.644 17.004-4.98l255.982-160.014c10.004-5.69 15.042-14.684 15.042-26.992v-0.024zM960 511.988c0 31.99-0.164 56.98-0.488 75.032-0.334 17.99-1.754 40.738-4.27 68.25-2.516 27.504-6.262 52.058-11.27 73.742-5.332 24.338-16.84 44.85-34.504 61.496-17.64 16.63-38.306 26.308-61.96 28.988-73.992 8.342-185.824 12.526-335.508 12.526-149.668 0-261.5-4.184-335.5-12.526-23.662-2.656-44.414-12.302-62.242-28.988-17.834-16.678-29.412-37.182-34.744-61.496-4.672-21.684-8.258-46.238-10.756-73.742-2.508-27.512-3.928-50.26-4.254-68.25-0.342-18.050-0.504-43.042-0.504-75.032 0-31.998 0.162-57.010 0.504-75.008 0.326-18.022 1.746-40.768 4.254-68.28 2.498-27.474 6.262-52.082 11.252-73.744 5.34-24.336 16.842-44.842 34.504-61.496 17.648-16.654 38.324-26.332 61.986-29.010 74-8.312 185.832-12.472 335.5-12.472 149.684 0 261.516 4.16 335.508 12.472 23.654 2.678 44.406 12.356 62.232 29.010 17.826 16.678 29.422 37.16 34.73 61.496 4.702 21.662 8.256 46.27 10.772 73.744 2.516 27.512 3.936 50.258 4.27 68.28 0.324 17.998 0.488 43.010 0.488 75.008z",facebook:"M582.52 960h-167.88v-448h-112v-154.396l112-0.052-0.166-90.948c-0.036-125.974 34.12-202.604 182.484-202.604h123.542v154.424h-77.19c-57.782 0-60.566 21.56-60.566 61.85l-0.218 77.278h138.854l-16.376 154.394-122.36 0.052-0.124 448.002z",medium:"M0 0v1024h1024v-1024h-1024zM850.708 242.614l-54.918 52.655c-3.858 2.965-6.321 7.581-6.321 12.772 0 0.933 0.080 1.847 0.232 2.736l-0.014-0.095v386.883c-0.139 0.794-0.219 1.708-0.219 2.641 0 5.191 2.462 9.807 6.283 12.744l0.038 0.028 53.637 52.655v11.558h-269.774v-11.558l55.559-53.936c5.461-5.456 5.461-7.068 5.461-15.413v-312.719l-154.477 392.344h-20.874l-179.851-392.344v262.947c-0.209 1.465-0.329 3.156-0.329 4.875 0 9.848 3.924 18.78 10.293 25.317l-0.008-0.008 72.258 87.649v11.558h-204.895v-11.558l72.263-87.649c6.070-6.284 9.81-14.852 9.81-24.293 0-2.081-0.182-4.12-0.53-6.101l0.031 0.21v-304.044c0.086-0.804 0.135-1.737 0.135-2.682 0-7.844-3.389-14.896-8.782-19.773l-0.023-0.021-64.234-77.378v-11.558h199.438l154.157 338.083 135.53-338.083h190.123v11.558z",graphql:"M576 849a85 85 0 0 0-125-2L253 733l1-3h517l2 5-197 114zM451 177l2 2-258 448-3-1V398a85 85 0 0 0 61-107l198-114zm321 114a85 85 0 0 0 61 107v228l-3 1-258-448 2-2 198 114zM254 689a85 85 0 0 0-24-42l259-447a86 86 0 0 0 47 0l259 448a85 85 0 0 0-24 41H254zm643-54c-7-4-15-7-23-9V398a86 86 0 1 0-82-142L595 142a85 85 0 1 0-165 0L233 256a85 85 0 1 0-82 142v228a85 85 0 1 0 82 142l197 114a85 85 0 1 0 164-2l196-114a86 86 0 1 0 107-131z",redux:"M359.016 943.608c-23.82 5.948-47.642 8.322-71.512 8.322-88.208 0-168.084-36.982-207.444-96.534-52.432-79.882-70.296-249.182 102.538-374.356 3.586 19.078 10.746 45.292 15.492 60.834-22.656 16.652-58.39 50.064-81.046 95.324-32.19 63.184-28.61 126.404 9.54 184.798 26.194 39.304 67.926 63.176 121.564 70.34 65.598 8.332 131.154-3.582 194.332-36.94 92.998-48.898 155.014-107.282 195.49-187.162-10.702-10.75-17.818-26.248-19.074-44.15-1.168-36.942 27.45-67.922 64.388-69.132h2.418c35.73 0 65.55 28.61 66.714 64.384 1.206 35.73-24.986 65.546-59.548 69.132-65.6 134.686-181.254 225.312-333.852 255.14zM902.646 540.622c-90.59-106.072-224.11-164.488-376.708-164.488h-19.072c-10.744-21.444-33.402-35.752-58.388-35.752h-2.418c-36.944 1.186-65.548 32.192-64.392 69.13 1.216 35.774 30.99 64.394 66.81 64.394h2.328c26.242-1.208 48.894-17.892 58.434-40.542h21.45c90.624 0 176.46 26.234 253.968 77.482 59.55 39.36 102.49 90.576 126.356 152.596 20.24 50.052 19.074 98.952-2.42 140.64-33.356 63.228-89.37 97.794-163.292 97.794-47.69 0-92.998-14.33-116.822-25.082-13.118 11.958-36.984 31.028-53.64 42.944 51.226 23.87 103.7 36.94 153.762 36.94 114.446 0 199.070-63.132 231.268-126.362 34.562-69.13 32.188-188.326-57.224-289.694zM297.046 708.706c1.21 35.828 30.984 64.394 66.764 64.394h2.368c36.992-1.168 65.556-32.15 64.39-69.132-1.162-35.732-30.984-64.394-66.758-64.394h-2.376c-2.418 0-5.958 0-8.332 1.208-48.89-81.090-69.132-169.27-62.014-264.648 4.792-71.528 28.616-133.516 70.346-184.766 34.568-44.106 101.326-65.57 146.598-66.758 126.402-2.396 180.044 154.968 183.576 218.144 15.542 3.584 41.734 11.936 59.644 17.892-14.328-193.118-133.526-293.266-247.97-293.266-107.28 0-206.236 77.484-245.552 191.932-54.848 152.596-19.070 299.212 47.644 414.826-5.912 8.374-9.494 21.498-8.328 34.568z",github:"M214.6 809.4A417.8 417.8 0 0191.4 512c0-112.3 43.8-218 123.2-297.4A417.8 417.8 0 01512 91.4c112.3 0 218 43.8 297.4 123.2A417.8 417.8 0 01932.6 512c0 112.3-43.8 218-123.2 297.4-49 49-108 84.3-172.2 104.3v-74.4c0-39.5-13.6-68.6-40.7-87.2a354 354 0 0091.9-19.6c15.8-5.6 30-12.2 42.6-19.9a177.8 177.8 0 0036.3-29.8 175 175 0 0029.1-41.7 228 228 0 0018.6-55.9c4.6-21.7 6.9-45.6 6.9-71.7 0-50.7-16.5-93.8-49.5-129.4 15-39.2 13.4-81.8-4.9-127.9l-12.2-1.4c-8.5-1-23.8 2.6-45.8 10.8-22 8.1-46.8 21.5-74.3 40.1a450.9 450.9 0 00-121-16.1 442 442 0 00-120.5 16.1 419.6 419.6 0 00-49.3-29.1c-15.5-7.7-27.9-13-37.2-15.7a127.6 127.6 0 00-41.4-5.6c-2.3.3-4 .6-4.9 1-18.3 46.3-20 89-4.9 127.8a183.5 183.5 0 00-49.5 129.4c0 26.1 2.3 50 6.9 71.7a228.3 228.3 0 0018.6 56 175 175 0 0029.1 41.6 177.9 177.9 0 0036.3 29.8 223.4 223.4 0 0042.6 19.9A353.2 353.2 0 00432 752c-26.8 18.3-40.2 47.3-40.2 87.2v75.9a418.4 418.4 0 01-177-105.8M512 0a512 512 0 100 1024A512 512 0 00512 0",bitbucket:"M362.3 395l53 276.5h195.4l34-198.4h283l-74.4 457a30 30 0 01-29.7 25.3H210.7a41 41 0 01-40-34.2l-127.6-775a30 30 0 0130-34.9l877.8.2a30 30 0 0130 34.8L940.5 395H362.3z",gitlab:"M186.9 75a18.7 18.7 0 0135.6 0l108.8 333.4h361.4L512 961.8 331.3 408.4H78.1zM78.1 408.5L512 961.8 36.8 618.2a37.1 37.1 0 01-13.6-41.6L78 408.4zm867.8 0l55 168.2c5 15.3-.5 32.1-13.7 41.6L512 961.8l434-553.4zM837.1 75l108.8 333.3H692.7L801.5 75a18.7 18.7 0 0135.6 0z",discord:"M371 147c-14 0-126 3-245 91 0 0-126 227-126 507 0 0 74 126 268 132l58-71c-111-34-153-103-153-103l24 15 4 2 8 4a668 668 0 0 0 420 68 629 629 0 0 0 228-89s-44 71-159 103l58 71c194-7 268-133 268-132 0-280-126-507-126-507-126-94-246-91-246-91l-12 14a576 576 0 0 1 218 110 729 729 0 0 0-441-81l-15 1c-31 4-105 14-199 56-33 14-52 24-52 24s72-69 230-114l-9-10h-1zm-23 323c50 0 91 43 90 97 0 53-40 96-90 96-49 0-89-43-89-96 0-54 39-97 89-97zm321 0c49 0 89 43 89 97 0 53-39 96-89 96s-90-43-90-96c0-54 40-97 90-97z",contrast:"M368 713h79l266-266v-79L368 713zm192 0h153V560L560 713zm98-402h-79L311 579v79l347-347zm-192 0H311v155l155-155zm467 402V91H311v128h452c23 0 42 19 42 42v452h128zM713 933V805H261c-23 0-42-19-42-42V311H91v622h622zM982 0c23 0 42 19 42 42v721c0 23-19 42-42 42H805v177c0 23-19 42-42 42H42c-23 0-42-19-42-42V261c0-23 19-42 42-42h177V42c0-23 19-42 42-42h721z",unfold:"M512 645l8 1c21 4 37 22 37 44v181l52-52 6-6a45 45 0 0 1 58 69l-129 129-7 5a45 45 0 0 1-57-5L351 882l-5-6a45 45 0 0 1 5-57l7-6c17-12 41-10 57 6l52 52V690l1-8c4-21 22-37 44-37zM337 275a45 45 0 1 1 0 90H229l91 102h382l91-102H685a45 45 0 1 1 0-90h208c39 0 59 46 34 75L782 512l145 162c25 29 5 75-34 75H685a45 45 0 1 1 0-90h108l-91-102H320l-91 102h108a45 45 0 1 1 0 90H129c-38 0-59-46-33-75l144-162L96 350c-24-27-8-69 26-74l7-1h208zM537 8l7 6 129 129a45 45 0 0 1-58 68l-6-5-52-52v181c0 22-16 40-37 44h-8c-22 0-40-15-44-36l-1-8V153l-52 53a45 45 0 0 1-57 5l-7-5a45 45 0 0 1-5-57l5-6L480 14c16-16 40-18 57-6z",sharealt:"M130 85h332a45 45 0 0 1 8 89l-8 1H175v674h674V557a45 45 0 0 1 89-8l1 8v337c0 22-16 40-37 44l-8 1H130c-22 0-40-16-44-37l-1-8V130c0-22 16-40 37-44l8-1h332-332zm555 0h210l5 1-6-1a45 45 0 0 1 32 13l-5-4 3 3 2 1a46 46 0 0 1 12 24v2l1 5v209a45 45 0 0 1-89 8l-1-8V238L544 544a45 45 0 0 1-57 5l-7-5a45 45 0 0 1 0-64l306-305H685a45 45 0 0 1-8-89l8-1h209-209z",accessibility:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm0 89.6a422.4 422.4 0 100 844.8 422.4 422.4 0 000-844.8zm262.2 250a40.9 40.9 0 01-27.5 49.3l-169.1 50.7c-8.2 2.7-15.1 11-13.7 20.5 1.3 27.4 1.5 76.5 7 98.4 12.9 59 82.4 214.4 91 233.6a56 56 0 014.9 19 40 40 0 01-40 40c-18 0-30.3-12.7-38.2-28.4A34096 34096 0 01510.9 664l-77.7 165.7-1.3 2.1a40 40 0 01-69.3-39.7c8.6-19 78-174.5 90.8-233.6 5.5-21.9 6-71 7.3-98.4a21 21 0 00-13.7-20.5l-169.1-50.7a40.7 40.7 0 01-27.5-50.7c6.9-20.5 30.2-30.1 50.9-24.6 0 0 154.6 49.3 209.6 49.3s213.8-50.7 213.8-50.7c20.6-5.5 44 6.8 49.5 27.4zm-264-171.2a76.7 76.7 0 110 153.4c-42.6 0-77-34.2-77-76.7 0-41 34.4-76.7 77-76.7z",accessibilityalt:"M512 0a512 512 0 110 1024A512 512 0 01512 0zm262.2 339.6c-5.5-20.6-28.9-32.9-49.5-27.4 0 0-158.8 50.7-213.8 50.7s-209.6-49.3-209.6-49.3c-20.7-5.5-44 4-51 24.6A40.7 40.7 0 00278 389l169 50.7a21 21 0 0113.8 20.5c-1.3 27.4-1.8 76.5-7.3 98.4-12.9 59.1-82.2 214.5-90.8 233.6a40 40 0 1070.6 37.5L511 664a34096 34096 0 0077.7 158.7c7.9 15.7 20.2 28.4 38.2 28.4a40 40 0 0040-40 56 56 0 00-4.8-19c-8.7-19.2-78.2-174.5-91.1-233.6-5.5-21.9-5.7-71-7-98.4-1.4-9.6 5.5-17.8 13.7-20.5l169.1-50.7a40.9 40.9 0 0027.5-49.3zm-264-171.2c-42.6 0-77 35.6-77 76.7a76.7 76.7 0 0077 76.7 76.7 76.7 0 100-153.4z",markup:"M1010.6 479.7L736.4 205.4a45.7 45.7 0 10-64.7 64.6l242 242L671.7 754a45.7 45.7 0 1064.7 64.6l274.1-274.2a45.6 45.6 0 000-64.6M0 511.9c0-11.7 4.5-23.4 13.4-32.3l274.1-274.2a45.7 45.7 0 1164.7 64.6L110.4 512l241.9 241.9a45.7 45.7 0 01-64.7 64.6L13.4 544.2C4.4 535.3 0 523.6 0 512",outline:"M180.1 714.3V844h129.6v94.8h-180c-24.2 0-44-19.5-44.4-43.7V714.3h94.8zM619.3 844v94.8H404.7v-94.8h214.6zm319.4-129.6v180c0 24.2-19.5 44-43.7 44.4H714.3v-94.8H844V714.3h94.8zm0-309.6v214.6h-94.8V404.7h94.8zm-758.6 0v214.6H85.3V404.7h94.8zm331.9 34a73.2 73.2 0 110 146.4 73.2 73.2 0 010-146.3zM894.2 85.4c24.3 0 44 19.5 44.5 43.7V309.7h-94.8V180H714.3V85.3h180zm-584.5 0v94.8H180v129.6H85.3v-180c0-24.2 19.5-44 43.7-44.4H309.7zm309.6 0v94.8H404.7V85.3h214.6z"},Svg=esm.styled.svg({shapeRendering:"inherit",transform:"translate3d(0,0,0)"},(function(_ref){return _ref.inline?{display:"inline-block"}:{display:"block"}}));function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}Svg.displayName="Svg";var Path=esm.styled.path({fill:"currentColor"}),Icons=react_default.a.memo((function(_ref){var icon=_ref.icon,symbol=_ref.symbol,props=_objectWithoutProperties(_ref,["icon","symbol"]);return react_default.a.createElement(Svg,_extends({viewBox:"0 0 1024 1024"},props),symbol?react_default.a.createElement("use",{xlinkHref:"#icon--".concat(symbol)}):react_default.a.createElement(Path,{d:icon_icons[icon]}))}))},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(31),fails=__webpack_require__(49),isArray=__webpack_require__(531),isObject=__webpack_require__(99),toObject=__webpack_require__(182),toLength=__webpack_require__(170),createProperty=__webpack_require__(532),arraySpeciesCreate=__webpack_require__(758),arrayMethodHasSpeciesSupport=__webpack_require__(414),wellKnownSymbol=__webpack_require__(55),V8_VERSION=__webpack_require__(413),IS_CONCAT_SPREADABLE=wellKnownSymbol("isConcatSpreadable"),IS_CONCAT_SPREADABLE_SUPPORT=V8_VERSION>=51||!fails((function(){var array=[];return array[IS_CONCAT_SPREADABLE]=!1,array.concat()[0]!==array})),SPECIES_SUPPORT=arrayMethodHasSpeciesSupport("concat"),isConcatSpreadable=function(O){if(!isObject(O))return!1;var spreadable=O[IS_CONCAT_SPREADABLE];return void 0!==spreadable?!!spreadable:isArray(O)};$({target:"Array",proto:!0,forced:!IS_CONCAT_SPREADABLE_SUPPORT||!SPECIES_SUPPORT},{concat:function concat(arg){var i,k,length,len,E,O=toObject(this),A=arraySpeciesCreate(O,0),n=0;for(i=-1,length=arguments.length;i9007199254740991)throw TypeError("Maximum allowed index exceeded");for(k=0;k=9007199254740991)throw TypeError("Maximum allowed index exceeded");createProperty(A,n++,E)}return A.length=n,A}})},function(module,exports,__webpack_require__){"use strict";var keys=__webpack_require__(1608),hasSymbols="function"==typeof Symbol&&"symbol"==typeof Symbol("foo"),toStr=Object.prototype.toString,concat=Array.prototype.concat,origDefineProperty=Object.defineProperty,supportsDescriptors=origDefineProperty&&function(){var obj={};try{for(var _ in origDefineProperty(obj,"x",{enumerable:!1,value:obj}),obj)return!1;return obj.x===obj}catch(e){return!1}}(),defineProperty=function(object,name,value,predicate){var fn;(!(name in object)||"function"==typeof(fn=predicate)&&"[object Function]"===toStr.call(fn)&&predicate())&&(supportsDescriptors?origDefineProperty(object,name,{configurable:!0,enumerable:!1,value:value,writable:!0}):object[name]=value)},defineProperties=function(object,map){var predicates=arguments.length>2?arguments[2]:{},props=keys(map);hasSymbols&&(props=concat.call(props,Object.getOwnPropertySymbols(map)));for(var i=0;i1?arguments[1]:void 0)}})},function(module,exports,__webpack_require__){"use strict";var bind=__webpack_require__(329);module.exports=bind.call(Function.call,Object.prototype.hasOwnProperty)},function(module,exports,__webpack_require__){var path=__webpack_require__(713),has=__webpack_require__(195),wrappedWellKnownSymbolModule=__webpack_require__(1061),defineProperty=__webpack_require__(256).f;module.exports=function(NAME){var Symbol=path.Symbol||(path.Symbol={});has(Symbol,NAME)||defineProperty(Symbol,NAME,{value:wrappedWellKnownSymbolModule.f(NAME)})}},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},function(module,exports,__webpack_require__){var $=__webpack_require__(50),assign=__webpack_require__(1312);$({target:"Object",stat:!0,forced:Object.assign!==assign},{assign:assign})},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(50),exec=__webpack_require__(608);$({target:"RegExp",proto:!0,forced:/./.exec!==exec},{exec:exec})},function(module,exports,__webpack_require__){"use strict";module.exports=function markdownLineEnding(code){return code<-2}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(0),__webpack_require__(249)},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return hasFocusWithin}));var _getActiveElement_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(43),_contains_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(103);function hasFocusWithin(element){var activeElement=Object(_getActiveElement_js__WEBPACK_IMPORTED_MODULE_0__.a)(element);if(!activeElement)return!1;if(Object(_contains_js__WEBPACK_IMPORTED_MODULE_1__.a)(element,activeElement))return!0;var activeDescendant=activeElement.getAttribute("aria-activedescendant");return!!activeDescendant&&(activeDescendant===element.id||!!element.querySelector("#"+activeDescendant))}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getClosestFocusable})),__webpack_require__.d(__webpack_exports__,"b",(function(){return getFirstTabbableIn})),__webpack_require__.d(__webpack_exports__,"c",(function(){return getLastTabbableIn})),__webpack_require__.d(__webpack_exports__,"d",(function(){return isTabbable}));var _matches_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(683),_closest_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(280),selector=(__webpack_require__(43),"input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false'])");function isFocusable(element){return Object(_matches_js__WEBPACK_IMPORTED_MODULE_0__.a)(element,selector)&&function isVisible(element){var htmlElement=element;return htmlElement.offsetWidth>0||htmlElement.offsetHeight>0||element.getClientRects().length>0}(element)}function isTabbable(element){return isFocusable(element)&&!function hasNegativeTabIndex(element){return parseInt(element.getAttribute("tabindex")||"0",10)<0}(element)}function getAllTabbableIn(container,fallbackToFocusable){var allFocusable=Array.from(container.querySelectorAll(selector)),allTabbable=allFocusable.filter(isTabbable);return isTabbable(container)&&allTabbable.unshift(container),!allTabbable.length&&fallbackToFocusable?allFocusable:allTabbable}function getFirstTabbableIn(container,fallbackToFocusable){return getAllTabbableIn(container,fallbackToFocusable)[0]||null}function getLastTabbableIn(container,fallbackToFocusable){var allTabbable=getAllTabbableIn(container,fallbackToFocusable);return allTabbable[allTabbable.length-1]||null}function getClosestFocusable(element){for(;element&&!isFocusable(element);)element=Object(_closest_js__WEBPACK_IMPORTED_MODULE_1__.a)(element,selector);return element}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return flatten})),__webpack_require__.d(__webpack_exports__,"b",(function(){return groupItems})),__webpack_require__.d(__webpack_exports__,"c",(function(){return reverse}));var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1);function groupItems(items){for(var _step,groups=[[]],_loop=function _loop(){var item=_step.value,group=groups.find((function(g){return!g[0]||g[0].groupId===item.groupId}));group?group.push(item):groups.push([item])},_iterator=Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__.c)(items);!(_step=_iterator()).done;)_loop();return groups}function flatten(grid){for(var _step,flattened=[],_iterator=Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__.c)(grid);!(_step=_iterator()).done;){var row=_step.value;flattened.push.apply(flattened,row)}return flattened}function reverse(array){return array.slice().reverse()}},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(31),$indexOf=__webpack_require__(754).indexOf,arrayMethodIsStrict=__webpack_require__(492),nativeIndexOf=[].indexOf,NEGATIVE_ZERO=!!nativeIndexOf&&1/[1].indexOf(1,-0)<0,STRICT_METHOD=arrayMethodIsStrict("indexOf");$({target:"Array",proto:!0,forced:NEGATIVE_ZERO||!STRICT_METHOD},{indexOf:function indexOf(searchElement){return NEGATIVE_ZERO?nativeIndexOf.apply(this,arguments)||0:$indexOf(this,searchElement,arguments.length>1?arguments[1]:void 0)}})},function(module,exports,__webpack_require__){var isObject=__webpack_require__(99);module.exports=function(it){if(!isObject(it))throw TypeError(String(it)+" is not an object");return it}},function(module,exports,__webpack_require__){var global=__webpack_require__(71),shared=__webpack_require__(1142),has=__webpack_require__(183),uid=__webpack_require__(784),NATIVE_SYMBOL=__webpack_require__(1149),USE_SYMBOL_AS_UID=__webpack_require__(1987),WellKnownSymbolsStore=shared("wks"),Symbol=global.Symbol,createWellKnownSymbol=USE_SYMBOL_AS_UID?Symbol:Symbol&&Symbol.withoutSetter||uid;module.exports=function(name){return has(WellKnownSymbolsStore,name)&&(NATIVE_SYMBOL||"string"==typeof WellKnownSymbolsStore[name])||(NATIVE_SYMBOL&&has(Symbol,name)?WellKnownSymbolsStore[name]=Symbol[name]:WellKnownSymbolsStore[name]=createWellKnownSymbol("Symbol."+name)),WellKnownSymbolsStore[name]}},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(50),$map=__webpack_require__(299).map;$({target:"Array",proto:!0,forced:!__webpack_require__(607)("map")},{map:function map(callbackfn){return $map(this,callbackfn,arguments.length>1?arguments[1]:void 0)}})},function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__(127),defineProperty=__webpack_require__(128).f,FunctionPrototype=Function.prototype,FunctionPrototypeToString=FunctionPrototype.toString,nameRE=/^\s*function ([^ (]*)/;DESCRIPTORS&&!("name"in FunctionPrototype)&&defineProperty(FunctionPrototype,"name",{configurable:!0,get:function(){try{return FunctionPrototypeToString.call(this).match(nameRE)[1]}catch(error){return""}}})},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isButton}));var buttonInputTypes=["button","color","file","image","reset","submit"];function isButton(element){if("BUTTON"===element.tagName)return!0;if("INPUT"===element.tagName){var input=element;return-1!==buttonInputTypes.indexOf(input.type)}return!1}},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports){module.exports=function(it){return"object"==typeof it?null!==it:"function"==typeof it}},function(module,exports,__webpack_require__){var isObject=__webpack_require__(122);module.exports=function(it){if(!isObject(it))throw TypeError(String(it)+" is not an object");return it}},function(module,exports,__webpack_require__){"use strict";var markdownSpace=__webpack_require__(245);module.exports=function spaceFactory(effects,ok,type,max){var limit=max?max-1:1/0,size=0;return function start(code){if(markdownSpace(code))return effects.enter(type),prefix(code);return ok(code)};function prefix(code){return markdownSpace(code)&&size++\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind"),"--").concat(sanitizeSafe(name,"name"))};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},function(module,__webpack_exports__,__webpack_require__){"use strict";function contains(parent,child){return parent===child||parent.contains(child)}__webpack_require__.d(__webpack_exports__,"a",(function(){return contains}))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return manager})),__webpack_require__.d(__webpack_exports__,"b",(function(){return registerKnobs}));__webpack_require__(2647);var public_api=__webpack_require__(111),hooks=__webpack_require__(1281),esm=__webpack_require__(18),debounce=__webpack_require__(1564),debounce_default=__webpack_require__.n(debounce),global_window=(__webpack_require__(2658),__webpack_require__(2661),__webpack_require__(2666),__webpack_require__(2668),__webpack_require__(2670),__webpack_require__(945),__webpack_require__(2671),__webpack_require__(960),__webpack_require__(2675),__webpack_require__(2678),__webpack_require__(6)),escape_html=__webpack_require__(1565),escape_html_default=__webpack_require__.n(escape_html),lib=(__webpack_require__(587),__webpack_require__(2689),__webpack_require__(189)),queryparams_getQueryParams=function getQueryParams(){return global_window.document&&global_window.document.location&&global_window.document.location.search?Object(lib.parse)(global_window.document.location.search,{ignoreQueryPrefix:!0}):{}};__webpack_require__(2681),__webpack_require__(2682),__webpack_require__(2683),__webpack_require__(2684),__webpack_require__(2685);function _defineProperties(target,props){for(var i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function KnobManager_defineProperties(target,props){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:+new Date,channel=public_api.a.getChannel();channel.emit(shared.d,{knobs:registerKnobs_knobStore.getAll(),timestamp:timestamp})}var resetAndForceUpdate=function resetAndForceUpdate(){registerKnobs_knobStore.markAllUnused(),forceReRender()},debouncedResetAndForceUpdate=debounce_default()(resetAndForceUpdate,325);function knobChanged(change){var name=change.name,value=change.value,knobOptions=registerKnobs_knobStore.get(name);knobOptions.value=value,manager.options.disableForceUpdate||knobOptions.disableForceUpdate||(manager.options.disableDebounce||knobOptions.disableDebounce?resetAndForceUpdate():debouncedResetAndForceUpdate())}function knobClicked(clicked){var knobOptions=registerKnobs_knobStore.get(clicked.name);knobOptions.callback&&!1!==knobOptions.callback()&&forceReRender()}function resetKnobs(){registerKnobs_knobStore.reset(),setPaneKnobs(!1)}function resetKnobsAndForceReRender(){registerKnobs_knobStore.reset(),forceReRender(),setPaneKnobs(!1)}function disconnectCallbacks(){var channel=public_api.a.getChannel();channel.removeListener(shared.a,knobChanged),channel.removeListener(shared.b,knobClicked),channel.removeListener(esm.STORY_CHANGED,resetKnobs),channel.removeListener(shared.c,resetKnobsAndForceReRender),registerKnobs_knobStore.unsubscribe(setPaneKnobs)}function connectCallbacks(){var channel=public_api.a.getChannel();return channel.on(shared.a,knobChanged),channel.on(shared.b,knobClicked),channel.on(esm.STORY_CHANGED,resetKnobs),channel.on(shared.c,resetKnobsAndForceReRender),registerKnobs_knobStore.subscribe(setPaneKnobs),disconnectCallbacks}function registerKnobs(){Object(hooks.c)(connectCallbacks,[])}},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports,__webpack_require__){var isObject=__webpack_require__(129);module.exports=function(it){if(!isObject(it))throw TypeError(String(it)+" is not an object");return it}},function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},function(module,exports){module.exports=function(it){return"object"==typeof it?null!==it:"function"==typeof it}},function(module,exports,__webpack_require__){var isObject=__webpack_require__(109);module.exports=function(it){if(!isObject(it))throw TypeError(String(it)+" is not an object");return it}},function(module,__webpack_exports__,__webpack_require__){"use strict";var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(190);__webpack_exports__.a=_index__WEBPACK_IMPORTED_MODULE_0__.a},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useSealedState}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0);function useSealedState(initialState){return Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialState)[0]}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return ThemeContext})),__webpack_require__.d(__webpack_exports__,"e",(function(){return emotion_element_57a3a7a3_browser_esm_withEmotionCache})),__webpack_require__.d(__webpack_exports__,"c",(function(){return css_browser_esm})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Global})),__webpack_require__.d(__webpack_exports__,"d",(function(){return core_browser_esm_keyframes}));var react=__webpack_require__(0);var StyleSheet=function(){function StyleSheet(options){this.isSpeedy=void 0===options.speedy||options.speedy,this.tags=[],this.ctr=0,this.nonce=options.nonce,this.key=options.key,this.container=options.container,this.before=null}var _proto=StyleSheet.prototype;return _proto.insert=function insert(rule){if(this.ctr%(this.isSpeedy?65e3:1)==0){var before,_tag=function createStyleElement(options){var tag=document.createElement("style");return tag.setAttribute("data-emotion",options.key),void 0!==options.nonce&&tag.setAttribute("nonce",options.nonce),tag.appendChild(document.createTextNode("")),tag}(this);before=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(_tag,before),this.tags.push(_tag)}var tag=this.tags[this.tags.length-1];if(this.isSpeedy){var sheet=function sheetForTag(tag){if(tag.sheet)return tag.sheet;for(var i=0;ih&&(h=(c=c.trim()).charCodeAt(0)),h){case 38:return c.replace(F,"$1"+d.trim());case 58:return d.trim()+c.replace(F,"$1"+d.trim());default:if(0<1*e&&0b.charCodeAt(8))break;case 115:a=a.replace(b,"-webkit-"+b)+";"+a;break;case 207:case 102:a=a.replace(b,"-webkit-"+(102e.charCodeAt(0)&&(e=e.trim()),e=[e],0q)&&(t=(f=f.replace(" ",":")).length),0=0||(target[key]=source[key]);return target}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=o.length?{done:!0}:{done:!1,value:o[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(it=o[Symbol.iterator]()).next.bind(it)}__webpack_require__.d(__webpack_exports__,"a",(function(){return _objectSpread2})),__webpack_require__.d(__webpack_exports__,"b",(function(){return _objectWithoutPropertiesLoose})),__webpack_require__.d(__webpack_exports__,"c",(function(){return _createForOfIteratorHelperLoose}))},,function(module,exports,__webpack_require__){var $=__webpack_require__(31),assign=__webpack_require__(1333);$({target:"Object",stat:!0,forced:Object.assign!==assign},{assign:assign})},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(31),$map=__webpack_require__(387).map;$({target:"Array",proto:!0,forced:!__webpack_require__(414)("map")},{map:function map(callbackfn){return $map(this,callbackfn,arguments.length>1?arguments[1]:void 0)}})},function(module,exports,__webpack_require__){"use strict";var GetIntrinsic=__webpack_require__(14),callBind=__webpack_require__(696),$indexOf=callBind(GetIntrinsic("String.prototype.indexOf"));module.exports=function callBoundIntrinsic(name,allowMissing){var intrinsic=GetIntrinsic(name,!!allowMissing);return"function"==typeof intrinsic&&$indexOf(name,".prototype.")?callBind(intrinsic):intrinsic}},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},function(module,exports){module.exports=function(it){return"object"==typeof it?null!==it:"function"==typeof it}},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports){module.exports=function(it){return"object"==typeof it?null!==it:"function"==typeof it}},function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports,__webpack_require__){var TO_STRING_TAG_SUPPORT=__webpack_require__(941),redefine=__webpack_require__(309),toString=__webpack_require__(2611);TO_STRING_TAG_SUPPORT||redefine(Object.prototype,"toString",toString,{unsafe:!0})},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isPortalEvent}));var _contains_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(103);function isPortalEvent(event){return!Object(_contains_js__WEBPACK_IMPORTED_MODULE_0__.a)(event.currentTarget,event.target)}},function(module,exports,__webpack_require__){module.exports=function(){"use strict";var t="millisecond",e="second",n="minute",r="hour",i="day",s="week",u="month",o="quarter",a="year",h=/^(\d{4})-?(\d{1,2})-?(\d{0,2})[^0-9]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?.?(\d{1,3})?$/,f=/\[([^\]]+)]|Y{2,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,c=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},d={s:c,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+c(r,2,"0")+":"+c(i,2,"0")},m:function(t,e){var n=12*(e.year()-t.year())+(e.month()-t.month()),r=t.clone().add(n,u),i=e-r<0,s=t.clone().add(n+(i?-1:1),u);return Number(-(n+(e-r)/(i?r-s:s-r))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(h){return{M:u,y:a,w:s,d:i,D:"date",h:r,m:n,s:e,ms:t,Q:o}[h]||String(h||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},$={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},l="en",m={};m[l]=$;var y=function(t){return t instanceof v},M=function(t,e,n){var r;if(!t)return l;if("string"==typeof t)m[t]&&(r=t),e&&(m[t]=e,r=t);else{var i=t.name;m[i]=t,r=i}return!n&&r&&(l=r),r||!n&&l},g=function(t,e){if(y(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new v(n)},D=d;D.l=M,D.i=y,D.w=function(t,e){return g(t,{locale:e.$L,utc:e.$u,$offset:e.$offset})};var v=function(){function c(t){this.$L=this.$L||M(t.locale,null,!0),this.parse(t)}var d=c.prototype;return d.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(D.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(h);if(r)return n?new Date(Date.UTC(r[1],r[2]-1,r[3]||1,r[4]||0,r[5]||0,r[6]||0,r[7]||0)):new Date(r[1],r[2]-1,r[3]||1,r[4]||0,r[5]||0,r[6]||0,r[7]||0)}return new Date(e)}(t),this.init()},d.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},d.$utils=function(){return D},d.isValid=function(){return!("Invalid Date"===this.$d.toString())},d.isSame=function(t,e){var n=g(t);return this.startOf(e)<=n&&n<=this.endOf(e)},d.isAfter=function(t,e){return g(t)=nextSourcePosition&&(accumulatedResult+=S.slice(nextSourcePosition,position)+replacement,nextSourcePosition=position+matched.length)}return accumulatedResult+S.slice(nextSourcePosition)}]}))},function(module,exports,__webpack_require__){var fails=__webpack_require__(67);module.exports=!fails((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(module,exports,__webpack_require__){var isObject=__webpack_require__(151);module.exports=function(it){if(!isObject(it))throw TypeError(String(it)+" is not an object");return it}},function(module,exports,__webpack_require__){"use strict";var toIndexedObject=__webpack_require__(243),addToUnscopables=__webpack_require__(643),Iterators=__webpack_require__(474),InternalStateModule=__webpack_require__(632),defineIterator=__webpack_require__(1457),setInternalState=InternalStateModule.set,getInternalState=InternalStateModule.getterFor("Array Iterator");module.exports=defineIterator(Array,"Array",(function(iterated,kind){setInternalState(this,{type:"Array Iterator",target:toIndexedObject(iterated),index:0,kind:kind})}),(function(){var state=getInternalState(this),target=state.target,kind=state.kind,index=state.index++;return!target||index>=target.length?(state.target=void 0,{value:void 0,done:!0}):"keys"==kind?{value:index,done:!1}:"values"==kind?{value:target[index],done:!1}:{value:[index,target[index]],done:!1}}),"values"),Iterators.Arguments=Iterators.Array,addToUnscopables("keys"),addToUnscopables("values"),addToUnscopables("entries")},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useTabbable}));var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(20),reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(19),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(0),reakit_utils_useForkRef__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(45),reakit_utils_isButton__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(96),reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_7__=(__webpack_require__(85),__webpack_require__(11)),reakit_utils_useIsomorphicEffect__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(28),reakit_utils_hasFocusWithin__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(86),reakit_utils_isPortalEvent__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(125),reakit_utils_getActiveElement__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(43),reakit_utils_canUseDOM__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(48),reakit_utils_tabbable__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(87),_Role_Role_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(52);function isUA(string){return!!reakit_utils_canUseDOM__WEBPACK_IMPORTED_MODULE_12__.a&&-1!==window.navigator.userAgent.indexOf(string)}var isSafariOrFirefoxOnMac=isUA("Mac")&&!isUA("Chrome")&&(isUA("Safari")||isUA("Firefox"));function focusIfNeeded(element){Object(reakit_utils_hasFocusWithin__WEBPACK_IMPORTED_MODULE_9__.a)(element)||element.focus()}function getTabIndex(trulyDisabled,nativeTabbable,supportsDisabled,htmlTabIndex){return trulyDisabled?nativeTabbable&&!supportsDisabled?-1:void 0:nativeTabbable?htmlTabIndex:htmlTabIndex||0}function useDisableEvent(htmlEventRef,disabled){return Object(react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((function(event){var _htmlEventRef$current;null===(_htmlEventRef$current=htmlEventRef.current)||void 0===_htmlEventRef$current||_htmlEventRef$current.call(htmlEventRef,event),event.defaultPrevented||disabled&&(event.stopPropagation(),event.preventDefault())}),[htmlEventRef,disabled])}var useTabbable=Object(reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__.a)({name:"Tabbable",compose:_Role_Role_js__WEBPACK_IMPORTED_MODULE_14__.a,keys:["disabled","focusable"],useOptions:function useOptions(options,_ref){var disabled=_ref.disabled;return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__.b)({disabled:disabled},options)},useProps:function useProps(options,_ref2){var htmlRef=_ref2.ref,htmlTabIndex=_ref2.tabIndex,htmlOnClickCapture=_ref2.onClickCapture,htmlOnMouseDownCapture=_ref2.onMouseDownCapture,htmlOnMouseDown=_ref2.onMouseDown,htmlOnKeyPressCapture=_ref2.onKeyPressCapture,htmlStyle=_ref2.style,htmlProps=Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__.a)(_ref2,["ref","tabIndex","onClickCapture","onMouseDownCapture","onMouseDown","onKeyPressCapture","style"]),ref=Object(react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null),onClickCaptureRef=Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_7__.a)(htmlOnClickCapture),onMouseDownCaptureRef=Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_7__.a)(htmlOnMouseDownCapture),onMouseDownRef=Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_7__.a)(htmlOnMouseDown),onKeyPressCaptureRef=Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_7__.a)(htmlOnKeyPressCapture),trulyDisabled=!!options.disabled&&!options.focusable,_React$useState2=Object(react__WEBPACK_IMPORTED_MODULE_3__.useState)(!0),nativeTabbable=_React$useState2[0],setNativeTabbable=_React$useState2[1],_React$useState3=Object(react__WEBPACK_IMPORTED_MODULE_3__.useState)(!0),supportsDisabled=_React$useState3[0],setSupportsDisabled=_React$useState3[1],style=options.disabled?Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__.b)({pointerEvents:"none"},htmlStyle):htmlStyle,focusOnMouseDown=function useFocusOnMouseDown(){if(isSafariOrFirefoxOnMac){var _React$useState=Object(react__WEBPACK_IMPORTED_MODULE_3__.useState)(null),tabbable=_React$useState[0],scheduleFocus=_React$useState[1];return Object(react__WEBPACK_IMPORTED_MODULE_3__.useEffect)((function(){tabbable&&(focusIfNeeded(tabbable),scheduleFocus(null))}),[tabbable]),Object(react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((function(event){var element=event.currentTarget;if(!Object(reakit_utils_isPortalEvent__WEBPACK_IMPORTED_MODULE_10__.a)(event)&&Object(reakit_utils_isButton__WEBPACK_IMPORTED_MODULE_5__.a)(element)){var activeElement=Object(reakit_utils_getActiveElement__WEBPACK_IMPORTED_MODULE_11__.a)(element);if(activeElement){var activeElementIsBody="BODY"===activeElement.tagName,focusableAncestor=Object(reakit_utils_tabbable__WEBPACK_IMPORTED_MODULE_13__.a)(element.parentElement);if(activeElement===focusableAncestor||activeElementIsBody&&!focusableAncestor)scheduleFocus(element);else if(focusableAncestor){focusableAncestor.addEventListener("focusin",(function onFocus(){return scheduleFocus(element)}),{once:!0})}else{activeElement.addEventListener("blur",(function onBlur(){return focusIfNeeded(element)}),{once:!0})}}}}),[])}}();Object(reakit_utils_useIsomorphicEffect__WEBPACK_IMPORTED_MODULE_8__.a)((function(){var tabbable=ref.current;tabbable&&(function isNativeTabbable(element){return"BUTTON"===element.tagName||"INPUT"===element.tagName||"SELECT"===element.tagName||"TEXTAREA"===element.tagName||"A"===element.tagName}(tabbable)||setNativeTabbable(!1),function supportsDisabledAttribute(element){return"BUTTON"===element.tagName||"INPUT"===element.tagName||"SELECT"===element.tagName||"TEXTAREA"===element.tagName}(tabbable)||setSupportsDisabled(!1))}),[]);var onClickCapture=useDisableEvent(onClickCaptureRef,options.disabled),onMouseDownCapture=useDisableEvent(onMouseDownCaptureRef,options.disabled),onKeyPressCapture=useDisableEvent(onKeyPressCaptureRef,options.disabled),onMouseDown=Object(react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((function(event){var _onMouseDownRef$curre;null===(_onMouseDownRef$curre=onMouseDownRef.current)||void 0===_onMouseDownRef$curre||_onMouseDownRef$curre.call(onMouseDownRef,event),event.defaultPrevented||null==focusOnMouseDown||focusOnMouseDown(event)}),[options.disabled,focusOnMouseDown]);return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__.b)({ref:Object(reakit_utils_useForkRef__WEBPACK_IMPORTED_MODULE_4__.a)(ref,htmlRef),style:style,tabIndex:getTabIndex(trulyDisabled,nativeTabbable,supportsDisabled,htmlTabIndex),disabled:!(!trulyDisabled||!supportsDisabled)||void 0,"aria-disabled":!!options.disabled||void 0,onClickCapture:onClickCapture,onMouseDownCapture:onMouseDownCapture,onMouseDown:onMouseDown,onKeyPressCapture:onKeyPressCapture},htmlProps)}});Object(reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__.a)({as:"div",useHook:useTabbable})},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MenuContext})),__webpack_require__.d(__webpack_exports__,"b",(function(){return useMenuContext}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),reakit_utils_removeItemFromArray__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(186),MenuContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);function useMenuContext(menuRef,role,options){var orphan="unstable_orphan"in options&&options.unstable_orphan,parent=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(MenuContext),_React$useState=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),children=_React$useState[0],setChildren=_React$useState[1],_ref=parent||{},addChildToParent=_ref.addChild,removeChildFromParent=_ref.removeChild,addChild=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(ref){return setChildren((function(refs){return[].concat(refs,[ref])}))}),[]),removeChild=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(ref){return setChildren((function(refs){return Object(reakit_utils_removeItemFromArray__WEBPACK_IMPORTED_MODULE_1__.a)(refs,ref)}))}),[]);Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){if(addChildToParent&&!orphan)return addChildToParent(menuRef),function(){null==removeChildFromParent||removeChildFromParent(menuRef)}}),[menuRef,addChildToParent,removeChildFromParent,orphan]);var providerValue=Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){return{orientation:options.orientation,next:options.next,previous:options.previous,ref:menuRef,role:role,parent:parent,children:children,addChild:addChild,removeChild:removeChild}}),[options.orientation,options.next,options.previous,menuRef,role,parent,children,addChild,removeChild]);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(element){return Object(react__WEBPACK_IMPORTED_MODULE_0__.createElement)(MenuContext.Provider,{value:providerValue},element)}),[providerValue])}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"c",(function(){return RESET})),__webpack_require__.d(__webpack_exports__,"d",(function(){return SET})),__webpack_require__.d(__webpack_exports__,"a",(function(){return CHANGE})),__webpack_require__.d(__webpack_exports__,"e",(function(){return SET_OPTIONS})),__webpack_require__.d(__webpack_exports__,"b",(function(){return CLICK}));var ADDON_ID="storybookjs/knobs",RESET=("".concat(ADDON_ID,"/panel"),"".concat(ADDON_ID,"/reset")),SET="".concat(ADDON_ID,"/set"),CHANGE="".concat(ADDON_ID,"/change"),SET_OPTIONS="".concat(ADDON_ID,"/set-options"),CLICK="".concat(ADDON_ID,"/click")},,function(module,exports,__webpack_require__){"use strict";(function(global){var origSymbol=global.Symbol,hasSymbolSham=__webpack_require__(1e3);module.exports=function hasNativeSymbols(){return"function"==typeof origSymbol&&("function"==typeof Symbol&&("symbol"==typeof origSymbol("foo")&&("symbol"==typeof Symbol("bar")&&hasSymbolSham())))}}).call(this,__webpack_require__(33))},function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__(168),IE8_DOM_DEFINE=__webpack_require__(1079),anObject=__webpack_require__(106),toPrimitive=__webpack_require__(514),$defineProperty=Object.defineProperty;exports.f=DESCRIPTORS?$defineProperty:function defineProperty(O,P,Attributes){if(anObject(O),P=toPrimitive(P,!0),anObject(Attributes),IE8_DOM_DEFINE)try{return $defineProperty(O,P,Attributes)}catch(error){}if("get"in Attributes||"set"in Attributes)throw TypeError("Accessors not supported");return"value"in Attributes&&(O[P]=Attributes.value),O}},function(module,exports,__webpack_require__){var fails=__webpack_require__(64);module.exports=!fails((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(module,exports,__webpack_require__){var fails=__webpack_require__(73);module.exports=!fails((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__(149),IE8_DOM_DEFINE=__webpack_require__(1300),anObject=__webpack_require__(100),toPrimitive=__webpack_require__(592),$defineProperty=Object.defineProperty;exports.f=DESCRIPTORS?$defineProperty:function defineProperty(O,P,Attributes){if(anObject(O),P=toPrimitive(P,!0),anObject(Attributes),IE8_DOM_DEFINE)try{return $defineProperty(O,P,Attributes)}catch(error){}if("get"in Attributes||"set"in Attributes)throw TypeError("Accessors not supported");return"value"in Attributes&&(O[P]=Attributes.value),O}},function(module,exports){module.exports=function(it){return"object"==typeof it?null!==it:"function"==typeof it}},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(29),$map=__webpack_require__(310).map;$({target:"Array",proto:!0,forced:!__webpack_require__(640)("map")},{map:function map(callbackfn){return $map(this,callbackfn,arguments.length>1?arguments[1]:void 0)}})},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(29),DESCRIPTORS=__webpack_require__(138),global=__webpack_require__(95),has=__webpack_require__(174),isObject=__webpack_require__(151),defineProperty=__webpack_require__(184).f,copyConstructorProperties=__webpack_require__(1439),NativeSymbol=global.Symbol;if(DESCRIPTORS&&"function"==typeof NativeSymbol&&(!("description"in NativeSymbol.prototype)||void 0!==NativeSymbol().description)){var EmptyStringDescriptionStore={},SymbolWrapper=function Symbol(){var description=arguments.length<1||void 0===arguments[0]?void 0:String(arguments[0]),result=this instanceof SymbolWrapper?new NativeSymbol(description):void 0===description?NativeSymbol():NativeSymbol(description);return""===description&&(EmptyStringDescriptionStore[result]=!0),result};copyConstructorProperties(SymbolWrapper,NativeSymbol);var symbolPrototype=SymbolWrapper.prototype=NativeSymbol.prototype;symbolPrototype.constructor=SymbolWrapper;var symbolToString=symbolPrototype.toString,native="Symbol(test)"==String(NativeSymbol("test")),regexp=/^Symbol\((.*)\)[^)]+$/;defineProperty(symbolPrototype,"description",{configurable:!0,get:function description(){var symbol=isObject(this)?this.valueOf():this,string=symbolToString.call(symbol);if(has(EmptyStringDescriptionStore,symbol))return"";var desc=native?string.slice(7,-1):string.replace(regexp,"$1");return""===desc?void 0:desc}}),$({global:!0,forced:!0},{Symbol:SymbolWrapper})}},function(module,exports,__webpack_require__){__webpack_require__(1449)("iterator")},function(module,exports,__webpack_require__){"use strict";var charAt=__webpack_require__(1456).charAt,InternalStateModule=__webpack_require__(632),defineIterator=__webpack_require__(1457),setInternalState=InternalStateModule.set,getInternalState=InternalStateModule.getterFor("String Iterator");defineIterator(String,"String",(function(iterated){setInternalState(this,{type:"String Iterator",string:String(iterated),index:0})}),(function next(){var point,state=getInternalState(this),string=state.string,index=state.index;return index>=string.length?{value:void 0,done:!0}:(point=charAt(string,index),state.index+=point.length,{value:point,done:!1})}))},function(module,exports,__webpack_require__){var global=__webpack_require__(95),DOMIterables=__webpack_require__(1453),ArrayIteratorMethods=__webpack_require__(140),createNonEnumerableProperty=__webpack_require__(212),wellKnownSymbol=__webpack_require__(77),ITERATOR=wellKnownSymbol("iterator"),TO_STRING_TAG=wellKnownSymbol("toStringTag"),ArrayValues=ArrayIteratorMethods.values;for(var COLLECTION_NAME in DOMIterables){var Collection=global[COLLECTION_NAME],CollectionPrototype=Collection&&Collection.prototype;if(CollectionPrototype){if(CollectionPrototype[ITERATOR]!==ArrayValues)try{createNonEnumerableProperty(CollectionPrototype,ITERATOR,ArrayValues)}catch(error){CollectionPrototype[ITERATOR]=ArrayValues}if(CollectionPrototype[TO_STRING_TAG]||createNonEnumerableProperty(CollectionPrototype,TO_STRING_TAG,COLLECTION_NAME),DOMIterables[COLLECTION_NAME])for(var METHOD_NAME in ArrayIteratorMethods)if(CollectionPrototype[METHOD_NAME]!==ArrayIteratorMethods[METHOD_NAME])try{createNonEnumerableProperty(CollectionPrototype,METHOD_NAME,ArrayIteratorMethods[METHOD_NAME])}catch(error){CollectionPrototype[METHOD_NAME]=ArrayIteratorMethods[METHOD_NAME]}}}},function(module,exports,__webpack_require__){var global=__webpack_require__(158),getOwnPropertyDescriptor=__webpack_require__(1469).f,createNonEnumerableProperty=__webpack_require__(368),redefine=__webpack_require__(1472),setGlobal=__webpack_require__(949),copyConstructorProperties=__webpack_require__(2641),isForced=__webpack_require__(2645);module.exports=function(options,source){var target,key,targetProperty,sourceProperty,descriptor,TARGET=options.target,GLOBAL=options.global,STATIC=options.stat;if(target=GLOBAL?global:STATIC?global[TARGET]||setGlobal(TARGET,{}):(global[TARGET]||{}).prototype)for(key in source){if(sourceProperty=source[key],targetProperty=options.noTargetGet?(descriptor=getOwnPropertyDescriptor(target,key))&&descriptor.value:target[key],!isForced(GLOBAL?key:TARGET+(STATIC?".":"#")+key,options.forced)&&void 0!==targetProperty){if(typeof sourceProperty==typeof targetProperty)continue;copyConstructorProperties(sourceProperty,targetProperty)}(options.sham||targetProperty&&targetProperty.sham)&&createNonEnumerableProperty(sourceProperty,"sham",!0),redefine(target,key,sourceProperty,options)}}},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return unstable_IdContext}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0);function generateRandomString(prefix){return void 0===prefix&&(prefix="id"),(prefix?prefix+"-":"")+Math.random().toString(32).substr(2,6)}var unstable_IdContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(generateRandomString)},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DISCLOSURE_KEYS})),__webpack_require__.d(__webpack_exports__,"b",(function(){return DISCLOSURE_CONTENT_KEYS}));var DISCLOSURE_KEYS=["baseId","unstable_idCountRef","visible","animated","animating","setBaseId","show","hide","toggle","setVisible","setAnimated","stopAnimation"],DISCLOSURE_CONTENT_KEYS=DISCLOSURE_KEYS},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Form}));__webpack_require__(116);var esm=__webpack_require__(3),react=(__webpack_require__(89),__webpack_require__(61),__webpack_require__(327),__webpack_require__(0)),react_default=__webpack_require__.n(react);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Wrapper=esm.styled.label((function(_ref){var theme=_ref.theme;return{display:"flex",borderBottom:"1px solid ".concat(theme.appBorderColor),margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}}})),Label=esm.styled.span((function(_ref2){return{minWidth:100,fontWeight:_ref2.theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"}})),field_Field=function Field(_ref3){var label=_ref3.label,children=_ref3.children,props=_objectWithoutProperties(_ref3,["label","children"]);return react_default.a.createElement(Wrapper,props,label?react_default.a.createElement(Label,null,react_default.a.createElement("span",null,label)):null,children)};function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);var isControlled=void 0!==props.value,libRef=Object(react.useRef)(null),ref=use_composed_ref_esm(libRef,userRef),heightRef=Object(react.useRef)(0),measurementsCacheRef=Object(react.useRef)(),resizeTextarea=function resizeTextarea(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:function getSizingData(node){var style=window.getComputedStyle(node);if(null===style)return null;var sizingStyle=function pick(props,obj){return props.reduce((function(acc,prop){return acc[prop]=obj[prop],acc}),{})}(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;return""===boxSizing?null:(isIE&&"border-box"===boxSizing&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px"),{sizingStyle:sizingStyle,paddingSize:parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize:parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth)})}(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=function calculateNodeHeight(sizingData,value,minRows,maxRows){void 0===minRows&&(minRows=1),void 0===maxRows&&(maxRows=1/0),hiddenTextarea||((hiddenTextarea=document.createElement("textarea")).setAttribute("tab-index","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),null===hiddenTextarea.parentNode&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach((function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]})),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=function getHeight(node,sizingData){var height=node.scrollHeight;return"border-box"===sizingData.sizingStyle.boxSizing?height+sizingData.borderSize:height-sizingData.paddingSize}(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;"border-box"===boxSizing&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return"border-box"===boxSizing&&(maxHeight=maxHeight+paddingSize+borderSize),[height=Math.min(maxHeight,height),rowHeight]}(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight:rowHeight}))}};return Object(react.useLayoutEffect)(resizeTextarea),function useWindowResizeListener(listener){var latestListener=use_latest_esm(listener);Object(react.useLayoutEffect)((function(){var handler=function handler(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}}),[])}(resizeTextarea),Object(react.createElement)("textarea",_extends({},props,{onChange:function handleChange(event){isControlled||resizeTextarea(),onChange(event)},ref:ref}))},react_textarea_autosize_browser_esm=Object(react.forwardRef)(react_textarea_autosize_browser_esm_TextareaAutosize),Button=__webpack_require__(668);function input_extends(){return(input_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=function styles(_ref){var theme=_ref.theme;return Object.assign({},styleResets,{transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:"".concat(theme.input.border," 0 0 0 1px inset"),borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:"".concat(theme.color.secondary," 0 0 0 1px inset"),outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 3em ".concat(theme.color.lightest," inset")},"::placeholder":{color:theme.color.mediumdark}})},sizes=function sizes(_ref2){switch(_ref2.size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=function alignment(_ref3){switch(_ref3.align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=function validation(_ref4){var valid=_ref4.valid,theme=_ref4.theme;switch(valid){case"valid":return{boxShadow:"".concat(theme.color.positive," 0 0 0 1px inset !important")};case"error":return{boxShadow:"".concat(theme.color.negative," 0 0 0 1px inset !important")};case"warn":return{boxShadow:"".concat(theme.color.warning," 0 0 0 1px inset")};case void 0:case null:default:return{}}},Input=Object.assign(Object(esm.styled)(Object(react.forwardRef)((function(_ref5,ref){_ref5.size,_ref5.valid,_ref5.align;var props=input_objectWithoutProperties(_ref5,["size","valid","align"]);return react_default.a.createElement("input",input_extends({},props,{ref:ref}))})))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(Object(esm.styled)(Object(react.forwardRef)((function(_ref6,ref){_ref6.size,_ref6.valid,_ref6.align;var props=input_objectWithoutProperties(_ref6,["size","valid","align"]);return react_default.a.createElement("select",input_extends({},props,{ref:ref}))})))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(Object(esm.styled)(Object(react.forwardRef)((function(_ref7,ref){_ref7.size,_ref7.valid,_ref7.align;var props=input_objectWithoutProperties(_ref7,["size","valid","align"]);return react_default.a.createElement(react_textarea_autosize_browser_esm,input_extends({},props,{ref:ref}))})))(styles,sizes,alignment,validation,(function(_ref8){var _ref8$height=_ref8.height;return{overflow:"visible",maxHeight:void 0===_ref8$height?400:_ref8$height}})),{displayName:"Textarea"}),ButtonStyled=Object(esm.styled)(Object(react.forwardRef)((function(_ref9,ref){_ref9.size,_ref9.valid,_ref9.align;var props=input_objectWithoutProperties(_ref9,["size","valid","align"]);return react_default.a.createElement(Button.a,input_extends({},props,{ref:ref}))})))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),input_Button=Object.assign(Object(react.forwardRef)((function(props,ref){return react_default.a.createElement(ButtonStyled,input_extends({},props,{tertiary:!0,small:!0,inForm:!0,ref:ref}))})),{displayName:"Button"}),Form=Object.assign(esm.styled.form({boxSizing:"border-box",width:"100%"}),{Field:field_Field,Input:Input,Select:Select,Textarea:Textarea,Button:input_Button})},function(module,__webpack_exports__,__webpack_require__){"use strict";var TypeSystem;__webpack_require__.d(__webpack_exports__,"a",(function(){return TypeSystem})),__webpack_require__.d(__webpack_exports__,"f",(function(){return str})),__webpack_require__.d(__webpack_exports__,"e",(function(){return hasDocgen})),__webpack_require__.d(__webpack_exports__,"d",(function(){return getDocgenSection})),__webpack_require__.d(__webpack_exports__,"c",(function(){return extractDocgenProps_extractComponentProps})),__webpack_require__.d(__webpack_exports__,"b",(function(){return extractComponentDescription})),function(TypeSystem){TypeSystem.JAVASCRIPT="JavaScript",TypeSystem.FLOW="Flow",TypeSystem.TYPESCRIPT="TypeScript",TypeSystem.UNKNOWN="Unknown"}(TypeSystem||(TypeSystem={}));__webpack_require__(2556);var BLACKLIST=["null","undefined"];function isDefaultValueBlacklisted(value){return BLACKLIST.some((function(x){return x===value}))}var str=function str(obj){if(!obj)return"";if("string"==typeof obj)return obj;throw new Error("Description: expected string, got: ".concat(JSON.stringify(obj)))};__webpack_require__(210),__webpack_require__(211),__webpack_require__(306);function hasDocgen(component){return!!component.__docgenInfo}function getDocgenSection(component,section){return hasDocgen(component)?component.__docgenInfo[section]:null}__webpack_require__(457),__webpack_require__(93),__webpack_require__(66),__webpack_require__(82),__webpack_require__(463),__webpack_require__(599),__webpack_require__(303),__webpack_require__(83),__webpack_require__(600),__webpack_require__(137);var doctrine=__webpack_require__(1551),doctrine_default=__webpack_require__.n(doctrine);function containsJsDoc(value){return null!=value&&value.includes("@")}function parse(content,tags){var ast;try{ast=doctrine_default.a.parse(content,{tags:tags,sloppy:!0})}catch(e){throw console.error(e),new Error("Cannot parse JSDoc tags.")}return ast}var DEFAULT_OPTIONS={tags:["param","arg","argument","returns","ignore"]};function extractJsDocTags(ast){for(var extractedTags={params:null,returns:null,ignore:!1},i=0;i0}(docgenSection)?Array.isArray(docgenSection)?function extractComponentSectionArray(docgenSection){var typeSystem=extractDocgenProps_getTypeSystem(docgenSection[0]),createPropDef=createPropDef_getPropDefFactory(typeSystem);return docgenSection.map((function(item){var _item$type,sanitizedItem=item;return null!==(_item$type=item.type)&&void 0!==_item$type&&_item$type.elements&&(sanitizedItem=Object.assign({},item,{type:Object.assign({},item.type,{value:item.type.elements})})),extractProp(sanitizedItem.name,sanitizedItem,typeSystem,createPropDef)}))}(docgenSection):function extractComponentSectionObject(docgenSection){var docgenPropsKeys=Object.keys(docgenSection),typeSystem=extractDocgenProps_getTypeSystem(docgenSection[docgenPropsKeys[0]]),createPropDef=createPropDef_getPropDefFactory(typeSystem);return docgenPropsKeys.map((function(propName){var docgenInfo=docgenSection[propName];return null!=docgenInfo?extractProp(propName,docgenInfo,typeSystem,createPropDef):null})).filter(Boolean)}(docgenSection):[]};function extractProp(propName,docgenInfo,typeSystem,createPropDef){var jsDocParsingResult=function parseJsDoc(value){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:DEFAULT_OPTIONS;if(!containsJsDoc(value))return{includesJsDoc:!1,ignore:!1};var jsDocAst=parse(value,options.tags),extractedTags=extractJsDocTags(jsDocAst);return extractedTags.ignore?{includesJsDoc:!0,ignore:!0}:{includesJsDoc:!0,ignore:!1,description:jsDocAst.description,extractedTags:extractedTags}}(docgenInfo.description);return jsDocParsingResult.includesJsDoc&&jsDocParsingResult.ignore?null:{propDef:createPropDef(propName,docgenInfo,jsDocParsingResult),jsDocTags:jsDocParsingResult.extractedTags,docgenInfo:docgenInfo,typeSystem:typeSystem}}function extractComponentDescription(component){return null!=component&&function getDocgenDescription(component){return hasDocgen(component)&&str(component.__docgenInfo.description)}(component)}},function(module,exports,__webpack_require__){var global=__webpack_require__(54),createNonEnumerableProperty=__webpack_require__(198),has=__webpack_require__(107),setGlobal=__webpack_require__(751),inspectSource=__webpack_require__(752),InternalStateModule=__webpack_require__(252),getInternalState=InternalStateModule.get,enforceInternalState=InternalStateModule.enforce,TEMPLATE=String(String).split("String");(module.exports=function(O,key,value,options){var state,unsafe=!!options&&!!options.unsafe,simple=!!options&&!!options.enumerable,noTargetGet=!!options&&!!options.noTargetGet;"function"==typeof value&&("string"!=typeof key||has(value,"name")||createNonEnumerableProperty(value,"name",key),(state=enforceInternalState(value)).source||(state.source=TEMPLATE.join("string"==typeof key?key:""))),O!==global?(unsafe?!noTargetGet&&O[key]&&(simple=!0):delete O[key],simple?O[key]=value:createNonEnumerableProperty(O,key,value)):simple?O[key]=value:setGlobal(key,value)})(Function.prototype,"toString",(function toString(){return"function"==typeof this&&getInternalState(this).source||inspectSource(this)}))},function(module,exports,__webpack_require__){"use strict";var $TypeError=__webpack_require__(14)("%TypeError%"),inspect=__webpack_require__(500),IsPropertyKey=__webpack_require__(225),Type=__webpack_require__(56);module.exports=function Get(O,P){if("Object"!==Type(O))throw new $TypeError("Assertion failed: Type(O) is not Object");if(!IsPropertyKey(P))throw new $TypeError("Assertion failed: IsPropertyKey(P) is not true, got "+inspect(P));return O[P]}},function(module,exports,__webpack_require__){var global=__webpack_require__(97),shared=__webpack_require__(1069),has=__webpack_require__(259),uid=__webpack_require__(1071),NATIVE_SYMBOL=__webpack_require__(1076),USE_SYMBOL_AS_UID=__webpack_require__(1874),WellKnownSymbolsStore=shared("wks"),Symbol=global.Symbol,createWellKnownSymbol=USE_SYMBOL_AS_UID?Symbol:Symbol&&Symbol.withoutSetter||uid;module.exports=function(name){return has(WellKnownSymbolsStore,name)&&(NATIVE_SYMBOL||"string"==typeof WellKnownSymbolsStore[name])||(NATIVE_SYMBOL&&has(Symbol,name)?WellKnownSymbolsStore[name]=Symbol[name]:WellKnownSymbolsStore[name]=createWellKnownSymbol("Symbol."+name)),WellKnownSymbolsStore[name]}},function(module,exports,__webpack_require__){var fails=__webpack_require__(81);module.exports=!fails((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(module,exports,__webpack_require__){var toInteger=__webpack_require__(518),min=Math.min;module.exports=function(argument){return argument>0?min(toInteger(argument),9007199254740991):0}},function(module,exports,__webpack_require__){var toInteger=__webpack_require__(338),min=Math.min;module.exports=function(argument){return argument>0?min(toInteger(argument),9007199254740991):0}},function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports,__webpack_require__){var toInteger=__webpack_require__(596),min=Math.min;module.exports=function(argument){return argument>0?min(toInteger(argument),9007199254740991):0}},function(module,exports,__webpack_require__){(function(global){var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof global&&global)||function(){return this}()||Function("return this")()}).call(this,__webpack_require__(33))},function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return TabButton})),__webpack_require__.d(__webpack_exports__,"a",(function(){return IconButton}));__webpack_require__(89),__webpack_require__(61);var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_storybook_theming__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(3),_storybook_theming__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(380);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ButtonOrLink=function ButtonOrLink(_ref){var children=_ref.children,restProps=_objectWithoutProperties(_ref,["children"]);return null!=restProps.href?react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("a",restProps,children):react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button",_extends({type:"button"},restProps),children)},TabButton=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.styled)(ButtonOrLink,{shouldForwardProp:_storybook_theming__WEBPACK_IMPORTED_MODULE_4__.a})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},(function(_ref2){return{padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:_ref2.theme.color.secondary}}}),(function(_ref3){var active=_ref3.active,textColor=_ref3.textColor,theme=_ref3.theme;return active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.color.mediumdark,borderBottomColor:"transparent"}}));TabButton.displayName="TabButton";var IconButton=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.styled)(ButtonOrLink,{shouldForwardProp:_storybook_theming__WEBPACK_IMPORTED_MODULE_4__.a})((function(_ref4){return{display:"inline-flex",justifyContent:"center",alignItems:"center",height:40,background:"none",color:"inherit",padding:0,cursor:"pointer",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",transition:"color 0.2s linear, border-bottom-color 0.2s linear","&:hover, &:focus":{outline:"0 none",color:_ref4.theme.color.secondary},"& > svg":{width:15}}}),(function(_ref5){var active=_ref5.active,theme=_ref5.theme;return active?{outline:"0 none",borderBottomColor:theme.color.secondary}:{}}));IconButton.displayName="IconButton"},function(module,exports,__webpack_require__){"use strict";function dedent(templ){for(var values=[],_i=1;_i0?min(toInteger(argument),9007199254740991):0}},function(module,exports){module.exports=function(it){if(null==it)throw TypeError("Can't call method on "+it);return it}},function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__(149),definePropertyModule=__webpack_require__(150),createPropertyDescriptor=__webpack_require__(357);module.exports=DESCRIPTORS?function(object,key,value){return definePropertyModule.f(object,key,createPropertyDescriptor(1,value))}:function(object,key,value){return object[key]=value,object}},function(module,exports,__webpack_require__){var global=__webpack_require__(92),createNonEnumerableProperty=__webpack_require__(208),has=__webpack_require__(123),setGlobal=__webpack_require__(869),inspectSource=__webpack_require__(1302),InternalStateModule=__webpack_require__(297),getInternalState=InternalStateModule.get,enforceInternalState=InternalStateModule.enforce,TEMPLATE=String(String).split("String");(module.exports=function(O,key,value,options){var state,unsafe=!!options&&!!options.unsafe,simple=!!options&&!!options.enumerable,noTargetGet=!!options&&!!options.noTargetGet;"function"==typeof value&&("string"!=typeof key||has(value,"name")||createNonEnumerableProperty(value,"name",key),(state=enforceInternalState(value)).source||(state.source=TEMPLATE.join("string"==typeof key?key:""))),O!==global?(unsafe?!noTargetGet&&O[key]&&(simple=!0):delete O[key],simple?O[key]=value:createNonEnumerableProperty(O,key,value)):simple?O[key]=value:setGlobal(key,value)})(Function.prototype,"toString",(function toString(){return"function"==typeof this&&getInternalState(this).source||inspectSource(this)}))},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(50),global=__webpack_require__(92),getBuiltIn=__webpack_require__(359),IS_PURE=__webpack_require__(298),DESCRIPTORS=__webpack_require__(149),NATIVE_SYMBOL=__webpack_require__(876),USE_SYMBOL_AS_UID=__webpack_require__(1310),fails=__webpack_require__(73),has=__webpack_require__(123),isArray=__webpack_require__(597),isObject=__webpack_require__(122),anObject=__webpack_require__(100),toObject=__webpack_require__(238),toIndexedObject=__webpack_require__(237),toPrimitive=__webpack_require__(592),createPropertyDescriptor=__webpack_require__(357),nativeObjectCreate=__webpack_require__(455),objectKeys=__webpack_require__(456),getOwnPropertyNamesModule=__webpack_require__(871),getOwnPropertyNamesExternal=__webpack_require__(2552),getOwnPropertySymbolsModule=__webpack_require__(874),getOwnPropertyDescriptorModule=__webpack_require__(451),definePropertyModule=__webpack_require__(150),propertyIsEnumerableModule=__webpack_require__(591),createNonEnumerableProperty=__webpack_require__(208),redefine=__webpack_require__(209),shared=__webpack_require__(594),sharedKey=__webpack_require__(593),hiddenKeys=__webpack_require__(453),uid=__webpack_require__(595),wellKnownSymbol=__webpack_require__(59),wrappedWellKnownSymbolModule=__webpack_require__(1404),defineWellKnownSymbol=__webpack_require__(1405),setToStringTag=__webpack_require__(363),InternalStateModule=__webpack_require__(297),$forEach=__webpack_require__(299).forEach,HIDDEN=sharedKey("hidden"),TO_PRIMITIVE=wellKnownSymbol("toPrimitive"),setInternalState=InternalStateModule.set,getInternalState=InternalStateModule.getterFor("Symbol"),ObjectPrototype=Object.prototype,$Symbol=global.Symbol,$stringify=getBuiltIn("JSON","stringify"),nativeGetOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,nativeDefineProperty=definePropertyModule.f,nativeGetOwnPropertyNames=getOwnPropertyNamesExternal.f,nativePropertyIsEnumerable=propertyIsEnumerableModule.f,AllSymbols=shared("symbols"),ObjectPrototypeSymbols=shared("op-symbols"),StringToSymbolRegistry=shared("string-to-symbol-registry"),SymbolToStringRegistry=shared("symbol-to-string-registry"),WellKnownSymbolsStore=shared("wks"),QObject=global.QObject,USE_SETTER=!QObject||!QObject.prototype||!QObject.prototype.findChild,setSymbolDescriptor=DESCRIPTORS&&fails((function(){return 7!=nativeObjectCreate(nativeDefineProperty({},"a",{get:function(){return nativeDefineProperty(this,"a",{value:7}).a}})).a}))?function(O,P,Attributes){var ObjectPrototypeDescriptor=nativeGetOwnPropertyDescriptor(ObjectPrototype,P);ObjectPrototypeDescriptor&&delete ObjectPrototype[P],nativeDefineProperty(O,P,Attributes),ObjectPrototypeDescriptor&&O!==ObjectPrototype&&nativeDefineProperty(ObjectPrototype,P,ObjectPrototypeDescriptor)}:nativeDefineProperty,wrap=function(tag,description){var symbol=AllSymbols[tag]=nativeObjectCreate($Symbol.prototype);return setInternalState(symbol,{type:"Symbol",tag:tag,description:description}),DESCRIPTORS||(symbol.description=description),symbol},isSymbol=USE_SYMBOL_AS_UID?function(it){return"symbol"==typeof it}:function(it){return Object(it)instanceof $Symbol},$defineProperty=function defineProperty(O,P,Attributes){O===ObjectPrototype&&$defineProperty(ObjectPrototypeSymbols,P,Attributes),anObject(O);var key=toPrimitive(P,!0);return anObject(Attributes),has(AllSymbols,key)?(Attributes.enumerable?(has(O,HIDDEN)&&O[HIDDEN][key]&&(O[HIDDEN][key]=!1),Attributes=nativeObjectCreate(Attributes,{enumerable:createPropertyDescriptor(0,!1)})):(has(O,HIDDEN)||nativeDefineProperty(O,HIDDEN,createPropertyDescriptor(1,{})),O[HIDDEN][key]=!0),setSymbolDescriptor(O,key,Attributes)):nativeDefineProperty(O,key,Attributes)},$defineProperties=function defineProperties(O,Properties){anObject(O);var properties=toIndexedObject(Properties),keys=objectKeys(properties).concat($getOwnPropertySymbols(properties));return $forEach(keys,(function(key){DESCRIPTORS&&!$propertyIsEnumerable.call(properties,key)||$defineProperty(O,key,properties[key])})),O},$propertyIsEnumerable=function propertyIsEnumerable(V){var P=toPrimitive(V,!0),enumerable=nativePropertyIsEnumerable.call(this,P);return!(this===ObjectPrototype&&has(AllSymbols,P)&&!has(ObjectPrototypeSymbols,P))&&(!(enumerable||!has(this,P)||!has(AllSymbols,P)||has(this,HIDDEN)&&this[HIDDEN][P])||enumerable)},$getOwnPropertyDescriptor=function getOwnPropertyDescriptor(O,P){var it=toIndexedObject(O),key=toPrimitive(P,!0);if(it!==ObjectPrototype||!has(AllSymbols,key)||has(ObjectPrototypeSymbols,key)){var descriptor=nativeGetOwnPropertyDescriptor(it,key);return!descriptor||!has(AllSymbols,key)||has(it,HIDDEN)&&it[HIDDEN][key]||(descriptor.enumerable=!0),descriptor}},$getOwnPropertyNames=function getOwnPropertyNames(O){var names=nativeGetOwnPropertyNames(toIndexedObject(O)),result=[];return $forEach(names,(function(key){has(AllSymbols,key)||has(hiddenKeys,key)||result.push(key)})),result},$getOwnPropertySymbols=function getOwnPropertySymbols(O){var IS_OBJECT_PROTOTYPE=O===ObjectPrototype,names=nativeGetOwnPropertyNames(IS_OBJECT_PROTOTYPE?ObjectPrototypeSymbols:toIndexedObject(O)),result=[];return $forEach(names,(function(key){!has(AllSymbols,key)||IS_OBJECT_PROTOTYPE&&!has(ObjectPrototype,key)||result.push(AllSymbols[key])})),result};(NATIVE_SYMBOL||(redefine(($Symbol=function Symbol(){if(this instanceof $Symbol)throw TypeError("Symbol is not a constructor");var description=arguments.length&&void 0!==arguments[0]?String(arguments[0]):void 0,tag=uid(description),setter=function(value){this===ObjectPrototype&&setter.call(ObjectPrototypeSymbols,value),has(this,HIDDEN)&&has(this[HIDDEN],tag)&&(this[HIDDEN][tag]=!1),setSymbolDescriptor(this,tag,createPropertyDescriptor(1,value))};return DESCRIPTORS&&USE_SETTER&&setSymbolDescriptor(ObjectPrototype,tag,{configurable:!0,set:setter}),wrap(tag,description)}).prototype,"toString",(function toString(){return getInternalState(this).tag})),redefine($Symbol,"withoutSetter",(function(description){return wrap(uid(description),description)})),propertyIsEnumerableModule.f=$propertyIsEnumerable,definePropertyModule.f=$defineProperty,getOwnPropertyDescriptorModule.f=$getOwnPropertyDescriptor,getOwnPropertyNamesModule.f=getOwnPropertyNamesExternal.f=$getOwnPropertyNames,getOwnPropertySymbolsModule.f=$getOwnPropertySymbols,wrappedWellKnownSymbolModule.f=function(name){return wrap(wellKnownSymbol(name),name)},DESCRIPTORS&&(nativeDefineProperty($Symbol.prototype,"description",{configurable:!0,get:function description(){return getInternalState(this).description}}),IS_PURE||redefine(ObjectPrototype,"propertyIsEnumerable",$propertyIsEnumerable,{unsafe:!0}))),$({global:!0,wrap:!0,forced:!NATIVE_SYMBOL,sham:!NATIVE_SYMBOL},{Symbol:$Symbol}),$forEach(objectKeys(WellKnownSymbolsStore),(function(name){defineWellKnownSymbol(name)})),$({target:"Symbol",stat:!0,forced:!NATIVE_SYMBOL},{for:function(key){var string=String(key);if(has(StringToSymbolRegistry,string))return StringToSymbolRegistry[string];var symbol=$Symbol(string);return StringToSymbolRegistry[string]=symbol,SymbolToStringRegistry[symbol]=string,symbol},keyFor:function keyFor(sym){if(!isSymbol(sym))throw TypeError(sym+" is not a symbol");if(has(SymbolToStringRegistry,sym))return SymbolToStringRegistry[sym]},useSetter:function(){USE_SETTER=!0},useSimple:function(){USE_SETTER=!1}}),$({target:"Object",stat:!0,forced:!NATIVE_SYMBOL,sham:!DESCRIPTORS},{create:function create(O,Properties){return void 0===Properties?nativeObjectCreate(O):$defineProperties(nativeObjectCreate(O),Properties)},defineProperty:$defineProperty,defineProperties:$defineProperties,getOwnPropertyDescriptor:$getOwnPropertyDescriptor}),$({target:"Object",stat:!0,forced:!NATIVE_SYMBOL},{getOwnPropertyNames:$getOwnPropertyNames,getOwnPropertySymbols:$getOwnPropertySymbols}),$({target:"Object",stat:!0,forced:fails((function(){getOwnPropertySymbolsModule.f(1)}))},{getOwnPropertySymbols:function getOwnPropertySymbols(it){return getOwnPropertySymbolsModule.f(toObject(it))}}),$stringify)&&$({target:"JSON",stat:!0,forced:!NATIVE_SYMBOL||fails((function(){var symbol=$Symbol();return"[null]"!=$stringify([symbol])||"{}"!=$stringify({a:symbol})||"{}"!=$stringify(Object(symbol))}))},{stringify:function stringify(it,replacer,space){for(var $replacer,args=[it],index=1;arguments.length>index;)args.push(arguments[index++]);if($replacer=replacer,(isObject(replacer)||void 0!==it)&&!isSymbol(it))return isArray(replacer)||(replacer=function(key,value){if("function"==typeof $replacer&&(value=$replacer.call(this,key,value)),!isSymbol(value))return value}),args[1]=replacer,$stringify.apply(null,args)}});$Symbol.prototype[TO_PRIMITIVE]||createNonEnumerableProperty($Symbol.prototype,TO_PRIMITIVE,$Symbol.prototype.valueOf),setToStringTag($Symbol,"Symbol"),hiddenKeys[HIDDEN]=!0},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(50),DESCRIPTORS=__webpack_require__(149),global=__webpack_require__(92),has=__webpack_require__(123),isObject=__webpack_require__(122),defineProperty=__webpack_require__(150).f,copyConstructorProperties=__webpack_require__(1303),NativeSymbol=global.Symbol;if(DESCRIPTORS&&"function"==typeof NativeSymbol&&(!("description"in NativeSymbol.prototype)||void 0!==NativeSymbol().description)){var EmptyStringDescriptionStore={},SymbolWrapper=function Symbol(){var description=arguments.length<1||void 0===arguments[0]?void 0:String(arguments[0]),result=this instanceof SymbolWrapper?new NativeSymbol(description):void 0===description?NativeSymbol():NativeSymbol(description);return""===description&&(EmptyStringDescriptionStore[result]=!0),result};copyConstructorProperties(SymbolWrapper,NativeSymbol);var symbolPrototype=SymbolWrapper.prototype=NativeSymbol.prototype;symbolPrototype.constructor=SymbolWrapper;var symbolToString=symbolPrototype.toString,native="Symbol(test)"==String(NativeSymbol("test")),regexp=/^Symbol\((.*)\)[^)]+$/;defineProperty(symbolPrototype,"description",{configurable:!0,get:function description(){var symbol=isObject(this)?this.valueOf():this,string=symbolToString.call(symbol);if(has(EmptyStringDescriptionStore,symbol))return"";var desc=native?string.slice(7,-1):string.replace(regexp,"$1");return""===desc?void 0:desc}}),$({global:!0,forced:!0},{Symbol:SymbolWrapper})}},function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__(138),definePropertyModule=__webpack_require__(184),createPropertyDescriptor=__webpack_require__(468);module.exports=DESCRIPTORS?function(object,key,value){return definePropertyModule.f(object,key,createPropertyDescriptor(1,value))}:function(object,key,value){return object[key]=value,object}},function(module,exports,__webpack_require__){var requireObjectCoercible=__webpack_require__(267);module.exports=function(argument){return Object(requireObjectCoercible(argument))}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return H2})),__webpack_require__.d(__webpack_exports__,"c",(function(){return H3})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Code})),__webpack_require__.d(__webpack_exports__,"d",(function(){return ResetWrapper})),__webpack_require__.d(__webpack_exports__,"e",(function(){return components}));__webpack_require__(75),__webpack_require__(489),__webpack_require__(89),__webpack_require__(690),__webpack_require__(116),__webpack_require__(61),__webpack_require__(385),__webpack_require__(1571);var react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__),_storybook_theming__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(3),_shared__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(15),_syntaxhighlighter_lazy_syntaxhighlighter__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(279);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var H1=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.h1(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.b,(function(_ref){var theme=_ref.theme;return{fontSize:"".concat(theme.typography.size.l1,"px"),fontWeight:theme.typography.weight.black}})),H2=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.h2(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.b,(function(_ref2){var theme=_ref2.theme;return{fontSize:"".concat(theme.typography.size.m2,"px"),paddingBottom:4,borderBottom:"1px solid ".concat(theme.appBorderColor)}})),H3=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.h3(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.b,(function(_ref3){var theme=_ref3.theme;return{fontSize:"".concat(theme.typography.size.m1,"px")}})),H4=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.h4(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.b,(function(_ref4){var theme=_ref4.theme;return{fontSize:"".concat(theme.typography.size.s3,"px")}})),H5=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.h5(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.b,(function(_ref5){var theme=_ref5.theme;return{fontSize:"".concat(theme.typography.size.s2,"px")}})),H6=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.h6(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.b,(function(_ref6){var theme=_ref6.theme;return{fontSize:"".concat(theme.typography.size.s2,"px"),color:theme.color.dark}})),Pre=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.pre(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.c,(function(_ref7){return{fontFamily:_ref7.theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}}})),Link=function Link(_ref8){var input=_ref8.href,children=_ref8.children,props=_objectWithoutProperties(_ref8,["href","children"]),isStorybookPath=/^\//.test(input),isAnchorUrl=/^#.*/.test(input),href=isStorybookPath?"?path=".concat(input):input,target=isAnchorUrl?"_self":"_top";return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("a",_extends({href:href,target:target},props),children)};Link.displayName="Link";var A=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled)(Link)(_shared__WEBPACK_IMPORTED_MODULE_10__.d,(function(_ref9){return{fontSize:"inherit",lineHeight:"24px",color:_ref9.theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}}})),HR=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.hr((function(_ref10){var theme=_ref10.theme;return{border:"0 none",borderTop:"1px solid ".concat(theme.appBorderColor),height:4,padding:0}})),DL=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.dl(_shared__WEBPACK_IMPORTED_MODULE_10__.d,Object.assign({},_shared__WEBPACK_IMPORTED_MODULE_10__.c,{padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}})),Blockquote=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.blockquote(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.c,(function(_ref11){var theme=_ref11.theme;return{borderLeft:"4px solid ".concat(theme.color.medium),padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}}})),Table=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.table(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.c,(function(_ref12){var theme=_ref12.theme;return{fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:"1px solid ".concat(theme.appBorderColor),backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:"dark"===theme.base?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:"1px solid ".concat(theme.appBorderColor),margin:0,padding:"6px 13px"},"& tr td":{border:"1px solid ".concat(theme.appBorderColor),color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}}})),Img=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.img({maxWidth:"100%"}),Div=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.div(_shared__WEBPACK_IMPORTED_MODULE_10__.d),Span=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.span(_shared__WEBPACK_IMPORTED_MODULE_10__.d,(function(_ref13){var theme=_ref13.theme;return{"&.frame":{display:"block",overflow:"hidden","& > span":{border:"1px solid ".concat(theme.color.medium),display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}}})),listCommon={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},LI=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.li(_shared__WEBPACK_IMPORTED_MODULE_10__.d,(function(_ref14){var theme=_ref14.theme;return{fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":Object(_shared__WEBPACK_IMPORTED_MODULE_10__.a)({theme:theme})}})),UL=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.ul(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.c,Object.assign({},listCommon,{listStyle:"disc"})),OL=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.ol(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.c,Object.assign({},listCommon,{listStyle:"decimal"})),P=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.p(_shared__WEBPACK_IMPORTED_MODULE_10__.d,_shared__WEBPACK_IMPORTED_MODULE_10__.c,(function(_ref15){var theme=_ref15.theme;return{fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":Object(_shared__WEBPACK_IMPORTED_MODULE_10__.a)({theme:theme})}})),DefaultCodeBlock=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.code((function(_ref16){return{fontFamily:_ref16.theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}}),_shared__WEBPACK_IMPORTED_MODULE_10__.a),Code=function Code(_ref17){var className=_ref17.className,props=_objectWithoutProperties(_ref17,["className"]),language=(className||"").match(/lang-(\S+)/);return language?react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_syntaxhighlighter_lazy_syntaxhighlighter__WEBPACK_IMPORTED_MODULE_11__.a,_extends({bordered:!0,copyable:!0,language:language[1],format:!1},props)):react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(DefaultCodeBlock,_extends({},props,{className:className}))};Code.displayName="Code";var TT=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.title(_shared__WEBPACK_IMPORTED_MODULE_10__.a),ResetWrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_9__.styled.div(_shared__WEBPACK_IMPORTED_MODULE_10__.d),nameSpaceClassNames=function nameSpaceClassNames(_ref18,key){var props=Object.assign({},_ref18),classes=[props.class,props.className];return delete props.class,props.className=["sbdocs","sbdocs-".concat(key)].concat(classes).filter(Boolean).join(" "),props},components={h1:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(H1,nameSpaceClassNames(props,"h1"))},h2:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(H2,nameSpaceClassNames(props,"h2"))},h3:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(H3,nameSpaceClassNames(props,"h3"))},h4:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(H4,nameSpaceClassNames(props,"h4"))},h5:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(H5,nameSpaceClassNames(props,"h5"))},h6:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(H6,nameSpaceClassNames(props,"h6"))},pre:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Pre,nameSpaceClassNames(props,"pre"))},a:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(A,nameSpaceClassNames(props,"a"))},hr:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(HR,nameSpaceClassNames(props,"hr"))},dl:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(DL,nameSpaceClassNames(props,"dl"))},blockquote:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Blockquote,nameSpaceClassNames(props,"blockquote"))},table:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Table,nameSpaceClassNames(props,"table"))},img:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Img,nameSpaceClassNames(props,"img"))},div:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Div,nameSpaceClassNames(props,"div"))},span:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Span,nameSpaceClassNames(props,"span"))},li:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(LI,nameSpaceClassNames(props,"li"))},ul:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(UL,nameSpaceClassNames(props,"ul"))},ol:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(OL,nameSpaceClassNames(props,"ol"))},p:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(P,nameSpaceClassNames(props,"p"))},code:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Code,nameSpaceClassNames(props,"code"))},tt:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(TT,nameSpaceClassNames(props,"tt"))},resetwrapper:function(props){return react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(ResetWrapper,nameSpaceClassNames(props,"resetwrapper"))}}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Portal}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),reakit_utils_useIsomorphicEffect__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(28),reakit_utils_canUseDOM__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(48),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(51);function getBodyElement(){return reakit_utils_canUseDOM__WEBPACK_IMPORTED_MODULE_2__.a?document.body:null}var PortalContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(getBodyElement());function Portal(_ref){var children=_ref.children,context=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PortalContext)||getBodyElement(),hostNode=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){if(reakit_utils_canUseDOM__WEBPACK_IMPORTED_MODULE_2__.a){var element=document.createElement("div");return element.className=Portal.__className,element}return null}))[0];return Object(reakit_utils_useIsomorphicEffect__WEBPACK_IMPORTED_MODULE_1__.a)((function(){if(hostNode&&context)return context.appendChild(hostNode),function(){context.removeChild(hostNode)}}),[hostNode,context]),hostNode?Object(react_dom__WEBPACK_IMPORTED_MODULE_3__.createPortal)(Object(react__WEBPACK_IMPORTED_MODULE_0__.createElement)(PortalContext.Provider,{value:hostNode},children),hostNode):null}Portal.__className="__reakit-portal",Portal.__selector="."+Portal.__className},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MENU_KEYS})),__webpack_require__.d(__webpack_exports__,"b",(function(){return MENU_BAR_KEYS})),__webpack_require__.d(__webpack_exports__,"c",(function(){return MENU_BUTTON_KEYS})),__webpack_require__.d(__webpack_exports__,"d",(function(){return MENU_GROUP_KEYS})),__webpack_require__.d(__webpack_exports__,"e",(function(){return MENU_ITEM_KEYS}));var MENU_KEYS=[].concat(["baseId","unstable_idCountRef","unstable_virtual","rtl","orientation","items","groups","currentId","loop","wrap","shift","unstable_moves","unstable_hasActiveWidget","unstable_includesBaseElement","unstable_values","setBaseId","registerItem","unregisterItem","registerGroup","unregisterGroup","move","next","previous","up","down","first","last","sort","unstable_setVirtual","setRTL","setOrientation","setCurrentId","setLoop","setWrap","setShift","reset","unstable_setIncludesBaseElement","unstable_setHasActiveWidget","unstable_setValue"],["visible","animated","animating","show","hide","toggle","setVisible","setAnimated","stopAnimation","modal","unstable_disclosureRef","setModal","unstable_referenceRef","unstable_popoverRef","unstable_arrowRef","unstable_popoverStyles","unstable_arrowStyles","unstable_originalPlacement","unstable_update","placement","place"]),MENU_BAR_KEYS=MENU_KEYS,MENU_BUTTON_KEYS=MENU_BAR_KEYS,MENU_GROUP_KEYS=MENU_BUTTON_KEYS,MENU_ITEM_KEYS=MENU_GROUP_KEYS;[].concat(MENU_ITEM_KEYS,["name"])},function(module,__webpack_exports__,__webpack_require__){"use strict";function userFocus(element){element.userFocus=!0,element.focus(),element.userFocus=!1}function hasUserFocus(element){return!!element.userFocus}function setUserFocus(element,value){element.userFocus=value}__webpack_require__.d(__webpack_exports__,"a",(function(){return hasUserFocus})),__webpack_require__.d(__webpack_exports__,"b",(function(){return setUserFocus})),__webpack_require__.d(__webpack_exports__,"c",(function(){return userFocus}))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ensureFocus}));var getActiveElement=__webpack_require__(43);function hasFocus(element){var activeElement=Object(getActiveElement.a)(element);if(!activeElement)return!1;if(activeElement===element)return!0;var activeDescendant=activeElement.getAttribute("aria-activedescendant");return!!activeDescendant&&activeDescendant===element.id}function ensureFocus(element,_temp){var _ref=void 0===_temp?{}:_temp,preventScroll=_ref.preventScroll,_ref$isActive=_ref.isActive,isActive=void 0===_ref$isActive?hasFocus:_ref$isActive;return isActive(element)?-1:(element.focus({preventScroll:preventScroll}),isActive(element)?-1:requestAnimationFrame((function(){element.focus({preventScroll:preventScroll})})))}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return combineParameters}));__webpack_require__(2249),__webpack_require__(838),__webpack_require__(839),__webpack_require__(845),__webpack_require__(578),__webpack_require__(846),__webpack_require__(447),__webpack_require__(851);var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(323),lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_8__);function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(iter))return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}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)||_unsupportedIterableToArray(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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=4;++i,len-=4)k=1540483477*(65535&(k=255&str.charCodeAt(i)|(255&str.charCodeAt(++i))<<8|(255&str.charCodeAt(++i))<<16|(255&str.charCodeAt(++i))<<24))+(59797*(k>>>16)<<16),h=1540483477*(65535&(k^=k>>>24))+(59797*(k>>>16)<<16)^1540483477*(65535&h)+(59797*(h>>>16)<<16);switch(len){case 3:h^=(255&str.charCodeAt(i+2))<<16;case 2:h^=(255&str.charCodeAt(i+1))<<8;case 1:h=1540483477*(65535&(h^=255&str.charCodeAt(i)))+(59797*(h>>>16)<<16)}return(((h=1540483477*(65535&(h^=h>>>13))+(59797*(h>>>16)<<16))^h>>>15)>>>0).toString(36)},unitless_browser_esm={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},memoize_browser_esm=__webpack_require__(678),hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function isCustomProperty(property){return 45===property.charCodeAt(1)},isProcessableValue=function isProcessableValue(value){return null!=value&&"boolean"!=typeof value},processStyleName=Object(memoize_browser_esm.a)((function(styleName){return isCustomProperty(styleName)?styleName:styleName.replace(hyphenateRegex,"-$&").toLowerCase()})),serialize_browser_esm_processStyleValue=function processStyleValue(key,value){switch(key){case"animation":case"animationName":if("string"==typeof value)return value.replace(animationRegex,(function(match,p1,p2){return cursor={name:p1,styles:p2,next:cursor},p1}))}return 1===unitless_browser_esm[key]||isCustomProperty(key)||"number"!=typeof value||0===value?value:value+"px"};function handleInterpolation(mergedProps,registered,interpolation,couldBeSelectorInterpolation){if(null==interpolation)return"";if(void 0!==interpolation.__emotion_styles)return interpolation;switch(typeof interpolation){case"boolean":return"";case"object":if(1===interpolation.anim)return cursor={name:interpolation.name,styles:interpolation.styles,next:cursor},interpolation.name;if(void 0!==interpolation.styles){var next=interpolation.next;if(void 0!==next)for(;void 0!==next;)cursor={name:next.name,styles:next.styles,next:cursor},next=next.next;return interpolation.styles+";"}return function createStringFromObject(mergedProps,registered,obj){var string="";if(Array.isArray(obj))for(var i=0;i=0||(target[key]=source[key]);return target}__webpack_require__.d(__webpack_exports__,"a",(function(){return _objectWithoutPropertiesLoose})),__webpack_require__.d(__webpack_exports__,"b",(function(){return _objectSpread2}))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return globalState}));var globalState={currentTooltipId:null,listeners:new Set,subscribe:function subscribe(listener){var _this=this;return this.listeners.add(listener),function(){_this.listeners.delete(listener)}},show:function show(id){this.currentTooltipId=id,this.listeners.forEach((function(listener){return listener(id)}))},hide:function hide(id){this.currentTooltipId===id&&(this.currentTooltipId=null,this.listeners.forEach((function(listener){return listener(null)})))}}},function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(497)},function(module,exports,__webpack_require__){"use strict";module.exports=function IsPropertyKey(argument){return"string"==typeof argument||"symbol"==typeof argument}},function(module,exports,__webpack_require__){var IndexedObject=__webpack_require__(402),requireObjectCoercible=__webpack_require__(227);module.exports=function(it){return IndexedObject(requireObjectCoercible(it))}},function(module,exports){module.exports=function(it){if(null==it)throw TypeError("Can't call method on "+it);return it}},function(module,exports,__webpack_require__){var requireObjectCoercible=__webpack_require__(227);module.exports=function(argument){return Object(requireObjectCoercible(argument))}},function(module,exports,__webpack_require__){var IndexedObject=__webpack_require__(409),requireObjectCoercible=__webpack_require__(181);module.exports=function(it){return IndexedObject(requireObjectCoercible(it))}},function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__(202),definePropertyModule=__webpack_require__(262),createPropertyDescriptor=__webpack_require__(426);module.exports=DESCRIPTORS?function(object,key,value){return definePropertyModule.f(object,key,createPropertyDescriptor(1,value))}:function(object,key,value){return object[key]=value,object}},function(module,exports,__webpack_require__){var global=__webpack_require__(72),createNonEnumerableProperty=__webpack_require__(230),has=__webpack_require__(171),setGlobal=__webpack_require__(795),inspectSource=__webpack_require__(796),InternalStateModule=__webpack_require__(345),getInternalState=InternalStateModule.get,enforceInternalState=InternalStateModule.enforce,TEMPLATE=String(String).split("String");(module.exports=function(O,key,value,options){var state,unsafe=!!options&&!!options.unsafe,simple=!!options&&!!options.enumerable,noTargetGet=!!options&&!!options.noTargetGet;"function"==typeof value&&("string"!=typeof key||has(value,"name")||createNonEnumerableProperty(value,"name",key),(state=enforceInternalState(value)).source||(state.source=TEMPLATE.join("string"==typeof key?key:""))),O!==global?(unsafe?!noTargetGet&&O[key]&&(simple=!0):delete O[key],simple?O[key]=value:createNonEnumerableProperty(O,key,value)):simple?O[key]=value:setGlobal(key,value)})(Function.prototype,"toString",(function toString(){return"function"==typeof this&&getInternalState(this).source||inspectSource(this)}))},function(module,exports,__webpack_require__){var IndexedObject=__webpack_require__(436),requireObjectCoercible=__webpack_require__(233);module.exports=function(it){return IndexedObject(requireObjectCoercible(it))}},function(module,exports){module.exports=function(it){if(null==it)throw TypeError("Can't call method on "+it);return it}},function(module,exports,__webpack_require__){var requireObjectCoercible=__webpack_require__(233);module.exports=function(argument){return Object(requireObjectCoercible(argument))}},function(module,exports,__webpack_require__){var freeGlobal=__webpack_require__(1252),freeSelf="object"==typeof self&&self&&self.Object===Object&&self,root=freeGlobal||freeSelf||Function("return this")();module.exports=root},function(module,exports){var isArray=Array.isArray;module.exports=isArray},function(module,exports,__webpack_require__){var IndexedObject=__webpack_require__(452),requireObjectCoercible=__webpack_require__(207);module.exports=function(it){return IndexedObject(requireObjectCoercible(it))}},function(module,exports,__webpack_require__){var requireObjectCoercible=__webpack_require__(207);module.exports=function(argument){return Object(requireObjectCoercible(argument))}},function(module,exports,__webpack_require__){var freeGlobal=__webpack_require__(1314),freeSelf="object"==typeof self&&self&&self.Object===Object&&self,root=freeGlobal||freeSelf||Function("return this")();module.exports=root},function(module,exports){var isArray=Array.isArray;module.exports=isArray},function(module,exports,__webpack_require__){var $=__webpack_require__(31),fails=__webpack_require__(49),toObject=__webpack_require__(182),nativeGetPrototypeOf=__webpack_require__(763),CORRECT_PROTOTYPE_GETTER=__webpack_require__(1114);$({target:"Object",stat:!0,forced:fails((function(){nativeGetPrototypeOf(1)})),sham:!CORRECT_PROTOTYPE_GETTER},{getPrototypeOf:function getPrototypeOf(it){return nativeGetPrototypeOf(toObject(it))}})},function(module,exports){var isArray=Array.isArray;module.exports=isArray},function(module,exports,__webpack_require__){var IndexedObject=__webpack_require__(630),requireObjectCoercible=__webpack_require__(267);module.exports=function(it){return IndexedObject(requireObjectCoercible(it))}},function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__(138),defineProperty=__webpack_require__(184).f,FunctionPrototype=Function.prototype,FunctionPrototypeToString=FunctionPrototype.toString,nameRE=/^\s*function ([^ (]*)/;DESCRIPTORS&&!("name"in FunctionPrototype)&&defineProperty(FunctionPrototype,"name",{configurable:!0,get:function(){try{return FunctionPrototypeToString.call(this).match(nameRE)[1]}catch(error){return""}}})},function(module,exports,__webpack_require__){"use strict";module.exports=function markdownSpace(code){return-2===code||-1===code||32===code}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"h",(function(){return storiesOf})),__webpack_require__.d(__webpack_exports__,"c",(function(){return configure})),__webpack_require__.d(__webpack_exports__,"a",(function(){return addDecorator})),__webpack_require__.d(__webpack_exports__,"b",(function(){return addParameters})),__webpack_require__.d(__webpack_exports__,"g",(function(){return setAddon})),__webpack_require__.d(__webpack_exports__,"d",(function(){return forceReRender})),__webpack_require__.d(__webpack_exports__,"e",(function(){return getStorybook})),__webpack_require__.d(__webpack_exports__,"f",(function(){return raw}));__webpack_require__(1063);var client=__webpack_require__(1538),global_window=__webpack_require__(6);global_window.window&&(global_window.window.STORYBOOK_ENV="react");__webpack_require__(2289),__webpack_require__(2291),__webpack_require__(2293),__webpack_require__(2311);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),react_dom=__webpack_require__(51),react_dom_default=__webpack_require__.n(react_dom);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;iindex;index++)if((NO_HOLES||index in self)&&(result=boundFunction(value=self[index],index,O),TYPE))if(IS_MAP)target[index]=result;else if(result)switch(TYPE){case 3:return!0;case 5:return value;case 6:return index;case 2:push.call(target,value)}else switch(TYPE){case 4:return!1;case 7:push.call(target,value)}return IS_FIND_INDEX?-1:IS_SOME||IS_EVERY?IS_EVERY:target}};module.exports={forEach:createMethod(0),map:createMethod(1),filter:createMethod(2),some:createMethod(3),every:createMethod(4),find:createMethod(5),findIndex:createMethod(6),filterOut:createMethod(7)}},function(module,exports){module.exports=function(module){return module.webpackPolyfill||(module.deprecate=function(){},module.paths=[],module.children||(module.children=[]),Object.defineProperty(module,"loaded",{enumerable:!0,get:function(){return module.l}}),Object.defineProperty(module,"id",{enumerable:!0,get:function(){return module.i}}),module.webpackPolyfill=1),module}},function(module,exports,__webpack_require__){"use strict";var Internal,OwnPromiseCapability,PromiseWrapper,nativeThen,$=__webpack_require__(31),IS_PURE=__webpack_require__(290),global=__webpack_require__(54),getBuiltIn=__webpack_require__(291),NativePromise=__webpack_require__(2407),redefine=__webpack_require__(165),redefineAll=__webpack_require__(768),setToStringTag=__webpack_require__(292),setSpecies=__webpack_require__(990),isObject=__webpack_require__(99),aFunction=__webpack_require__(417),anInstance=__webpack_require__(418),inspectSource=__webpack_require__(752),iterate=__webpack_require__(766),checkCorrectnessOfIteration=__webpack_require__(767),speciesConstructor=__webpack_require__(1335),task=__webpack_require__(1336).set,microtask=__webpack_require__(2408),promiseResolve=__webpack_require__(2410),hostReportErrors=__webpack_require__(2411),newPromiseCapabilityModule=__webpack_require__(1338),perform=__webpack_require__(2412),InternalStateModule=__webpack_require__(252),isForced=__webpack_require__(491),wellKnownSymbol=__webpack_require__(55),IS_NODE=__webpack_require__(412),V8_VERSION=__webpack_require__(413),SPECIES=wellKnownSymbol("species"),PROMISE="Promise",getInternalState=InternalStateModule.get,setInternalState=InternalStateModule.set,getInternalPromiseState=InternalStateModule.getterFor(PROMISE),PromiseConstructor=NativePromise,TypeError=global.TypeError,document=global.document,process=global.process,$fetch=getBuiltIn("fetch"),newPromiseCapability=newPromiseCapabilityModule.f,newGenericPromiseCapability=newPromiseCapability,DISPATCH_EVENT=!!(document&&document.createEvent&&global.dispatchEvent),NATIVE_REJECTION_EVENT="function"==typeof PromiseRejectionEvent,FORCED=isForced(PROMISE,(function(){if(!(inspectSource(PromiseConstructor)!==String(PromiseConstructor))){if(66===V8_VERSION)return!0;if(!IS_NODE&&!NATIVE_REJECTION_EVENT)return!0}if(IS_PURE&&!PromiseConstructor.prototype.finally)return!0;if(V8_VERSION>=51&&/native code/.test(PromiseConstructor))return!1;var promise=PromiseConstructor.resolve(1),FakePromise=function(exec){exec((function(){}),(function(){}))};return(promise.constructor={})[SPECIES]=FakePromise,!(promise.then((function(){}))instanceof FakePromise)})),INCORRECT_ITERATION=FORCED||!checkCorrectnessOfIteration((function(iterable){PromiseConstructor.all(iterable).catch((function(){}))})),isThenable=function(it){var then;return!(!isObject(it)||"function"!=typeof(then=it.then))&&then},notify=function(state,isReject){if(!state.notified){state.notified=!0;var chain=state.reactions;microtask((function(){for(var value=state.value,ok=1==state.state,index=0;chain.length>index;){var result,then,exited,reaction=chain[index++],handler=ok?reaction.ok:reaction.fail,resolve=reaction.resolve,reject=reaction.reject,domain=reaction.domain;try{handler?(ok||(2===state.rejection&&onHandleUnhandled(state),state.rejection=1),!0===handler?result=value:(domain&&domain.enter(),result=handler(value),domain&&(domain.exit(),exited=!0)),result===reaction.promise?reject(TypeError("Promise-chain cycle")):(then=isThenable(result))?then.call(result,resolve,reject):resolve(result)):reject(value)}catch(error){domain&&!exited&&domain.exit(),reject(error)}}state.reactions=[],state.notified=!1,isReject&&!state.rejection&&onUnhandled(state)}))}},dispatchEvent=function(name,promise,reason){var event,handler;DISPATCH_EVENT?((event=document.createEvent("Event")).promise=promise,event.reason=reason,event.initEvent(name,!1,!0),global.dispatchEvent(event)):event={promise:promise,reason:reason},!NATIVE_REJECTION_EVENT&&(handler=global["on"+name])?handler(event):"unhandledrejection"===name&&hostReportErrors("Unhandled promise rejection",reason)},onUnhandled=function(state){task.call(global,(function(){var result,promise=state.facade,value=state.value;if(isUnhandled(state)&&(result=perform((function(){IS_NODE?process.emit("unhandledRejection",value,promise):dispatchEvent("unhandledrejection",promise,value)})),state.rejection=IS_NODE||isUnhandled(state)?2:1,result.error))throw result.value}))},isUnhandled=function(state){return 1!==state.rejection&&!state.parent},onHandleUnhandled=function(state){task.call(global,(function(){var promise=state.facade;IS_NODE?process.emit("rejectionHandled",promise):dispatchEvent("rejectionhandled",promise,state.value)}))},bind=function(fn,state,unwrap){return function(value){fn(state,value,unwrap)}},internalReject=function(state,value,unwrap){state.done||(state.done=!0,unwrap&&(state=unwrap),state.value=value,state.state=2,notify(state,!0))},internalResolve=function(state,value,unwrap){if(!state.done){state.done=!0,unwrap&&(state=unwrap);try{if(state.facade===value)throw TypeError("Promise can't be resolved itself");var then=isThenable(value);then?microtask((function(){var wrapper={done:!1};try{then.call(value,bind(internalResolve,wrapper,state),bind(internalReject,wrapper,state))}catch(error){internalReject(wrapper,error,state)}})):(state.value=value,state.state=1,notify(state,!1))}catch(error){internalReject({done:!1},error,state)}}};FORCED&&(PromiseConstructor=function Promise(executor){anInstance(this,PromiseConstructor,PROMISE),aFunction(executor),Internal.call(this);var state=getInternalState(this);try{executor(bind(internalResolve,state),bind(internalReject,state))}catch(error){internalReject(state,error)}},(Internal=function Promise(executor){setInternalState(this,{type:PROMISE,done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:0,value:void 0})}).prototype=redefineAll(PromiseConstructor.prototype,{then:function then(onFulfilled,onRejected){var state=getInternalPromiseState(this),reaction=newPromiseCapability(speciesConstructor(this,PromiseConstructor));return reaction.ok="function"!=typeof onFulfilled||onFulfilled,reaction.fail="function"==typeof onRejected&&onRejected,reaction.domain=IS_NODE?process.domain:void 0,state.parent=!0,state.reactions.push(reaction),0!=state.state&¬ify(state,!1),reaction.promise},catch:function(onRejected){return this.then(void 0,onRejected)}}),OwnPromiseCapability=function(){var promise=new Internal,state=getInternalState(promise);this.promise=promise,this.resolve=bind(internalResolve,state),this.reject=bind(internalReject,state)},newPromiseCapabilityModule.f=newPromiseCapability=function(C){return C===PromiseConstructor||C===PromiseWrapper?new OwnPromiseCapability(C):newGenericPromiseCapability(C)},IS_PURE||"function"!=typeof NativePromise||(nativeThen=NativePromise.prototype.then,redefine(NativePromise.prototype,"then",(function then(onFulfilled,onRejected){var that=this;return new PromiseConstructor((function(resolve,reject){nativeThen.call(that,resolve,reject)})).then(onFulfilled,onRejected)}),{unsafe:!0}),"function"==typeof $fetch&&$({global:!0,enumerable:!0,forced:!0},{fetch:function fetch(input){return promiseResolve(PromiseConstructor,$fetch.apply(global,arguments))}}))),$({global:!0,wrap:!0,forced:FORCED},{Promise:PromiseConstructor}),setToStringTag(PromiseConstructor,PROMISE,!1,!0),setSpecies(PROMISE),PromiseWrapper=getBuiltIn(PROMISE),$({target:PROMISE,stat:!0,forced:FORCED},{reject:function reject(r){var capability=newPromiseCapability(this);return capability.reject.call(void 0,r),capability.promise}}),$({target:PROMISE,stat:!0,forced:IS_PURE||FORCED},{resolve:function resolve(x){return promiseResolve(IS_PURE&&this===PromiseWrapper?PromiseConstructor:this,x)}}),$({target:PROMISE,stat:!0,forced:INCORRECT_ITERATION},{all:function all(iterable){var C=this,capability=newPromiseCapability(C),resolve=capability.resolve,reject=capability.reject,result=perform((function(){var $promiseResolve=aFunction(C.resolve),values=[],counter=0,remaining=1;iterate(iterable,(function(promise){var index=counter++,alreadyCalled=!1;values.push(void 0),remaining++,$promiseResolve.call(C,promise).then((function(value){alreadyCalled||(alreadyCalled=!0,values[index]=value,--remaining||resolve(values))}),reject)})),--remaining||resolve(values)}));return result.error&&reject(result.value),capability.promise},race:function race(iterable){var C=this,capability=newPromiseCapability(C),reject=capability.reject,result=perform((function(){var $promiseResolve=aFunction(C.resolve);iterate(iterable,(function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject)}))}));return result.error&&reject(result.value),capability.promise}})},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},function(module,exports){module.exports=function(it){if(null==it)throw TypeError("Can't call method on "+it);return it}},function(module,exports,__webpack_require__){var toInteger=__webpack_require__(637),min=Math.min;module.exports=function(argument){return argument>0?min(toInteger(argument),9007199254740991):0}},function(module,exports,__webpack_require__){__webpack_require__(29)({target:"Array",stat:!0},{isArray:__webpack_require__(470)})},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(29),isObject=__webpack_require__(151),isArray=__webpack_require__(470),toAbsoluteIndex=__webpack_require__(1443),toLength=__webpack_require__(268),toIndexedObject=__webpack_require__(243),createProperty=__webpack_require__(642),wellKnownSymbol=__webpack_require__(77),HAS_SPECIES_SUPPORT=__webpack_require__(640)("slice"),SPECIES=wellKnownSymbol("species"),nativeSlice=[].slice,max=Math.max;$({target:"Array",proto:!0,forced:!HAS_SPECIES_SUPPORT},{slice:function slice(start,end){var Constructor,result,n,O=toIndexedObject(this),length=toLength(O.length),k=toAbsoluteIndex(start,length),fin=toAbsoluteIndex(void 0===end?length:end,length);if(isArray(O)&&("function"!=typeof(Constructor=O.constructor)||Constructor!==Array&&!isArray(Constructor.prototype)?isObject(Constructor)&&null===(Constructor=Constructor[SPECIES])&&(Constructor=void 0):Constructor=void 0,Constructor===Array||void 0===Constructor))return nativeSlice.call(O,k,fin);for(result=new(void 0===Constructor?Array:Constructor)(max(fin-k,0)),n=0;kend?0:end+start:start>end?end:start,remove=remove>0?remove:0,items.length<1e4)(parameters=Array.from(items)).unshift(start,remove),splice.apply(list,parameters);else for(remove&&splice.apply(list,[start,remove]);chunkStart2?arguments[2]:[];if(!IsCallable(F))throw new $TypeError(inspect(F)+" is not a function");return F.apply(V,args)}},function(module,exports,__webpack_require__){var fails=__webpack_require__(254);module.exports=!fails((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(module,exports){var toString={}.toString;module.exports=function(it){return toString.call(it).slice(8,-1)}},function(module,exports){module.exports=!1},function(module,exports,__webpack_require__){var path=__webpack_require__(1107),global=__webpack_require__(54),aFunction=function(variable){return"function"==typeof variable?variable:void 0};module.exports=function(namespace,method){return arguments.length<2?aFunction(path[namespace])||aFunction(global[namespace]):path[namespace]&&path[namespace][method]||global[namespace]&&global[namespace][method]}},function(module,exports,__webpack_require__){var defineProperty=__webpack_require__(128).f,has=__webpack_require__(107),TO_STRING_TAG=__webpack_require__(55)("toStringTag");module.exports=function(it,TAG,STATIC){it&&!has(it=STATIC?it:it.prototype,TO_STRING_TAG)&&defineProperty(it,TO_STRING_TAG,{configurable:!0,value:TAG})}},function(module,exports,__webpack_require__){var set,get,has,NATIVE_WEAK_MAP=__webpack_require__(1141),global=__webpack_require__(71),isObject=__webpack_require__(120),createNonEnumerableProperty=__webpack_require__(261),objectHas=__webpack_require__(183),shared=__webpack_require__(782),sharedKey=__webpack_require__(783),hiddenKeys=__webpack_require__(541),WeakMap=global.WeakMap;if(NATIVE_WEAK_MAP){var store=shared.state||(shared.state=new WeakMap),wmget=store.get,wmhas=store.has,wmset=store.set;set=function(it,metadata){return metadata.facade=it,wmset.call(store,it,metadata),metadata},get=function(it){return wmget.call(store,it)||{}},has=function(it){return wmhas.call(store,it)}}else{var STATE=sharedKey("state");hiddenKeys[STATE]=!0,set=function(it,metadata){return metadata.facade=it,createNonEnumerableProperty(it,STATE,metadata),metadata},get=function(it){return objectHas(it,STATE)?it[STATE]:{}},has=function(it){return objectHas(it,STATE)}}module.exports={set:set,get:get,has:has,enforce:function(it){return has(it)?get(it):set(it,{})},getterFor:function(TYPE){return function(it){var state;if(!isObject(it)||(state=get(it)).type!==TYPE)throw TypeError("Incompatible receiver, "+TYPE+" required");return state}}}},function(module,exports){var toString={}.toString;module.exports=function(it){return toString.call(it).slice(8,-1)}},function(module,exports){var toString={}.toString;module.exports=function(it){return toString.call(it).slice(8,-1)}},function(module,exports,__webpack_require__){var baseIsNative=__webpack_require__(2164),getValue=__webpack_require__(2169);module.exports=function getNative(object,key){var value=getValue(object,key);return baseIsNative(value)?value:void 0}},function(module,exports,__webpack_require__){var set,get,has,NATIVE_WEAK_MAP=__webpack_require__(2312),global=__webpack_require__(92),isObject=__webpack_require__(122),createNonEnumerableProperty=__webpack_require__(208),objectHas=__webpack_require__(123),shared=__webpack_require__(870),sharedKey=__webpack_require__(593),hiddenKeys=__webpack_require__(453),WeakMap=global.WeakMap;if(NATIVE_WEAK_MAP){var store=shared.state||(shared.state=new WeakMap),wmget=store.get,wmhas=store.has,wmset=store.set;set=function(it,metadata){return metadata.facade=it,wmset.call(store,it,metadata),metadata},get=function(it){return wmget.call(store,it)||{}},has=function(it){return wmhas.call(store,it)}}else{var STATE=sharedKey("state");hiddenKeys[STATE]=!0,set=function(it,metadata){return metadata.facade=it,createNonEnumerableProperty(it,STATE,metadata),metadata},get=function(it){return objectHas(it,STATE)?it[STATE]:{}},has=function(it){return objectHas(it,STATE)}}module.exports={set:set,get:get,has:has,enforce:function(it){return has(it)?get(it):set(it,{})},getterFor:function(TYPE){return function(it){var state;if(!isObject(it)||(state=get(it)).type!==TYPE)throw TypeError("Incompatible receiver, "+TYPE+" required");return state}}}},function(module,exports){module.exports=!1},function(module,exports,__webpack_require__){var bind=__webpack_require__(454),IndexedObject=__webpack_require__(452),toObject=__webpack_require__(238),toLength=__webpack_require__(172),arraySpeciesCreate=__webpack_require__(1308),push=[].push,createMethod=function(TYPE){var IS_MAP=1==TYPE,IS_FILTER=2==TYPE,IS_SOME=3==TYPE,IS_EVERY=4==TYPE,IS_FIND_INDEX=6==TYPE,IS_FILTER_OUT=7==TYPE,NO_HOLES=5==TYPE||IS_FIND_INDEX;return function($this,callbackfn,that,specificCreate){for(var value,result,O=toObject($this),self=IndexedObject(O),boundFunction=bind(callbackfn,that,3),length=toLength(self.length),index=0,create=specificCreate||arraySpeciesCreate,target=IS_MAP?create($this,length):IS_FILTER||IS_FILTER_OUT?create($this,0):void 0;length>index;index++)if((NO_HOLES||index in self)&&(result=boundFunction(value=self[index],index,O),TYPE))if(IS_MAP)target[index]=result;else if(result)switch(TYPE){case 3:return!0;case 5:return value;case 6:return index;case 2:push.call(target,value)}else switch(TYPE){case 4:return!1;case 7:push.call(target,value)}return IS_FIND_INDEX?-1:IS_SOME||IS_EVERY?IS_EVERY:target}};module.exports={forEach:createMethod(0),map:createMethod(1),filter:createMethod(2),some:createMethod(3),every:createMethod(4),find:createMethod(5),findIndex:createMethod(6),filterOut:createMethod(7)}},function(module,exports,__webpack_require__){var baseIsNative=__webpack_require__(2320),getValue=__webpack_require__(2325);module.exports=function getNative(object,key){var value=getValue(object,key);return baseIsNative(value)?value:void 0}},function(module,exports,__webpack_require__){var Symbol=__webpack_require__(601),getRawTag=__webpack_require__(2321),objectToString=__webpack_require__(2322),symToStringTag=Symbol?Symbol.toStringTag:void 0;module.exports=function baseGetTag(value){return null==value?void 0===value?"[object Undefined]":"[object Null]":symToStringTag&&symToStringTag in Object(value)?getRawTag(value):objectToString(value)}},function(module,exports){module.exports=function isObjectLike(value){return null!=value&&"object"==typeof value}},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(50),IndexedObject=__webpack_require__(452),toIndexedObject=__webpack_require__(237),arrayMethodIsStrict=__webpack_require__(360),nativeJoin=[].join,ES3_STRINGS=IndexedObject!=Object,STRICT_METHOD=arrayMethodIsStrict("join",",");$({target:"Array",proto:!0,forced:ES3_STRINGS||!STRICT_METHOD},{join:function join(separator){return nativeJoin.call(toIndexedObject(this),void 0===separator?",":separator)}})},function(module,exports,__webpack_require__){var baseIsNative=__webpack_require__(2427),getValue=__webpack_require__(2432);module.exports=function getNative(object,key){var value=getValue(object,key);return baseIsNative(value)?value:void 0}},function(module,exports){module.exports=function isObjectLike(value){return null!=value&&"object"==typeof value}},function(module,exports,__webpack_require__){var $=__webpack_require__(50),toObject=__webpack_require__(238),nativeKeys=__webpack_require__(456);$({target:"Object",stat:!0,forced:__webpack_require__(73)((function(){nativeKeys(1)}))},{keys:function keys(it){return nativeKeys(toObject(it))}})},function(module,exports){module.exports=function(it){return"object"==typeof it?null!==it:"function"==typeof it}},function(module,exports,__webpack_require__){var TO_STRING_TAG_SUPPORT=__webpack_require__(928),redefine=__webpack_require__(209),toString=__webpack_require__(2568);TO_STRING_TAG_SUPPORT||redefine(Object.prototype,"toString",toString,{unsafe:!0})},function(module,exports,__webpack_require__){var global=__webpack_require__(95),createNonEnumerableProperty=__webpack_require__(212),has=__webpack_require__(174),setGlobal=__webpack_require__(932),inspectSource=__webpack_require__(1438),InternalStateModule=__webpack_require__(632),getInternalState=InternalStateModule.get,enforceInternalState=InternalStateModule.enforce,TEMPLATE=String(String).split("String");(module.exports=function(O,key,value,options){var state,unsafe=!!options&&!!options.unsafe,simple=!!options&&!!options.enumerable,noTargetGet=!!options&&!!options.noTargetGet;"function"==typeof value&&("string"!=typeof key||has(value,"name")||createNonEnumerableProperty(value,"name",key),(state=enforceInternalState(value)).source||(state.source=TEMPLATE.join("string"==typeof key?key:""))),O!==global?(unsafe?!noTargetGet&&O[key]&&(simple=!0):delete O[key],simple?O[key]=value:createNonEnumerableProperty(O,key,value)):simple?O[key]=value:setGlobal(key,value)})(Function.prototype,"toString",(function toString(){return"function"==typeof this&&getInternalState(this).source||inspectSource(this)}))},function(module,exports,__webpack_require__){var bind=__webpack_require__(1450),IndexedObject=__webpack_require__(630),toObject=__webpack_require__(213),toLength=__webpack_require__(268),arraySpeciesCreate=__webpack_require__(1451),push=[].push,createMethod=function(TYPE){var IS_MAP=1==TYPE,IS_FILTER=2==TYPE,IS_SOME=3==TYPE,IS_EVERY=4==TYPE,IS_FIND_INDEX=6==TYPE,IS_FILTER_OUT=7==TYPE,NO_HOLES=5==TYPE||IS_FIND_INDEX;return function($this,callbackfn,that,specificCreate){for(var value,result,O=toObject($this),self=IndexedObject(O),boundFunction=bind(callbackfn,that,3),length=toLength(self.length),index=0,create=specificCreate||arraySpeciesCreate,target=IS_MAP?create($this,length):IS_FILTER||IS_FILTER_OUT?create($this,0):void 0;length>index;index++)if((NO_HOLES||index in self)&&(result=boundFunction(value=self[index],index,O),TYPE))if(IS_MAP)target[index]=result;else if(result)switch(TYPE){case 3:return!0;case 5:return value;case 6:return index;case 2:push.call(target,value)}else switch(TYPE){case 4:return!1;case 7:push.call(target,value)}return IS_FIND_INDEX?-1:IS_SOME||IS_EVERY?IS_EVERY:target}};module.exports={forEach:createMethod(0),map:createMethod(1),filter:createMethod(2),some:createMethod(3),every:createMethod(4),find:createMethod(5),findIndex:createMethod(6),filterOut:createMethod(7)}},function(module,exports,__webpack_require__){"use strict";var isOldIE=function isOldIE(){var memo;return function memorize(){return void 0===memo&&(memo=Boolean(window&&document&&document.all&&!window.atob)),memo}}(),getTarget=function getTarget(){var memo={};return function memorize(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}}(),stylesInDom=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i0?min(toInteger(argument),9007199254740991):0}},function(module,exports,__webpack_require__){var requireObjectCoercible=__webpack_require__(366);module.exports=function(argument){return Object(requireObjectCoercible(argument))}},function(module,exports,__webpack_require__){var global=__webpack_require__(160),getOwnPropertyDescriptor=__webpack_require__(1513).f,createNonEnumerableProperty=__webpack_require__(378),redefine=__webpack_require__(1515),setGlobal=__webpack_require__(975),copyConstructorProperties=__webpack_require__(2815),isForced=__webpack_require__(2821);module.exports=function(options,source){var target,key,targetProperty,sourceProperty,descriptor,TARGET=options.target,GLOBAL=options.global,STATIC=options.stat;if(target=GLOBAL?global:STATIC?global[TARGET]||setGlobal(TARGET,{}):(global[TARGET]||{}).prototype)for(key in source){if(sourceProperty=source[key],targetProperty=options.noTargetGet?(descriptor=getOwnPropertyDescriptor(target,key))&&descriptor.value:target[key],!isForced(GLOBAL?key:TARGET+(STATIC?".":"#")+key,options.forced)&&void 0!==targetProperty){if(typeof sourceProperty==typeof targetProperty)continue;copyConstructorProperties(sourceProperty,targetProperty)}(options.sham||targetProperty&&targetProperty.sham)&&createNonEnumerableProperty(sourceProperty,"sham",!0),redefine(target,key,sourceProperty,options)}}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TabsState}));__webpack_require__(75),__webpack_require__(117);var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_storybook_theming__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(3),_storybook_csf__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(102),_placeholder_placeholder__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(672),_bar_bar__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(319),_bar_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(176);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _defineProperties(target,props){for(var i=0;i *:first-child".concat("/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */"),{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:"calc(100% - ".concat(bordered?2:0,"px)"),overflow:"auto"}):{}})),VisuallyHidden=_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.styled.div((function(_ref7){return _ref7.active?{display:"block"}:{display:"none"}})),Tabs=Object(react__WEBPACK_IMPORTED_MODULE_2__.memo)((function(_ref11){var children=_ref11.children,selected=_ref11.selected,actions=_ref11.actions,absolute=_ref11.absolute,bordered=_ref11.bordered,tools=_ref11.tools,backgroundColor=_ref11.backgroundColor,htmlId=_ref11.id,list=function childrenToList(children,selected){return react__WEBPACK_IMPORTED_MODULE_2__.Children.toArray(children).map((function(_ref9,index){var _ref9$props=_ref9.props,title=_ref9$props.title,id=_ref9$props.id,color=_ref9$props.color,childrenOfChild=_ref9$props.children,content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:0===index,title:title,id:id,color:color,render:"function"==typeof content?content:function(_ref10){var active=_ref10.active,key=_ref10.key;return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(VisuallyHidden,{key:key,active:active,role:"tabpanel"},content)}}}))}(children,selected);return list.length?react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Wrapper,{absolute:absolute,bordered:bordered,id:htmlId},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_bar_bar__WEBPACK_IMPORTED_MODULE_6__.a,{border:!0,backgroundColor:backgroundColor},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(TabBar,{role:"tablist"},list.map((function(_ref12){var title=_ref12.title,id=_ref12.id,active=_ref12.active,color=_ref12.color,tabTitle="function"==typeof title?title():title;return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_bar_button__WEBPACK_IMPORTED_MODULE_7__.b,{id:"tabbutton-".concat(Object(_storybook_csf__WEBPACK_IMPORTED_MODULE_4__.sanitize)(tabTitle)),className:"tabbutton ".concat(active?"tabbutton-active":""),type:"button",key:id,active:active,textColor:color,onClick:function onClick(e){e.preventDefault(),actions.onSelect(id)},role:"tab"},tabTitle)}))),tools?react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,tools):null),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Content,{id:"panel-tab-content",bordered:bordered,absolute:absolute},list.map((function(_ref13){var id=_ref13.id,active=_ref13.active;return(0,_ref13.render)({key:id,active:active})})))):react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_placeholder_placeholder__WEBPACK_IMPORTED_MODULE_5__.a,null,react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,{key:"title"},"Nothing found"))}));Tabs.displayName="Tabs",Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var TabsState=function(_Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(TabsState,_Component);var _super=_createSuper(TabsState);function TabsState(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,TabsState),(_this=_super.call(this,props)).handlers={onSelect:function onSelect(id){return _this.setState({selected:id})}},_this.state={selected:props.initial},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(TabsState,[{key:"render",value:function render(){var _this$props=this.props,_this$props$bordered=_this$props.bordered,bordered=void 0!==_this$props$bordered&&_this$props$bordered,_this$props$absolute=_this$props.absolute,absolute=void 0!==_this$props$absolute&&_this$props$absolute,children=_this$props.children,backgroundColor=_this$props.backgroundColor,selected=this.state.selected;return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Tabs,{bordered:bordered,absolute:absolute,selected:selected,backgroundColor:backgroundColor,actions:this.handlers},children)}}]),TabsState}(react__WEBPACK_IMPORTED_MODULE_2__.Component);TabsState.displayName="TabsState",TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FlexBar}));__webpack_require__(89),__webpack_require__(61);var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_storybook_theming__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(3),_ScrollArea_ScrollArea__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(611);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=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Side=_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0},(function(_ref){return _ref.left?{"& > *":{marginLeft:15}}:{}}),(function(_ref2){return _ref2.right?{marginLeft:30,"& > *":{marginRight:15}}:{}}));Side.displayName="Side";var Bar=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.styled)((function(_ref3){var children=_ref3.children,className=_ref3.className;return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_ScrollArea_ScrollArea__WEBPACK_IMPORTED_MODULE_4__.a,{horizontal:!0,vertical:!1,className:className},children)}))((function(_ref4){return{color:_ref4.theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}}),(function(_ref5){var theme=_ref5.theme;return _ref5.border?{boxShadow:"".concat(theme.appBorderColor," 0 -1px 0 0 inset"),background:theme.barBg}:{}}));Bar.displayName="Bar";var BarInner=_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.styled.div((function(_ref6){return{display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:_ref6.bgColor||""}})),FlexBar=function FlexBar(_ref7){var children=_ref7.children,backgroundColor=_ref7.backgroundColor,rest=_objectWithoutProperties(_ref7,["children","backgroundColor"]),_Children$toArray2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_2__.Children.toArray(children),2),left=_Children$toArray2[0],right=_Children$toArray2[1];return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Bar,rest,react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(BarInner,{bgColor:backgroundColor},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Side,{left:!0},left),right?react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar",FlexBar.displayName="FlexBar"},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getWindow}));var _window,_getDocument_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(23);try{_window=window}catch(e){}function getWindow(element){return element&&Object(_getDocument_js__WEBPACK_IMPORTED_MODULE_0__.a)(element).defaultView||_window}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DialogBackdropContext}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),DialogBackdropContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0)},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return COMPOSITE_KEYS})),__webpack_require__.d(__webpack_exports__,"b",(function(){return COMPOSITE_ITEM_KEYS}));var COMPOSITE_KEYS=["baseId","unstable_idCountRef","setBaseId","unstable_virtual","rtl","orientation","items","groups","currentId","loop","wrap","shift","unstable_moves","unstable_hasActiveWidget","unstable_includesBaseElement","registerItem","unregisterItem","registerGroup","unregisterGroup","move","next","previous","up","down","first","last","sort","unstable_setVirtual","setRTL","setOrientation","setCurrentId","setLoop","setWrap","setShift","reset","unstable_setIncludesBaseElement","unstable_setHasActiveWidget"],COMPOSITE_ITEM_KEYS=COMPOSITE_KEYS},function(module,exports,__webpack_require__){var baseGetTag=__webpack_require__(355),getPrototype=__webpack_require__(1273),isObjectLike=__webpack_require__(356),funcProto=Function.prototype,objectProto=Object.prototype,funcToString=funcProto.toString,hasOwnProperty=objectProto.hasOwnProperty,objectCtorString=funcToString.call(Object);module.exports=function isPlainObject(value){if(!isObjectLike(value)||"[object Object]"!=baseGetTag(value))return!1;var proto=getPrototype(value);if(null===proto)return!0;var Ctor=hasOwnProperty.call(proto,"constructor")&&proto.constructor;return"function"==typeof Ctor&&Ctor instanceof Ctor&&funcToString.call(Ctor)==objectCtorString}},,,function(module,exports,__webpack_require__){"use strict";var charAt=__webpack_require__(769).charAt,InternalStateModule=__webpack_require__(252),defineIterator=__webpack_require__(762),setInternalState=InternalStateModule.set,getInternalState=InternalStateModule.getterFor("String Iterator");defineIterator(String,"String",(function(iterated){setInternalState(this,{type:"String Iterator",string:String(iterated),index:0})}),(function next(){var point,state=getInternalState(this),string=state.string,index=state.index;return index>=string.length?{value:void 0,done:!0}:(point=charAt(string,index),state.index+=point.length,{value:point,done:!1})}))},function(module,exports,__webpack_require__){"use strict";var $=__webpack_require__(31),createHTML=__webpack_require__(1344);$({target:"String",proto:!0,forced:__webpack_require__(1345)("bold")},{bold:function bold(){return createHTML(this,"b","","")}})},,function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__(1612);module.exports=Function.prototype.bind||implementation},function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(1006)},function(module,exports,__webpack_require__){"use strict";var bind=__webpack_require__(329),GetIntrinsic=__webpack_require__(12),$apply=GetIntrinsic("%Function.prototype.apply%"),$call=GetIntrinsic("%Function.prototype.call%"),$reflectApply=GetIntrinsic("%Reflect.apply%",!0)||bind.call($call,$apply),$gOPD=GetIntrinsic("%Object.getOwnPropertyDescriptor%",!0),$defineProperty=GetIntrinsic("%Object.defineProperty%",!0),$max=GetIntrinsic("%Math.max%");if($defineProperty)try{$defineProperty({},"a",{value:1})}catch(e){$defineProperty=null}module.exports=function callBind(originalFunction){var func=$reflectApply(bind,$call,arguments);if($gOPD&&$defineProperty){var desc=$gOPD(func,"length");desc.configurable&&$defineProperty(func,"length",{value:1+$max(0,originalFunction.length-(arguments.length-1))})}return func};var applyBind=function applyBind(){return $reflectApply(bind,$apply,arguments)};$defineProperty?$defineProperty(module.exports,"apply",{value:applyBind}):module.exports.apply=applyBind},function(module,exports,__webpack_require__){"use strict";module.exports=function IsPropertyKey(argument){return"string"==typeof argument||"symbol"==typeof argument}},function(module,exports,__webpack_require__){var isObject=__webpack_require__(258);module.exports=function(it){if(!isObject(it))throw TypeError(String(it)+" is not an object");return it}},function(module,exports){var toString={}.toString;module.exports=function(it){return toString.call(it).slice(8,-1)}},function(module,exports){module.exports=!1},function(module,exports,__webpack_require__){var DESCRIPTORS=__webpack_require__(127),propertyIsEnumerableModule=__webpack_require__(527),createPropertyDescriptor=__webpack_require__(337),toIndexedObject=__webpack_require__(229),toPrimitive=__webpack_require__(410),has=__webpack_require__(107),IE8_DOM_DEFINE=__webpack_require__(1105),$getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor;exports.f=DESCRIPTORS?$getOwnPropertyDescriptor:function getOwnPropertyDescriptor(O,P){if(O=toIndexedObject(O),P=toPrimitive(P,!0),IE8_DOM_DEFINE)try{return $getOwnPropertyDescriptor(O,P)}catch(error){}if(has(O,P))return createPropertyDescriptor(!propertyIsEnumerableModule.f.call(O,P),O[P])}},function(module,exports){module.exports=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value:value}}},function(module,exports){var ceil=Math.ceil,floor=Math.floor;module.exports=function(argument){return isNaN(argument=+argument)?0:(argument>0?floor:ceil)(argument)}},function(module,exports,__webpack_require__){"use strict";var toIndexedObject=__webpack_require__(229),addToUnscopables=__webpack_require__(761),Iterators=__webpack_require__(416),InternalStateModule=__webpack_require__(252),defineIterator=__webpack_require__(762),setInternalState=InternalStateModule.set,getInternalState=InternalStateModule.getterFor("Array Iterator");module.exports=defineIterator(Array,"Array",(function(iterated,kind){setInternalState(this,{type:"Array Iterator",target:toIndexedObject(iterated),index:0,kind:kind})}),(function(){var state=getInternalState(this),target=state.target,kind=state.kind,index=state.index++;return!target||index>=target.length?(state.target=void 0,{value:void 0,done:!0}):"keys"==kind?{value:index,done:!1}:"values"==kind?{value:target[index],done:!1}:{value:[index,target[index]],done:!1}}),"values"),Iterators.Arguments=Iterators.Array,addToUnscopables("keys"),addToUnscopables("values"),addToUnscopables("entries")},function(module,exports,__webpack_require__){var activeXDocument,anObject=__webpack_require__(90),defineProperties=__webpack_require__(1110),enumBugKeys=__webpack_require__(756),hiddenKeys=__webpack_require__(411),html=__webpack_require__(1111),documentCreateElement=__webpack_require__(750),sharedKey=__webpack_require__(528),IE_PROTO=sharedKey("IE_PROTO"),EmptyConstructor=function(){},scriptTag=function(content){return"