UNPKG

@pablo-amberflo/ui-kit-test

Version:

Amberflo UI Kit

1 lines 30.9 kB
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{"./.storybook/preview.js-generated-config-entry.js":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,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),parameters={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}}};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(ClientApi.d)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.e)(loader,!1)}));case"parameters":return Object(ClientApi.f)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.b)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"render":return Object(ClientApi.g)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.f)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./node_modules/css-loader/dist/cjs.js?!./node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!./src/components/atoms/CssComponent/styles.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.titleContainer {\n background-color: blue;\n}\n\n.title {\n font-size: "20px";\n color: violet;\n}\n',""]),module.exports=exports},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$":function(module,exports,__webpack_require__){var map={"./stories/AppComponent.stories.jsx":"./src/stories/AppComponent.stories.jsx","./stories/BarGraph.stories.jsx":"./src/stories/BarGraph.stories.jsx","./stories/StatusChip.stories.jsx":"./src/stories/StatusChip.stories.jsx","./stories/StyledComponent.stories.jsx":"./src/stories/StyledComponent.stories.jsx"};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="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$":function(module,exports){function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=function(){return[]},webpackEmptyContext.resolve=webpackEmptyContext,module.exports=webpackEmptyContext,webpackEmptyContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},"./src/components/atoms/CssComponent/styles.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!./src/components/atoms/CssComponent/styles.css");"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||{}},"./src/components/atoms/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return StatusChip})),__webpack_require__.d(__webpack_exports__,"b",(function(){return StyledComponent_StyledComponent}));__webpack_require__("./node_modules/react/index.js");var Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),withStyles=__webpack_require__("./node_modules/@mui/styles/withStyles/withStyles.js"),createTheme=(__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/@mui/material/styles/createTheme.js")),theme=Object(createTheme.a)({palette:{primary:{main:"#1565c0",light:"#1E88E5",dark:"#0D47A1"},secondary:{main:"#F9FBFF",light:"#DAE9F8",dark:"#75ACE4"}},typography:{fontFamily:"Nunito",h1:{fontSize:"32px",fontWeight:600,fontStretch:"normal",fontStyle:"normal",lineHeight:1.2,letterSpacing:"-0.22px"},h2:{fontSize:"28px",fontWeight:600,fontStretch:"normal",fontStyle:"normal",lineHeight:1.2,letterSpacing:"-0.23px"},h3:{fontSize:"24px",fontWeight:600,fontStretch:"normal",fontStyle:"normal",lineHeight:1.2,letterSpacing:"normal"},h4:{fontSize:"20px",fontWeight:600,fontStretch:"normal",fontStyle:"normal",lineHeight:1.2,letterSpacing:"0.04px"},h5:{fontSize:"20px",fontWeight:"normal",fontStretch:"normal",fontStyle:"normal",lineHeight:1.2,letterSpacing:"normal"},h6:{fontSize:"17px",fontWeight:600,fontStretch:"normal",fontStyle:"normal",lineHeight:1.2,letterSpacing:"-0.06px"},subtitle1:{fontSize:"16px",fontWeight:600,fontStretch:"normal",fontStyle:"normal",lineHeight:1.75,letterSpacing:"0.09px"},subtitle2:{fontSize:"14px",fontWeight:600,fontStretch:"normal",fontStyle:"normal",lineHeight:1.43,letterSpacing:"0.07px"},body1:{fontSize:"16px",fontWeight:"normal",fontStretch:"normal",fontStyle:"normal",lineHeight:1.5,letterSpacing:"0.08px"},body2:{fontSize:"14px",fontWeight:"normal",fontStretch:"normal",fontStyle:"normal",lineHeight:1.43,letterSpacing:"0.1px"},caption:{fontSize:"12px",fontWeight:"normal",fontStretch:"normal",fontStyle:"normal",lineHeight:1.66,letterSpacing:"0.3px"},overline:{fontSize:"12px",fontWeight:"normal",fontStretch:"normal",fontStyle:"normal",lineHeight:2.58,letterSpacing:"0.83px"},button:{fontSize:"14px",fontWeight:600,fontStretch:"normal",fontStyle:"normal",lineHeight:1.71,letterSpacing:"0.3px"}},success:{main:"#4caf50",light:"#e6f4e6",dark:"#388e3c"},warning:{main:"#ff9800",light:"#FFB74D",lighter:"#ffe9c9",dark:"#f57c00",background:"#fffbf6"},error:{main:"#f44336",light:"#ffefef",dark:"#d32f2f"},info:{main:"#1565c0",medium:"#1E88E5",light:"#f9fbff"},neutral:{main:"#808080",medium:"#D0D0D1",light:"#e0e0e0"},text:{primary:"rgba(0,0,0,0.87)",secondary:"#808080",disabled:"#b2b2b2",light:"#ffffff",informative:"#eeeeee",link:"#1565c0",dark:"#212121"},action:{primary:"#1565c0",secondary:"#5c8dd1",active:"#dae9f8",hover:"rgba(255,255,255,0.2)",selected:"#1565c0",loading:"#729CE4"},background:{clear:{main:"#f9f9fc",light:"#ffffff",dark:"#f6f6f6"},obscure:{main:"#1b2430",light:"#232f3e",dark:"#121820"},modal:{main:"#ffffff",light:"#eeeeee",darkOpacity:"rgba(0,0,0,0.5)"},table:{highlight:"#f5fbff",selected:"#f3f8fe"},pieChart:{colors:["#5a6acf","#7483e3","#929ff5","#adb7f5","#c7ceff","#eeeeee"]}},dividers:{main:"#cccccc",dark:"#b2b2b2",light:"#eee",shadow:"rgba(0, 0, 0, 0.12)"},border:{light:"#4791db",main:"#e8e7ea",dark:"#cccccc",disabled:"#e0e0e0"},scrollBar:{dark:"#808080",borderRadius:"9px"},components:{MuiTable:{root:{borderCollapse:"unset"}},MuiTableCell:{sizeSmall:{padding:"1rem"}},MuiSelect:{root:{padding:"6px"},iconOutlined:{color:"black"},outlined:{paddingLeft:"1rem"}},MuiPaper:{root:{boxShadow:"none"}}}}),sizes=Object(createTheme.a)({typography:{h1:"32px",h2:"28px",h3:"24px",h4:"20px",h5:"20px",h6:"17px",subtitle1:"16px",body1:"16px",body2:"14px",caption:"12px",overline:"12px",button:"14px"},components:{sidebar:"16rem",maxContainerWidth:"1560px"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ActionButton_ActionButtonRaw=function ActionButtonRaw(props){var onClick=props.onClick,text=props.text,selectedTabButton=props.selectedTabButton,selectedTabButtonStyles=props.selectedTabButtonStyles,disabled=props.disabled,buttonStyle=props.buttonStyle,iconStyle=props.iconStyle,classes=props.classes,icon=props.icon,submitType=props.submitType,shouldRenderTooltip=props.shouldRenderTooltip,tooltipText=props.tooltipText,variant=props.variant,button=Object(jsx_runtime.jsx)(Button.a,{disabled:disabled,onClick:onClick,color:"primary",variant:"contained",type:submitType&&"submit",size:"medium",className:variant&&""!==variant?function getClassName(type){switch(type){case"primary":return classes.primaryButton;case"secondary":return classes.secondaryButton;case"white":return disabled?classes.whiteButtonDisabled:classes.whiteButton;case"tab":return selectedTabButton?classes.selectedTabButton+" "+selectedTabButtonStyles:classes.tabButton;default:return classes.defaultButton}}(variant):buttonStyle,children:Object(jsx_runtime.jsxs)("div",{className:classes.container,children:[icon&&Object(jsx_runtime.jsx)("img",{src:icon,className:classes.buttonIcon+" "+iconStyle,alt:"button-icon"}),Object(jsx_runtime.jsx)(Typography.a,{variant:"button",className:function getTypoClassName(type){switch(type){case"primary":return classes.primaryButtonText;case"secondary":return disabled?classes.secondaryButtonTextDisabled:classes.secondaryButtonText;case"white":return disabled?classes.whiteButtonTextDisabled:classes.whiteButtonText;case"tab":return selectedTabButton?classes.selectedTabButtonTitle:classes.tabButtonTitle;case"selectedTabButton":return classes.selectedTabButtonTitle;default:return classes.defaultButtonText}}(variant),children:text})]})});return function renderActionButton(){return shouldRenderTooltip?Object(jsx_runtime.jsx)(Tooltip.a,{disableFocusListener:!0,arrow:!0,title:tooltipText,placement:"top",children:Object(jsx_runtime.jsx)("span",{children:button})}):button}()};Object(withStyles.a)((function styles(){return{container:{textTransform:"capitalize",display:"flex"},defaultButton:{height:"2.4rem",borderRadius:"3px"},defaultButtonText:{textTransform:"capitalize"},buttonIcon:{height:"1.5rem",width:"1.5rem",marginRight:"0.6rem"},disabled:{opacity:"0.5"},primaryButton:{padding:"0.5rem 1rem",borderRadius:"3px",backgroundColor:theme.action.primary,color:theme.text.light,"&:hover":{backgroundColor:theme.action.primary}},primaryButtonText:{textTransform:"capitalize",color:theme.text.light},secondaryButton:{margin:"0 1rem",padding:"0.5rem 1rem",borderRadius:"3px",backgroundColor:"transparent",boxShadow:"none","&:hover":{backgroundColor:"transparent",boxShadow:"none"},"&.MuiButton-contained.Mui-disabled":{backgroundColor:"transparent",color:theme.text.disabled}},secondaryButtonText:{textTransform:"capitalize",color:theme.text.link},secondaryButtonTextDisabled:{color:theme.text.disabled},whiteButton:{background:theme.background.clear.light,border:"solid 1px #cccccc",borderRadius:"4px",padding:"0.38rem 1rem",boxShadow:"none","&:hover":{background:theme.background.clear.light}},whiteButtonText:{textTransform:"capitalize",color:theme.text.link},whiteButtonDisabled:{"&.MuiButton-contained.Mui-disabled":{backgroundColor:theme.background.clear.light}},whiteButtonTextDisabled:{color:theme.text.disabled},tabButton:{minWidth:"fit-content",backgroundColor:"transparent",boxShadow:"none",justifyContent:"flex-start",color:theme.text.secondary,margin:"0rem",padding:"0rem",height:"100%",borderRadius:"0px","&:hover":{backgroundColor:"transparent",boxShadow:"none",color:theme.text.secondary}},selectedTabButton:{minWidth:"fit-content",backgroundColor:"transparent",boxShadow:"none",justifyContent:"flex-start",color:theme.text.link,margin:"0rem",padding:"0rem",height:"100%",borderRadius:"0px",borderBottom:"3px solid "+theme.text.link,"&:hover":{backgroundColor:"transparent",boxShadow:"none",color:theme.text.link}},tabButtonTitle:{fontSize:sizes.typography.h6,color:theme.text.secondary},selectedTabButtonTitle:{fontSize:sizes.typography.h6,color:theme.text.link}}}))(ActionButton_ActionButtonRaw);ActionButton_ActionButtonRaw.__docgenInfo={description:"",methods:[],displayName:"ActionButtonRaw"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/ActionButton/ActionButton.jsx"]={name:"ActionButtonRaw",docgenInfo:ActionButton_ActionButtonRaw.__docgenInfo,path:"src/components/atoms/ActionButton/ActionButton.jsx"});__webpack_require__("./src/components/atoms/CssComponent/styles.css");var CssComponent_CssComponent=function CssComponent(){return Object(jsx_runtime.jsx)("div",{className:"titleContainer",children:Object(jsx_runtime.jsx)("div",{className:"title",children:"This a component using css styles"})})};CssComponent_CssComponent.displayName="CssComponent",CssComponent_CssComponent.__docgenInfo={description:"",methods:[],displayName:"CssComponent"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/CssComponent/CssComponent.jsx"]={name:"CssComponent",docgenInfo:CssComponent_CssComponent.__docgenInfo,path:"src/components/atoms/CssComponent/CssComponent.jsx"});var Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),StatusChip_StatusChipRaw=function StatusChipRaw(_ref){var label=_ref.label,chipContainer=_ref.chipContainer,classes=_ref.classes,type=_ref.type;return Object(jsx_runtime.jsx)("div",{className:chipContainer,children:Object(jsx_runtime.jsx)(Chip.a,{label:label,size:"small",className:classes[type]})})};StatusChip_StatusChipRaw.displayName="StatusChipRaw";var StatusChip=Object(withStyles.a)((function styles(){return{info:{background:theme.action.active,color:theme.action.primary},warn:{background:theme.warning.lighter,color:theme.warning.dark},success:{background:theme.success.light,color:theme.success.main},neutral:{background:theme.neutral.light,color:theme.neutral.main},error:{background:theme.error.light,color:theme.error.main}}}))(StatusChip_StatusChipRaw);StatusChip_StatusChipRaw.__docgenInfo={description:"",methods:[],displayName:"StatusChipRaw"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/StatusChip/StatusChip.jsx"]={name:"StatusChipRaw",docgenInfo:StatusChip_StatusChipRaw.__docgenInfo,path:"src/components/atoms/StatusChip/StatusChip.jsx"});__webpack_require__("./node_modules/core-js/modules/es.array.slice.js");var _templateObject,styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styled_browser_esm=__webpack_require__("./node_modules/@storybook/theming/node_modules/@emotion/styled/dist/styled.browser.esm.js");var StyledButton=Object(styled.a)(Button.a)({color:"darkslategray",backgroundColor:"aliceblue",padding:8,borderRadius:4}),Wrapper=styled_browser_esm.a.div(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n color: blue;\n border-radius: 20px 20px 20px 20px;\n border: 1px solid black;\n max-width: 150px;\n margin: 20px;\n padding: 10px;\n"]))),StyledComponent_StyledComponent=function StyledComponent(props){var text=props.text,disabled=props.disabled,onClick=props.onClick;return Object(jsx_runtime.jsx)(Wrapper,{children:Object(jsx_runtime.jsx)(StyledButton,{disabled:disabled,onClick:onClick,color:"primary",variant:"contained",size:"medium",children:Object(jsx_runtime.jsx)(Typography.a,{variant:"button",children:text||"This is a styled component from MUI"})})})};StyledComponent_StyledComponent.displayName="StyledComponent",StyledComponent_StyledComponent.__docgenInfo={description:"",methods:[],displayName:"StyledComponent"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/StyledComponent/StyledComponent.jsx"]={name:"StyledComponent",docgenInfo:StyledComponent_StyledComponent.__docgenInfo,path:"src/components/atoms/StyledComponent/StyledComponent.jsx"})},"./src/components/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";var _atoms__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/atoms/index.js");__webpack_require__.d(__webpack_exports__,"StatusChip",(function(){return _atoms__WEBPACK_IMPORTED_MODULE_0__.a})),__webpack_require__.d(__webpack_exports__,"StyledComponent",(function(){return _atoms__WEBPACK_IMPORTED_MODULE_0__.b}));var _molecules__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/molecules/index.js");__webpack_require__.d(__webpack_exports__,"BarGraph",(function(){return _molecules__WEBPACK_IMPORTED_MODULE_1__.a}));__webpack_require__("./src/components/organisms/index.js")},"./src/components/molecules/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BarGraph_BarGraph}));__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.number.to-fixed.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-float.js"),__webpack_require__("./node_modules/react/index.js");var chart_esm=__webpack_require__("./node_modules/chart.js/dist/chart.esm.js"),dist=__webpack_require__("./node_modules/react-chartjs-2/dist/index.js"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");chart_esm.e.register(chart_esm.d,chart_esm.i,chart_esm.b,chart_esm.n,chart_esm.o,chart_esm.g);var defaultOptions={responsive:!0,indexAxis:"y",plugins:{title:{display:!0,text:"Usage by dimensions",position:"top",fullSize:!0,font:{color:"#212121",size:16},padding:{bottom:50}},legend:{position:"bottom",labels:{boxWidth:7,usePointStyle:!0,pointStyle:"circle",color:"#212121",padding:20,font:{size:14}}}},scales:{y:{beginAtZero:!0,grid:{color:"#cccccc",borderDash:[4,4]},stacked:!0,ticks:{color:"#212121",font:{size:14},callback:function callback(value){return 0!==Math.floor(value)?"$"+function addZeroAfterDecimal(number){var decimals=number.toString().split(".")[1],length=decimals&&decimals.length>2?decimals.length:2;return parseFloat(number).toFixed(length)}(value):value}}},x:{stacked:!0,grid:{color:"transparent"},ticks:{color:"black",font:{size:14}}}}},barChartData={labels:["08/01","08/02","08/03"],datasets:[{label:"us-east-1",backgroundColor:"#55BDC5",borderColor:"#55BDC5",hoverBackgroundColor:"#55BDC5",hoverBorderColor:"#55BDC5",barPercentage:.7,categoryPercentage:.3,data:[1200,1500,2e3]},{label:"us-east-2",backgroundColor:"#4D49CB",borderColor:"#4D49CB",hoverBackgroundColor:"#4D49CB",hoverBorderColor:"#4D49CB",barPercentage:.7,categoryPercentage:.3,data:[900,800,1222]},{label:"us-west-1",backgroundColor:"#DC8B39",borderColor:"#DC8B39",hoverBackgroundColor:"#DC8B39",hoverBorderColor:"#DC8B39",barPercentage:.7,categoryPercentage:.3,data:[650,700,890]},{label:"us-west-2",backgroundColor:"#ca03fc",borderColor:"#ca03fc",hoverBackgroundColor:"#ca03fc",hoverBorderColor:"black",barPercentage:.7,categoryPercentage:.3,data:[650,700,890]}]},BarGraph_BarGraph=function BarGraph(props){var options=props.options,data=props.data;return Object(jsx_runtime.jsx)("div",{style:{padding:"4rem"},children:Object(jsx_runtime.jsx)(Paper.a,{style:{padding:"2rem 2rem 1rem 2rem",boxShadow:"rgba(0, 0, 0, 0.24) 0px 3px 8px"},children:Object(jsx_runtime.jsx)(dist.a,{options:options||defaultOptions,data:data||barChartData})})})};BarGraph_BarGraph.displayName="BarGraph",BarGraph_BarGraph.__docgenInfo={description:"",methods:[],displayName:"BarGraph"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/BarGraph/BarGraph.jsx"]={name:"BarGraph",docgenInfo:BarGraph_BarGraph.__docgenInfo,path:"src/components/molecules/BarGraph/BarGraph.jsx"})},"./src/components/organisms/index.js":function(module,exports){},"./src/stories/AppComponent.stories.jsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__("./node_modules/react/index.js");var _storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("App test",module).addParameters({storySource:{source:'import React from "react";\nimport { storiesOf } from "@storybook/react";\n\nimport { StyledComponent } from "../components";\n\nconst stories = storiesOf("App test", module);\n\nstories.add("AppComponent", () => {\n return <StyledComponent />;\n});\n',locationsMap:{appcomponent:{startLoc:{col:12,line:8},endLoc:{col:1,line:10},startBody:{col:28,line:8},endBody:{col:1,line:10}}}}}).add("AppComponent",(function(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components__WEBPACK_IMPORTED_MODULE_2__.StyledComponent,{})}))}.call(this,__webpack_require__("./node_modules/webpack/buildin/harmony-module.js")(module))},"./src/stories/BarGraph.stories.jsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"BarGraphExample",(function(){return BarGraphExample}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Bar Graph component",component:_components__WEBPACK_IMPORTED_MODULE_3__.BarGraph,argTypes:{variant:{options:["primary","secondary","white","tab"],control:{type:"radio"}}}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components__WEBPACK_IMPORTED_MODULE_3__.BarGraph,Object.assign({},args))};Template.displayName="Template";var BarGraphExample=Template.bind({});BarGraphExample.args={},BarGraphExample.parameters=Object.assign({storySource:{source:"(args) => <BarGraph {...args} />"}},BarGraphExample.parameters)},"./src/stories/StatusChip.stories.jsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Info",(function(){return Info})),__webpack_require__.d(__webpack_exports__,"Warn",(function(){return Warn})),__webpack_require__.d(__webpack_exports__,"Success",(function(){return Success})),__webpack_require__.d(__webpack_exports__,"Neutral",(function(){return Neutral})),__webpack_require__.d(__webpack_exports__,"Error",(function(){return Error}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Example/StatusChip",component:_components__WEBPACK_IMPORTED_MODULE_3__.StatusChip,argTypes:{backgroundColor:{control:"color"}}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components__WEBPACK_IMPORTED_MODULE_3__.StatusChip,Object.assign({},args))};Template.displayName="Template";var Info=Template.bind({});Info.args={type:"info",label:"Status Chip"};var Warn=Template.bind({});Warn.args={type:"warn",label:"Status Chip"};var Success=Template.bind({});Success.args={type:"success",label:"Status Chip"};var Neutral=Template.bind({});Neutral.args={type:"neutral",label:"Status Chip"};var Error=Template.bind({});Error.args={type:"error",label:"Status Chip"},Info.parameters=Object.assign({storySource:{source:"(args) => <StatusChip {...args} />"}},Info.parameters),Warn.parameters=Object.assign({storySource:{source:"(args) => <StatusChip {...args} />"}},Warn.parameters),Success.parameters=Object.assign({storySource:{source:"(args) => <StatusChip {...args} />"}},Success.parameters),Neutral.parameters=Object.assign({storySource:{source:"(args) => <StatusChip {...args} />"}},Neutral.parameters),Error.parameters=Object.assign({storySource:{source:"(args) => <StatusChip {...args} />"}},Error.parameters)},"./src/stories/StyledComponent.stories.jsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"StyledComponentTest",(function(){return StyledComponentTest}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"StyledComponent",component:_components__WEBPACK_IMPORTED_MODULE_3__.StyledComponent,argTypes:{}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components__WEBPACK_IMPORTED_MODULE_3__.StyledComponent,Object.assign({},args))};Template.displayName="Template";var StyledComponentTest=Template.bind({});StyledComponentTest.args={text:"Button"},StyledComponentTest.parameters=Object.assign({storySource:{source:"(args) => <StyledComponent {...args} />"}},StyledComponentTest.parameters)},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/frameworks/react/config.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-measure/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-outline/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,5,6]]]);