(globalThis.webpackChunk_spectrum_css_preview=globalThis.webpackChunk_spectrum_css_preview||[]).push([[2182],{"../components/closebutton/stories/closebutton.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _template__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../components/closebutton/stories/template.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Close button",description:"A button used to close or dismiss components",component:"CloseButton",argTypes:{size:{name:"Size",type:{name:"string",required:!0},table:{type:{summary:"string"},category:"Component"},options:["s","m","l","xl"],control:"select"},staticColor:{name:"StaticColor",type:{name:"string"},table:{type:{summary:"string"},category:"Advanced"},options:["white","black"],control:"select"},isDisabled:{name:"Disabled",type:{name:"boolean"},table:{type:{summary:"boolean"},category:"State"},control:"boolean"}},args:{rootClass:"spectrum-CloseButton",size:"m",isDisabled:!1},parameters:{actions:{handles:["click .spectrum-CloseButton"]},status:{type:"migrated"}}},Default=_template__WEBPACK_IMPORTED_MODULE_0__.B.bind({});Default.args={};const __namedExportsOrder=["Default"]},"../node_modules/file-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../components/closebutton/index.css":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"assets/css/components/closebutton/index.css"},"../components/closebutton/stories/template.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>Template});var lit=__webpack_require__("../node_modules/lit/index.js"),class_map=__webpack_require__("../node_modules/lit/directives/class-map.js"),if_defined=__webpack_require__("../node_modules/lit/directives/if-defined.js"),upperCase=__webpack_require__("../node_modules/lodash-es/upperCase.js"),capitalize=__webpack_require__("../node_modules/lodash-es/capitalize.js"),lowerCase=__webpack_require__("../node_modules/lodash-es/lowerCase.js"),template=__webpack_require__("../components/icon/stories/template.js"),injectStylesIntoLinkTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoLinkTag.js"),injectStylesIntoLinkTag_default=__webpack_require__.n(injectStylesIntoLinkTag),insertBySelector=__webpack_require__("../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),closebutton=__webpack_require__("../node_modules/file-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../components/closebutton/index.css"),closebutton_default=__webpack_require__.n(closebutton),options={attributes:{"data-source":"processed"}};options.insert=insertBySelector_default().bind(null,"head");injectStylesIntoLinkTag_default()(closebutton_default(),options);const Template=({rootClass="spectrum-CloseButton",size="m",label="Close",staticColor,isDisabled=!1,customClasses=[],id,onclick,...globals})=>{const{express}=globals;try{express?__webpack_require__.e(6603).then(__webpack_require__.bind(__webpack_require__,"../components/closebutton/themes/express.css")):__webpack_require__.e(5750).then(__webpack_require__.bind(__webpack_require__,"../components/closebutton/themes/spectrum.css"))}catch(e){console.warn(e)}return lit.qy`
		<button
			class=${(0,class_map.H)({[rootClass]:!0,[`${rootClass}--size${(0,upperCase.A)(size)}`]:void 0!==size,[`${rootClass}--static${(0,capitalize.A)((0,lowerCase.A)(staticColor))}`]:void 0!==staticColor,...customClasses.reduce(((a,c)=>({...a,[c]:!0})),{})})}
			aria-label="close"
			id=${(0,if_defined.J)(id)}
			label=${(0,if_defined.J)(label)}
			?disabled=${isDisabled}
			@click=${onclick}
		>
			${(0,template.B)({...globals,size,iconName:"Cross",customClasses:[`${rootClass}-UIIcon`]})}
		</button>
	`}},"../node_modules/lodash-es/lowerCase.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=(0,__webpack_require__("../node_modules/lodash-es/_createCompounder.js").A)((function(result,word,index){return result+(index?" ":"")+word.toLowerCase()}))},"../node_modules/lodash-es/upperCase.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=(0,__webpack_require__("../node_modules/lodash-es/_createCompounder.js").A)((function(result,word,index){return result+(index?" ":"")+word.toUpperCase()}))}}]);
//# sourceMappingURL=closebutton-stories-closebutton-stories.a3b88f69.iframe.bundle.js.map