stories-BCButton-stories.7bf2b1bf.iframe.bundle.js

"use strict";(self.webpackChunkbuildcorp_uikits=self.webpackChunkbuildcorp_uikits||[]).push([[70],{"./src/stories/BCButton.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Attach:()=>Attach,Dowload:()=>Dowload,Primary:()=>Primary,Secondary:()=>Secondary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components_Button_BCButton__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Button/BCButton.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/BCButton",component:_components_Button_BCButton__WEBPACK_IMPORTED_MODULE_1__.A},Template=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_Button_BCButton__WEBPACK_IMPORTED_MODULE_1__.A,args),Primary=Template.bind({});Primary.args={text:"Primary Button",onClick:()=>alert("Primary Button clicked!")};const Secondary=Template.bind({});Secondary.args={text:"Secondary Button",onClick:()=>alert("Secondary Button clicked!")};const Attach=Template.bind({});Attach.args={text:"Attach",onClick:()=>alert("Attach Button clicked!"),type:"upload"};const Dowload=Template.bind({});Dowload.args={text:"Dowload",onClick:()=>alert("Download Button clicked!"),type:"download"};const __namedExportsOrder=["Primary","Secondary","Attach","Dowload"];Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"(args: BCButtonProps) => <BCButton {...args} />",...Primary.parameters?.docs?.source}}},Secondary.parameters={...Secondary.parameters,docs:{...Secondary.parameters?.docs,source:{originalSource:"(args: BCButtonProps) => <BCButton {...args} />",...Secondary.parameters?.docs?.source}}},Attach.parameters={...Attach.parameters,docs:{...Attach.parameters?.docs,source:{originalSource:"(args: BCButtonProps) => <BCButton {...args} />",...Attach.parameters?.docs?.source}}},Dowload.parameters={...Dowload.parameters,docs:{...Dowload.parameters?.docs,source:{originalSource:"(args: BCButtonProps) => <BCButton {...args} />",...Dowload.parameters?.docs?.source}}}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./src/components/Button/BCButton.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".bc-button {\n    background-color: #3c8a2e;\n    color: #fff;\n    height: 32px;\n    border: none;\n}\n\n.bc-button:hover {\n    background-color: #3c8a2e;\n    color: #fff;\n}","",{version:3,sources:["webpack://./src/components/Button/BCButton.css"],names:[],mappings:"AAAA;IACI,yBAAyB;IACzB,WAAW;IACX,YAAY;IACZ,YAAY;AAChB;;AAEA;IACI,yBAAyB;IACzB,WAAW;AACf",sourcesContent:[".bc-button {\r\n    background-color: #3c8a2e;\r\n    color: #fff;\r\n    height: 32px;\r\n    border: none;\r\n}\r\n\r\n.bc-button:hover {\r\n    background-color: #3c8a2e;\r\n    color: #fff;\r\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/components/Button/BCButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_Button_BCButton});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@fluentui/font-icons-mdl2/lib/index.js"),DefaultButton=__webpack_require__("./node_modules/@fluentui/react/lib/components/Button/DefaultButton/DefaultButton.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),BCButton=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./src/components/Button/BCButton.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(BCButton.A,options);BCButton.A&&BCButton.A.locals&&BCButton.A.locals;(0,lib.v)();const buttonStyles={root:{transition:"transform 0.2s ease-in-out",backgroundColor:"#3c8a2e",color:"#fff",height:"32px",border:"none",selectors:{":active":{backgroundColor:"#3c8a2e"}}},rootHovered:{transform:"scale(1.1)",backgroundColor:"#3c8a2e",color:"#fff"}},BCButton_BCButton=({text="Click me",disabled=!1,primary=!1,onClick,styles=buttonStyles,iconProps,type="",...props})=>react.createElement(DefaultButton.Y,{text,disabled,primary,onClick,styles,iconProps:"upload"===type?{iconName:"Attach"}:"download"===type?{iconName:"DownloadDocument"}:iconProps,...props}),components_Button_BCButton=BCButton_BCButton;BCButton_BCButton.__docgenInfo={description:"",methods:[],displayName:"BCButton",props:{text:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Click me'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},primary:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},styles:{required:!1,tsType:{name:"IButtonStyles"},description:"",defaultValue:{value:"{\r\n  root: {\r\n    transition: 'transform 0.2s ease-in-out',\r\n    backgroundColor: '#3c8a2e',\r\n    color: '#fff',\r\n    height: '32px',\r\n    border: 'none',\r\n    selectors: {\r\n      ':active': {\r\n        backgroundColor: '#3c8a2e',\r\n      }\r\n    },\r\n  },\r\n  rootHovered: {\r\n    transform: 'scale(1.1)',\r\n    backgroundColor: '#3c8a2e',\r\n    color: '#fff',\r\n  },\r\n  \r\n}",computed:!1}},iconProps:{required:!1,tsType:{name:"IIconProps"},description:"",defaultValue:{value:"undefined",computed:!0}},type:{required:!1,tsType:{name:"union",raw:"'upload' | 'download'",elements:[{name:"literal",value:"'upload'"},{name:"literal",value:"'download'"}]},description:"",defaultValue:{value:"''",computed:!1}}}}}}]);