Button-Button-stories.9d552a6f.iframe.bundle.js

"use strict";(self.webpackChunkcommon_components=self.webpackChunkcommon_components||[]).push([[8096],{"./node_modules/@react-aria/button/dist/import.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>$701a24aa0da5b062$export$ea18c227d4417cc3});var _react_aria_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@react-aria/utils/dist/import.mjs"),_react_aria_focus__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@react-aria/focus/dist/import.mjs"),_react_aria_interactions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@react-aria/interactions/dist/import.mjs");function $701a24aa0da5b062$export$ea18c227d4417cc3(props,ref){let additionalProps,{elementType="button",isDisabled,onPress,onPressStart,onPressEnd,onPressUp,onPressChange,preventFocusOnPress,allowFocusWhenDisabled,onClick:deprecatedOnClick,href,target,rel,type="button"}=props;additionalProps="button"===elementType?{type,disabled:isDisabled}:{role:"button",tabIndex:isDisabled?void 0:0,href:"a"===elementType&&isDisabled?void 0:href,target:"a"===elementType?target:void 0,type:"input"===elementType?type:void 0,disabled:"input"===elementType?isDisabled:void 0,"aria-disabled":isDisabled&&"input"!==elementType?isDisabled:void 0,rel:"a"===elementType?rel:void 0};let{pressProps,isPressed}=(0,_react_aria_interactions__WEBPACK_IMPORTED_MODULE_0__.dD)({onPressStart,onPressEnd,onPressChange,onPress,onPressUp,isDisabled,preventFocusOnPress,ref}),{focusableProps}=(0,_react_aria_focus__WEBPACK_IMPORTED_MODULE_1__.Wc)(props,ref);allowFocusWhenDisabled&&(focusableProps.tabIndex=isDisabled?-1:focusableProps.tabIndex);let buttonProps=(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.v6)(focusableProps,pressProps,(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.$X)(props,{labelable:!0}));return{isPressed,buttonProps:(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.v6)(additionalProps,buttonProps,{"aria-haspopup":props["aria-haspopup"],"aria-expanded":props["aria-expanded"],"aria-controls":props["aria-controls"],"aria-pressed":props["aria-pressed"],onClick:e=>{deprecatedOnClick&&(deprecatedOnClick(e),console.warn("onClick is deprecated, please use onPress"))}})}}},"./src/Components/Button/Button.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AddWithIcon:()=>AddWithIcon,Alert:()=>Alert,Primary:()=>Primary,Secondary:()=>Secondary,Small:()=>Small,TextButton:()=>TextButton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/Components/Button/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../epi-systems-frontend/node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Button",component:_index__WEBPACK_IMPORTED_MODULE_0__.A,tags:["autodocs"]},Primary={args:{variant:"primary",size:"medium",children:"Button",isDisabled:!1}},Secondary={args:{children:"Button",variant:"secondary",disabled:!0}},TextButton={args:{children:"Button",variant:"text"}},Alert={args:{variant:"alert",children:"Caution"}},Small={args:{size:"small",children:"Button"}},ButtonText=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i",{className:"fa fa-circle-plus","aria-hidden":"true"})," Add Button"]}),AddWithIcon={args:{size:"small",children:"Add CTA",variant:"add",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ButtonText,{})},parameters:{docs:{description:{story:"In this case the icon is added with the button text like so: `<i className='fa fa-circle-plus' aria-hidden='true'></i>`"}}}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  args: {\n    variant: 'primary',\n    size: 'medium',\n    children: 'Button',\n    isDisabled: false\n  }\n}",...Primary.parameters?.docs?.source}}},Secondary.parameters={...Secondary.parameters,docs:{...Secondary.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Button',\n    variant: 'secondary',\n    disabled: true\n  }\n}",...Secondary.parameters?.docs?.source}}},TextButton.parameters={...TextButton.parameters,docs:{...TextButton.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Button',\n    variant: 'text'\n  }\n}",...TextButton.parameters?.docs?.source}}},Alert.parameters={...Alert.parameters,docs:{...Alert.parameters?.docs,source:{originalSource:"{\n  args: {\n    variant: 'alert',\n    children: 'Caution'\n  }\n}",...Alert.parameters?.docs?.source}}},Small.parameters={...Small.parameters,docs:{...Small.parameters?.docs,source:{originalSource:"{\n  args: {\n    size: 'small',\n    children: 'Button'\n  }\n}",...Small.parameters?.docs?.source}}},AddWithIcon.parameters={...AddWithIcon.parameters,docs:{...AddWithIcon.parameters?.docs,source:{originalSource:"{\n  args: {\n    size: 'small',\n    children: 'Add CTA',\n    variant: 'add',\n    children: <ButtonText />\n  }\n}",...AddWithIcon.parameters?.docs?.source}}};const __namedExportsOrder=["Primary","Secondary","TextButton","Alert","Small","AddWithIcon"]}}]);