-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPopover-Popover-stories.edf2b954.iframe.bundle.js
1 lines (1 loc) · 21.5 KB
/
Popover-Popover-stories.edf2b954.iframe.bundle.js
1
"use strict";(self.webpackChunkcommon_components=self.webpackChunkcommon_components||[]).push([[3078],{"./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"))}})}}},"./node_modules/@react-stately/overlays/dist/import.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>$fc909762b330b746$export$61c6a8c84e605fb6});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../epi-systems-frontend/node_modules/react/index.js"),_react_stately_utils__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@react-stately/utils/dist/import.mjs");function $fc909762b330b746$export$61c6a8c84e605fb6(props){let[isOpen,setOpen]=(0,_react_stately_utils__WEBPACK_IMPORTED_MODULE_1__.PW)(props.isOpen,props.defaultOpen||!1,props.onOpenChange);const open=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{setOpen(!0)}),[setOpen]),close=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{setOpen(!1)}),[setOpen]),toggle=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{setOpen(!isOpen)}),[setOpen,isOpen]);return{isOpen,setOpen,open,close,toggle}}},"./node_modules/@react-stately/utils/dist/import.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{PW:()=>$458b0a5536c1a7cf$export$40bfa8c7b0832715,qE:()=>$9446cca9a3875146$export$7d15b64cf5a3a4c4});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../epi-systems-frontend/node_modules/react/index.js");function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value,defaultValue,onChange){let[stateValue,setStateValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value||defaultValue),isControlledRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(void 0!==value),isControlled=void 0!==value;(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{let wasControlled=isControlledRef.current;wasControlled!==isControlled&&console.warn(`WARN: A component changed from ${wasControlled?"controlled":"uncontrolled"} to ${isControlled?"controlled":"uncontrolled"}.`),isControlledRef.current=isControlled}),[isControlled]);let currentValue=isControlled?value:stateValue,setValue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(((value,...args)=>{let onChangeCaller=(value,...onChangeArgs)=>{onChange&&(Object.is(currentValue,value)||onChange(value,...onChangeArgs)),isControlled||(currentValue=value)};if("function"==typeof value){console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),setStateValue(((oldValue,...functionArgs)=>{let interceptedValue=value(isControlled?currentValue:oldValue,...functionArgs);return onChangeCaller(interceptedValue,...args),isControlled?oldValue:interceptedValue}))}else isControlled||setStateValue(value),onChangeCaller(value,...args)}),[isControlled,currentValue,onChange]);return[currentValue,setValue]}function $9446cca9a3875146$export$7d15b64cf5a3a4c4(value,min=-1/0,max=1/0){return Math.min(Math.max(value,min),max)}},"./src/Components/Popover/Popover.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Popover_stories});var react=__webpack_require__("../epi-systems-frontend/node_modules/react/index.js"),dist_import=__webpack_require__("./node_modules/@react-stately/overlays/dist/import.mjs"),overlays_dist_import=__webpack_require__("./node_modules/@react-aria/overlays/dist/import.mjs"),Popover=__webpack_require__("./src/Components/Popover/index.js"),Button=__webpack_require__("./src/Components/Button/index.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),styles_stories=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Popover/styles.stories.scss"),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()(styles_stories.A,options);styles_stories.A&&styles_stories.A.locals&&styles_stories.A.locals;var jsx_runtime=__webpack_require__("../epi-systems-frontend/node_modules/react/jsx-runtime.js");const Popover_stories={title:"Example/Popover",component:Popover.A,tags:["autodocs"]},Template=args=>{const{children,...props}=args;let state=(0,dist_import.T)(args),ref=(0,react.useRef)(null),triggerRef=(0,react.useRef)(null),{triggerProps,overlayProps}=(0,overlays_dist_import.oJ)({type:"dialog"},state,ref);return(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)("p",{children:"I'm baby tumeric mlkshk retro, YOLO shoreditch microdosing banjo bitters etsy bodega boys. Blackbird spyplane DSA pitchfork same bespoke aesthetic gorpcore cray enamel pin. Cliche health goth thundercats, small batch skateboard vape intelligentsia shoreditch humblebrag ethical."}),(0,jsx_runtime.jsx)(Button.A,{variant:"primary",...triggerProps,buttonRef:triggerRef,children:"Trigger Popover"}),state.isOpen&&(0,jsx_runtime.jsx)(Popover.A,{state,triggerRef,...props,...overlayProps,children}),(0,jsx_runtime.jsx)("p",{children:"Post-ironic blackbird spyplane semiotics heirloom authentic mukbang hoodie air plant pitchfork flexitarian pour-over. Fashion axe irony pok pok grailed."})]})};Template.displayName="Template";const Primary=Template.bind();Primary.args={...Popover.A.defaultProps,className:"popover-content",children:"This is the popover content"},Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"args => {\n const {\n children,\n ...props\n } = args;\n let state = useOverlayTriggerState(args);\n let ref = useRef(null);\n let triggerRef = useRef(null);\n let {\n triggerProps,\n overlayProps\n } = useOverlayTrigger({\n type: 'dialog'\n }, state, ref);\n return <section>\n <p>\n I'm baby tumeric mlkshk retro, YOLO shoreditch microdosing banjo bitters etsy bodega boys.\n Blackbird spyplane DSA pitchfork same bespoke aesthetic gorpcore cray enamel pin. Cliche\n health goth thundercats, small batch skateboard vape intelligentsia shoreditch humblebrag\n ethical.\n </p>\n <Button variant='primary' {...triggerProps} buttonRef={triggerRef}>\n Trigger Popover\n </Button>\n {state.isOpen && <Popover state={state} triggerRef={triggerRef} {...props} {...overlayProps}>\n {children}\n </Popover>}\n <p>\n Post-ironic blackbird spyplane semiotics heirloom authentic mukbang hoodie air plant\n pitchfork flexitarian pour-over. Fashion axe irony pok pok grailed.\n </p>\n </section>;\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/Components/Popover/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Components_Popover});var react=__webpack_require__("../epi-systems-frontend/node_modules/react/index.js"),dist_import=__webpack_require__("./node_modules/@react-aria/overlays/dist/import.mjs"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),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),styles=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Popover/styles.scss"),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()(styles.A,options);styles.A&&styles.A.locals&&styles.A.locals;var jsx_runtime=__webpack_require__("../epi-systems-frontend/node_modules/react/jsx-runtime.js");const Popover=({children,state,className,classNameOverlay,...props})=>{let ref=(0,react.useRef)(),{popoverRef=ref}=props,{popoverProps,underlayProps,arrowProps,placement}=(0,dist_import.fP)({...props,popoverRef},state);return(0,jsx_runtime.jsxs)(dist_import.hJ,{children:[(0,jsx_runtime.jsx)("div",{...underlayProps,className:(0,clsx.A)(["CC-popover-overlay",classNameOverlay])}),(0,jsx_runtime.jsxs)("div",{...popoverProps,ref:popoverRef,className:(0,clsx.A)(["CC-popover",className]),style:{...popoverProps.style},children:[(0,jsx_runtime.jsx)("svg",{...arrowProps,className:"CC-arrow","data-placement":placement,children:(0,jsx_runtime.jsx)("path",{d:"M0 0,L6 6,L12 0"})}),children,(0,jsx_runtime.jsx)(dist_import.Rz,{onDismiss:state.close})]})]})};Popover.displayName="Popover";const Components_Popover=Popover;Popover.propTypes={children:prop_types_default().node.isRequired,className:prop_types_default().string,classNameOverlay:prop_types_default().string,placement:prop_types_default().oneOf(["bottom","bottom left","bottom right","bottom start","bottom end","top","top left","top right","top start","top end","left","left top","left bottom","start","start top","start bottom","right","right top","right bottom","end","end top","end bottom"]),offset:prop_types_default().number,crossOffset:prop_types_default().number,containerPadding:prop_types_default().number},Popover.defaultProps={children:"",className:null,placement:"top",offset:6,crossOffset:0,containerPadding:0},Popover.__docgenInfo={description:"",methods:[],displayName:"Popover",props:{children:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"node"},required:!1},className:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},placement:{defaultValue:{value:"'top'",computed:!1},description:"",type:{name:"enum",value:[{value:"'bottom'",computed:!1},{value:"'bottom left'",computed:!1},{value:"'bottom right'",computed:!1},{value:"'bottom start'",computed:!1},{value:"'bottom end'",computed:!1},{value:"'top'",computed:!1},{value:"'top left'",computed:!1},{value:"'top right'",computed:!1},{value:"'top start'",computed:!1},{value:"'top end'",computed:!1},{value:"'left'",computed:!1},{value:"'left top'",computed:!1},{value:"'left bottom'",computed:!1},{value:"'start'",computed:!1},{value:"'start top'",computed:!1},{value:"'start bottom'",computed:!1},{value:"'right'",computed:!1},{value:"'right top'",computed:!1},{value:"'right bottom'",computed:!1},{value:"'end'",computed:!1},{value:"'end top'",computed:!1},{value:"'end bottom'",computed:!1}]},required:!1},offset:{defaultValue:{value:"6",computed:!1},description:"",type:{name:"number"},required:!1},crossOffset:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},containerPadding:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},classNameOverlay:{description:"",type:{name:"string"},required:!1}}}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Popover/styles.scss":(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,".CC-popover{background:#f6f7fb;border:2px solid #f1b33c;box-shadow:0 8px 20px rgba(0,0,0,.1);border-radius:6px;padding:10px}.CC-popover-overlay{position:fixed;inset:0}.CC-arrow{position:absolute;fill:#f1b33c;stroke:#f1b33c;stroke-width:1px;width:12px;height:12px}.CC-arrow[data-placement=top]{top:100%;transform:translateX(-50%)}.CC-arrow[data-placement=bottom]{bottom:100%;transform:translateX(-50%) rotate(180deg)}.CC-arrow[data-placement=left]{left:100%;transform:translateY(-50%) rotate(-90deg)}.CC-arrow[data-placement=right]{right:100%;transform:translateY(-50%) rotate(90deg)}","",{version:3,sources:["webpack://./src/Components/Popover/styles.scss","webpack://./src/styles/variables.scss"],names:[],mappings:"AAEA,YACE,kBCWa,CDVb,wBAAA,CACA,oCAAA,CACA,iBAAA,CACA,YAAA,CACA,oBACE,cAAA,CACA,OAAA,CAIJ,UACE,iBAAA,CACA,YCSe,CDRf,cCQe,CDPf,gBAAA,CACA,UAAA,CACA,WAAA,CACA,8BACE,QAAA,CACA,0BAAA,CAGF,iCACE,WAAA,CACA,yCAAA,CAGF,+BACE,SAAA,CACA,yCAAA,CAGF,gCACE,UAAA,CACA,wCAAA",sourcesContent:["@use '../../styles/variables';\n\n.CC-popover {\n background: variables.$color-gray-5;\n border: 2px solid variables.$color-yellow-1;\n box-shadow: 0 8px 20px rgba(0 0 0 / 0.1);\n border-radius: 6px;\n padding: 10px;\n &-overlay {\n position: fixed;\n inset: 0;\n }\n}\n\n.CC-arrow {\n position: absolute;\n fill: variables.$color-yellow-1;\n stroke: variables.$color-yellow-1;\n stroke-width: 1px;\n width: 12px;\n height: 12px;\n &[data-placement='top'] {\n top: 100%;\n transform: translateX(-50%);\n }\n\n &[data-placement='bottom'] {\n bottom: 100%;\n transform: translateX(-50%) rotate(180deg);\n }\n\n &[data-placement='left'] {\n left: 100%;\n transform: translateY(-50%) rotate(-90deg);\n }\n\n &[data-placement='right'] {\n right: 100%;\n transform: translateY(-50%) rotate(90deg);\n }\n}\n","// ********************* PATHS *********************\n$path-img: '/src/assets/images/';\n\n// ********************* COLORS *********************\n// lowest = darkest hue\n\n$color-white: #ffffff;\n$color-black: #000000;\n\n// Grays\n$color-gray-1: #333333; // Standard text color & color for all disabled text\n$color-gray-2: #767676; // Lightest allowable text; input placeholder text and helper text.\n$color-gray-3: #c4c4c4; // Form borders\n$color-gray-4: #ebebeb; // Disabled elements backgrounds\n$color-gray-5: #f6f7fb; // Page background & table zebra stripes\n$color-gray-6: #e0e6f2; // Alternative lighter color.\n\n// Blues\n$color-blue-1: #101168; // Darkerst blue\n$color-blue-2: #215295; // medium blue\n$color-blue-3: #286fa8; // lighest blue for header, footer, most headers, buttons, and links in text.\n\n// Other colors\n$color-red: #c7270f; // color for warnings, errors, or message notifications\n$color-green: #039d12; // color for finished / affirmative messages\n$color-yellow-1: #f1b33c; // active/rollover buttons or highlight location\n$color-yellow-2: #f6f0ea; // Highlight for selected rows in tables (accounting & ERVs pages)\n$color-yellow-3: #fae0aa; // tooltip bg color\n\n// the BG used for all modal overlays and the like\n$color-bg-modal: rgba(0, 0, 0, 0.75);\n\n// color for 508 focus around elements\n$color-focus: pink; // undecided. TODO: pick a color\n\n$color-divider: rgba(255, 255, 255, 0.25); //the semi-translucent dividers used in header & footer\n\n// ********************* BOX SHADOWS *********************\n$box-shadow-color-focus: 0px 0px 5px $color-focus;\n\n// ********************* BORDER RADIUS *********************\n$border-radius: 4px;\n$border-radius-forms: 0px;\n\n// ********************* STANDARD MARGINS *********************\n\n$margin-horz-desktop: 32px;\n$margin-horz-phone: 12px;\n\n$margin-vert-desktop: 24px;\n$margin-vert-phone: 12px;\n\n// ********************* VIEWPORTS FOR MEDIA QUERIES *********************\n$phone-width: 480px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$giant-desktop-width: 1600px;\n\n// ********************* FONTS *********************\n$text-thin: 'roboto-thin', Roboto, sans-serif;\n$text-light: 'roboto-light', Roboto, sans-serif;\n$text-regular: 'roboto-regular', Roboto, sans-serif;\n$text-medium: 'roboto-medium', Roboto, sans-serif;\n$text-bold: 'roboto-bold', Roboto, sans-serif;\n\n// ********************* FORM ELEMENTS *********************\n$height-form-elements: 22px;\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Popover/styles.stories.scss":(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,".popover-content{padding:20px}","",{version:3,sources:["webpack://./src/Components/Popover/styles.stories.scss"],names:[],mappings:"AAAA,iBACE,YAAA",sourcesContent:[".popover-content {\n padding: 20px;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);