hubs/room-ReactionPopover-stories.26dae583.iframe.bundle.js

"use strict";(globalThis.webpackChunkhubs=globalThis.webpackChunkhubs||[]).push([[1540],{"./src/react-components/room/ReactionPopover.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Base:()=>Base,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ReactionPopover_stories});var react=__webpack_require__("./node_modules/react/index.js"),RoomLayout=__webpack_require__("./src/react-components/layout/RoomLayout.js");const emoji_0_namespaceObject=__webpack_require__.p+"static/media/emoji_0.ea438f6c.png",emoji_1_namespaceObject=__webpack_require__.p+"static/media/emoji_1.a2a3def1.png",emoji_2_namespaceObject=__webpack_require__.p+"static/media/emoji_2.22a6538c.png",emoji_3_namespaceObject=__webpack_require__.p+"static/media/emoji_3.79b826f8.png",emoji_4_namespaceObject=__webpack_require__.p+"static/media/emoji_4.0945a7b1.png",emoji_5_namespaceObject=__webpack_require__.p+"static/media/emoji_5.163760db.png",emoji_6_namespaceObject=__webpack_require__.p+"static/media/emoji_6.b2dc349d.png";var prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),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),ImageGridPopover=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/popover/ImageGridPopover.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()(ImageGridPopover.Z,options);const popover_ImageGridPopover=ImageGridPopover.Z&&ImageGridPopover.Z.locals?ImageGridPopover.Z.locals:void 0;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ImageGridPopover_ImageGridPopover(_ref){let{fullscreen,items,closePopover}=_ref;return(0,jsx_runtime.jsx)("div",{className:classnames_default()(popover_ImageGridPopover.imageGridPopover,{[popover_ImageGridPopover.fullscreen]:fullscreen}),children:items.map((item=>(0,jsx_runtime.jsx)("img",{crossOrigin:"anonymous",src:item.src,alt:item.label,onClick:()=>{item.onSelect&&item.onSelect(item),closePopover()}},item.id)))})}ImageGridPopover_ImageGridPopover.displayName="ImageGridPopover",ImageGridPopover_ImageGridPopover.propTypes={fullscreen:prop_types_default().bool,items:prop_types_default().arrayOf(prop_types_default().shape({id:prop_types_default().string.isRequired,src:prop_types_default().string.isRequired,label:prop_types_default().string.isRequired,onSelect:prop_types_default().func})).isRequired,closePopover:prop_types_default().func.isRequired},ImageGridPopover_ImageGridPopover.__docgenInfo={description:"",methods:[],displayName:"ImageGridPopover",props:{fullscreen:{description:"",type:{name:"bool"},required:!1},items:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{id:{name:"string",required:!0},src:{name:"string",required:!0},label:{name:"string",required:!0},onSelect:{name:"func",required:!1}}}},required:!0},closePopover:{description:"",type:{name:"func"},required:!0}}};var Popover=__webpack_require__("./src/react-components/popover/Popover.js"),ToolbarButton=__webpack_require__("./src/react-components/input/ToolbarButton.js"),Reaction=__webpack_require__("./src/react-components/icons/Reaction.svg"),HandRaised=__webpack_require__("./src/react-components/icons/HandRaised.svg"),lib=__webpack_require__("./node_modules/react-intl/lib/index.js"),message=__webpack_require__("./node_modules/react-intl/lib/src/components/message.js"),useIntl=__webpack_require__("./node_modules/react-intl/lib/src/components/useIntl.js"),Column=__webpack_require__("./src/react-components/layout/Column.js"),Row=__webpack_require__("./src/react-components/layout/Row.js"),ReactionButton=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/ReactionButton.scss"),ReactionButton_options={};ReactionButton_options.styleTagTransform=styleTagTransform_default(),ReactionButton_options.setAttributes=setAttributesWithoutAttributes_default(),ReactionButton_options.insert=insertBySelector_default().bind(null,"head"),ReactionButton_options.domAPI=styleDomAPI_default(),ReactionButton_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ReactionButton.Z,ReactionButton_options);const room_ReactionButton=ReactionButton.Z&&ReactionButton.Z.locals?ReactionButton.Z.locals:void 0,_excluded=["active","children"],_excluded2=["active"];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 _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}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function ReactionButton_ReactionButton(_ref){let{active,children}=_ref,props=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsx)("button",_objectSpread(_objectSpread({className:classnames_default()(room_ReactionButton.reactionButton,{[room_ReactionButton.active]:active})},props),{},{children}))}function HandRaisedButton(_ref2){let{active}=_ref2,props=_objectWithoutProperties(_ref2,_excluded2);return(0,jsx_runtime.jsxs)(ReactionButton_ReactionButton,_objectSpread(_objectSpread({active},props),{},{children:[(0,jsx_runtime.jsx)(HandRaised.r,{width:"42px",height:"42px"}),(0,jsx_runtime.jsx)("p",{children:active?(0,jsx_runtime.jsx)(message.Z,{id:"reaction-popover.lower-hand",defaultMessage:"Lower Hand"}):(0,jsx_runtime.jsx)(message.Z,{id:"reaction-popover.raise-hand",defaultMessage:"Raise Hand"})})]}))}ReactionButton_ReactionButton.displayName="ReactionButton",ReactionButton_ReactionButton.propTypes={children:prop_types_default().node,active:prop_types_default().bool},HandRaisedButton.displayName="HandRaisedButton",HandRaisedButton.propTypes={active:prop_types_default().bool},ReactionButton_ReactionButton.__docgenInfo={description:"",methods:[],displayName:"ReactionButton",props:{children:{description:"",type:{name:"node"},required:!1},active:{description:"",type:{name:"bool"},required:!1}}},HandRaisedButton.__docgenInfo={description:"",methods:[],displayName:"HandRaisedButton",props:{active:{description:"",type:{name:"bool"},required:!1}}};var ReactionPopover=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/ReactionPopover.scss"),ReactionPopover_options={};ReactionPopover_options.styleTagTransform=styleTagTransform_default(),ReactionPopover_options.setAttributes=setAttributesWithoutAttributes_default(),ReactionPopover_options.insert=insertBySelector_default().bind(null,"head"),ReactionPopover_options.domAPI=styleDomAPI_default(),ReactionPopover_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(ReactionPopover.Z,ReactionPopover_options);const room_ReactionPopover=ReactionPopover.Z&&ReactionPopover.Z.locals?ReactionPopover.Z.locals:void 0;var Button=__webpack_require__("./src/react-components/input/Button.js"),esm=__webpack_require__("./node_modules/@mozilla/lilypad-ui/dist/esm/index.js");const ReactionPopover_excluded=["items","presence","onToggleHandRaised"];function ReactionPopover_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 ReactionPopover_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ReactionPopover_ownKeys(Object(source),!0).forEach((function(key){ReactionPopover_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ReactionPopover_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function ReactionPopover_defineProperty(obj,key,value){return(key=function ReactionPopover_toPropertyKey(arg){var key=function ReactionPopover_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function ReactionPopover_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function ReactionPopover_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}const reactTooltipDescription=(0,lib.Em)({id:"react-tooltip.description",defaultMessage:"Reactions"}),reactionPopoverTitle=(0,lib.Em)({id:"reaction-popover.title",defaultMessage:"React"});function ReactionPopoverContent(_ref){let{items,presence,onToggleHandRaised}=_ref,rest=ReactionPopover_objectWithoutProperties(_ref,ReactionPopover_excluded);return(0,jsx_runtime.jsxs)(Column.s,{padding:"sm",grow:!0,gap:"sm",children:[(0,jsx_runtime.jsx)(Row.X,{noWrap:!0,children:(0,jsx_runtime.jsx)(ImageGridPopover_ImageGridPopover,ReactionPopover_objectSpread({items},rest))}),(0,jsx_runtime.jsx)(Row.X,{children:(0,jsx_runtime.jsx)("label",{className:room_ReactionPopover.label,children:(0,jsx_runtime.jsx)(message.Z,{id:"reaction-popover.action",defaultMessage:"Actions"})})}),(0,jsx_runtime.jsx)(Row.X,{nowrap:!0,children:(0,jsx_runtime.jsx)(HandRaisedButton,{active:presence.hand_raised,onClick:onToggleHandRaised})})]})}function TooltipPopoverContent(_ref2){let{onToggleHandRaised}=_ref2;return(0,jsx_runtime.jsxs)(Row.X,{nowrap:!0,className:room_ReactionPopover.popover,children:[(0,jsx_runtime.jsx)(Column.s,{padding:"xs",grow:!0,gap:"xs",children:(0,jsx_runtime.jsx)(message.Z,{id:"reaction-popover.hand-raised-warning",defaultMessage:"Your hand is raised"})}),(0,jsx_runtime.jsx)(Column.s,{padding:"xs",grow:!0,gap:"xs",children:(0,jsx_runtime.jsx)(Button.zx,{sm:!0,thin:!0,preset:"primary",onClick:onToggleHandRaised,children:(0,jsx_runtime.jsx)(message.Z,{id:"reaction-popover.lower-hand",defaultMessage:"Lower Hand"})})})]})}function ReactionPopoverButton(_ref3){let{items,presence,onToggleHandRaised}=_ref3;const[isReactionsVisible,setIsReactionsVisible]=(0,react.useState)(!1),[isTooltipVisible,setIsTooltipVisible]=(0,react.useState)(!1),intl=(0,useIntl.Z)(),title=intl.formatMessage(reactionPopoverTitle),description=intl.formatMessage(reactTooltipDescription),popoverApiRef=(0,react.useRef)(),onTooltipHandLowered=(0,react.useCallback)((()=>{setIsTooltipVisible(!1),onToggleHandRaised()}),[onToggleHandRaised]);return(0,jsx_runtime.jsx)(Popover.J,{title,content:props=>isTooltipVisible?(0,jsx_runtime.jsx)(TooltipPopoverContent,{onToggleHandRaised:onTooltipHandLowered}):(0,jsx_runtime.jsx)(ReactionPopoverContent,ReactionPopover_objectSpread({items,presence,onToggleHandRaised},props)),placement:"top",offsetDistance:28,popoverApiRef,showHeader:!isTooltipVisible,isVisible:isReactionsVisible||isTooltipVisible,onChangeVisible:visible=>{visible||(setIsReactionsVisible(!1),setIsTooltipVisible(presence.hand_raised))},disableFullscreen:isTooltipVisible,children:_ref4=>{let{togglePopover,popoverVisible,triggerRef}=_ref4;return(0,jsx_runtime.jsx)(esm.eE,{description,children:(0,jsx_runtime.jsx)(ToolbarButton.hA,{ref:triggerRef,icon:presence.hand_raised?(0,jsx_runtime.jsx)(HandRaised.r,{width:"32px",height:"32px",style:{marginLeft:"5px"}}):(0,jsx_runtime.jsx)(Reaction.r,{}),selected:popoverVisible,onClick:()=>{setIsReactionsVisible(!isReactionsVisible),presence.hand_raised?setIsTooltipVisible(!isTooltipVisible):(setIsTooltipVisible(!1),togglePopover())},label:title,preset:"accent2"})})}})}var _Base$parameters,_Base$parameters2,_Base$parameters2$doc;function ReactionPopover_stories_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 ReactionPopover_stories_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ReactionPopover_stories_ownKeys(Object(source),!0).forEach((function(key){ReactionPopover_stories_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ReactionPopover_stories_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function ReactionPopover_stories_defineProperty(obj,key,value){return(key=function ReactionPopover_stories_toPropertyKey(arg){var key=function ReactionPopover_stories_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}ReactionPopoverContent.displayName="ReactionPopoverContent",ReactionPopoverContent.propTypes={items:prop_types_default().array.isRequired,presence:prop_types_default().object,onToggleHandRaised:prop_types_default().func},TooltipPopoverContent.displayName="TooltipPopoverContent",TooltipPopoverContent.propTypes={onToggleHandRaised:prop_types_default().func},ReactionPopoverButton.displayName="ReactionPopoverButton",ReactionPopoverButton.propTypes={items:prop_types_default().array.isRequired,presence:prop_types_default().object,onToggleHandRaised:prop_types_default().func},ReactionPopoverButton.__docgenInfo={description:"",methods:[],displayName:"ReactionPopoverButton",props:{items:{description:"",type:{name:"array"},required:!0},presence:{description:"",type:{name:"object"},required:!1},onToggleHandRaised:{description:"",type:{name:"func"},required:!1}}};const ReactionPopover_stories={title:"Room/ReactionPopover",parameters:{layout:"fullscreen"},argTypes:{onToggleHandRaised:{action:"Hand Raised Changed",table:{category:"Events"}}}},items=[{id:"smile",label:"Smile",src:emoji_0_namespaceObject},{id:"laugh",label:"Laugh",src:emoji_1_namespaceObject},{id:"clap",label:"Clap",src:emoji_2_namespaceObject},{id:"heart",label:"Heart",src:emoji_3_namespaceObject},{id:"wave",label:"Wave",src:emoji_4_namespaceObject},{id:"angry",label:"Angry",src:emoji_5_namespaceObject},{id:"cry",label:"Cry",src:emoji_6_namespaceObject}],Base=args=>(0,jsx_runtime.jsx)(RoomLayout.s,{toolbarCenter:(0,jsx_runtime.jsx)(ReactionPopoverButton,{presence:{hand_raised:args.handRaised},items,onToggleHandRaised:args.onToggleHandRaised})});Base.displayName="Base",Base.args={handRaised:!1},Base.parameters=ReactionPopover_stories_objectSpread(ReactionPopover_stories_objectSpread({},Base.parameters),{},{docs:ReactionPopover_stories_objectSpread(ReactionPopover_stories_objectSpread({},null===(_Base$parameters=Base.parameters)||void 0===_Base$parameters?void 0:_Base$parameters.docs),{},{source:ReactionPopover_stories_objectSpread({originalSource:"args => <RoomLayout toolbarCenter={<ReactionPopoverButton presence={{\n  hand_raised: args.handRaised\n}} items={items} onToggleHandRaised={args.onToggleHandRaised} />} />"},null===(_Base$parameters2=Base.parameters)||void 0===_Base$parameters2||null===(_Base$parameters2$doc=_Base$parameters2.docs)||void 0===_Base$parameters2$doc?void 0:_Base$parameters2$doc.source)})});const __namedExportsOrder=["Base"];Base.__docgenInfo={description:"",methods:[],displayName:"Base"}},"./src/react-components/input/Button.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lw:()=>CancelButton,VD:()=>ApplyButton,aT:()=>AcceptButton,aW:()=>NextButton,fY:()=>ContinueButton,um:()=>presets,zx:()=>Button});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_Button_scss__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/react-components/input/Button.scss"),_TextInput_scss__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/react-components/input/TextInput.scss"),react_intl__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-intl/lib/src/components/message.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["as","sm","lg","xl","thin","thick","preset","className","children"];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 _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}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}const presets=["transparent","basic","primary","accept","cancel","accent1","accent2","accent3","accent4","accent5","accent6","landing","signin","text"],Button=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)((0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((_ref,ref)=>{let{as,sm,lg,xl,thin,thick,preset,className,children}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const ButtonComponent=as,buttonProps="button"===ButtonComponent?{type:"button"}:{};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(ButtonComponent,_objectSpread(_objectSpread(_objectSpread({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_Button_scss__WEBPACK_IMPORTED_MODULE_2__.Z.button,_TextInput_scss__WEBPACK_IMPORTED_MODULE_3__.Z.button,_Button_scss__WEBPACK_IMPORTED_MODULE_2__.Z[preset],{[_Button_scss__WEBPACK_IMPORTED_MODULE_2__.Z.sm]:sm,[_Button_scss__WEBPACK_IMPORTED_MODULE_2__.Z.lg]:lg,[_Button_scss__WEBPACK_IMPORTED_MODULE_2__.Z.xl]:xl,[_Button_scss__WEBPACK_IMPORTED_MODULE_2__.Z.thin]:thin,[_Button_scss__WEBPACK_IMPORTED_MODULE_2__.Z.thick]:thick},className)},buttonProps),rest),{},{ref,children}))})));function NextButton(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Button,_objectSpread(_objectSpread({preset:"accept"},props),{},{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"button.next",defaultMessage:"Next"})}))}function CancelButton(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Button,_objectSpread(_objectSpread({preset:"cancel"},props),{},{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"button.cancel",defaultMessage:"Cancel"})}))}function ContinueButton(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Button,_objectSpread(_objectSpread({preset:"accept"},props),{},{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"button.continue",defaultMessage:"Continue"})}))}function AcceptButton(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Button,_objectSpread(_objectSpread({preset:"accept"},props),{},{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"button.accept",defaultMessage:"Accept"})}))}function ApplyButton(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Button,_objectSpread(_objectSpread({preset:"accept"},props),{},{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"button.apply",defaultMessage:"Apply"})}))}Button.propTypes={as:prop_types__WEBPACK_IMPORTED_MODULE_5___default().elementType,preset:prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOf(presets),className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node,sm:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,lg:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,xl:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,thin:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool,thick:prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool},Button.defaultProps={as:"button",preset:"basic"},NextButton.displayName="NextButton",CancelButton.displayName="CancelButton",ContinueButton.displayName="ContinueButton",AcceptButton.displayName="AcceptButton",ApplyButton.displayName="ApplyButton",NextButton.__docgenInfo={description:"",methods:[],displayName:"NextButton"},CancelButton.__docgenInfo={description:"",methods:[],displayName:"CancelButton"},ContinueButton.__docgenInfo={description:"",methods:[],displayName:"ContinueButton"},AcceptButton.__docgenInfo={description:"",methods:[],displayName:"AcceptButton"},ApplyButton.__docgenInfo={description:"",methods:[],displayName:"ApplyButton"}},"./src/react-components/layout/Row.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>Row_Row});__webpack_require__("./node_modules/react/index.js");var 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),Row=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Row.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()(Row.Z,options);const layout_Row=Row.Z&&Row.Z.locals?Row.Z.locals:void 0;var style_utils=__webpack_require__("./src/react-components/styles/style-utils.scss"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Row_Row=_ref=>{let{children,padding,gap,spaceBetween,breakpointColumn,topMargin,flexClassName,flexBasis,noWrap=!1,childrenMarginR,className}=_ref;const paddingClass=!0===padding?style_utils.Z.lgPadding:style_utils.Z[`${padding}Padding`],gapClass=!0===gap?style_utils.Z.mdGap:style_utils.Z[`${gap}Gap`],breakpointColumnClass=!0===breakpointColumn?"":layout_Row[`${breakpointColumn}BreakpointColumn`],topMarginClass=topMargin?style_utils.Z[`${topMargin}WrapMargin`]:"",flexBasisClass=flexBasis?style_utils.Z[`flexBasis${flexBasis}`]:"",childrenMarginRClass=childrenMarginR?layout_Row[`${childrenMarginR}ChildrenMarginR`]:"";return(0,jsx_runtime.jsx)("div",{className:classnames_default()(paddingClass,gapClass,className),children:(0,jsx_runtime.jsx)("div",{className:classnames_default()(layout_Row.flexRow,breakpointColumnClass,topMarginClass,childrenMarginRClass,{[layout_Row.spaceBetween]:spaceBetween,[layout_Row.noFlexWrap]:noWrap},flexClassName,flexBasisClass),children})})};Row_Row.displayName="Row",Row_Row.propTypes={children:prop_types_default().node,padding:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().bool]),gap:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().bool]),topMargin:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().bool]),breakpointColumn:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().bool]),childrenMarginR:prop_types_default().string,spaceBetween:prop_types_default().bool,className:prop_types_default().string,flexClassName:prop_types_default().string,flexBasis:prop_types_default().oneOf([10,20,30,40,50,60,70,80,90]),noWrap:prop_types_default().bool},Row_Row.__docgenInfo={description:"",methods:[],displayName:"Row",props:{noWrap:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!1},padding:{description:"",type:{name:"union",value:[{name:"string"},{name:"bool"}]},required:!1},gap:{description:"",type:{name:"union",value:[{name:"string"},{name:"bool"}]},required:!1},topMargin:{description:"",type:{name:"union",value:[{name:"string"},{name:"bool"}]},required:!1},breakpointColumn:{description:"",type:{name:"union",value:[{name:"string"},{name:"bool"}]},required:!1},childrenMarginR:{description:"",type:{name:"string"},required:!1},spaceBetween:{description:"",type:{name:"bool"},required:!1},className:{description:"",type:{name:"string"},required:!1},flexClassName:{description:"",type:{name:"string"},required:!1},flexBasis:{description:"",type:{name:"enum",value:[{value:"10",computed:!1},{value:"20",computed:!1},{value:"30",computed:!1},{value:"40",computed:!1},{value:"50",computed:!1},{value:"60",computed:!1},{value:"70",computed:!1},{value:"80",computed:!1},{value:"90",computed:!1}]},required:!1}}}},"./src/react-components/icons/HandRaised.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>SvgHandRaised});var _style,_path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgHandRaised=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({id:"Layer_1",x:0,y:0,viewBox:"0 0 1.025 0.782",xmlSpace:"preserve",width:20,height:20,xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_style||(_style=react__WEBPACK_IMPORTED_MODULE_0__.createElement("style",{type:"text/css",id:"style869"},".st0{fill:#ffd3b6}")),_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{className:"st0",d:"M220.8 196.584",id:"path871"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("g",{id:"g1059",transform:"matrix(.05125 0 0 .05125 -14.217 -12.843)"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{className:"st0",d:"M288.372 256.007",id:"path1044",style:{strokeWidth:.0389037}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M294.69 257.645c-.424-.378-1.361-.899-3.287.953-.358.342-.572.467-.844.762v-9.134c0-.591-.467-1.074-1.062-1.074-.596 0-1.078.483-1.078 1.074v5.419c0 .506-.654.549-.767.132v-6.465c0-.592-.466-1.074-1.062-1.074-.595 0-1.077.478-1.077 1.074v6.485c-.082.397-.665.381-.708-.047v-5.664a1.06 1.06 0 0 0-1.062-1.07c-.596 0-1.078.478-1.078 1.07v5.575c-.004.007-.004.02-.004.039 0 .486-.626.529-.74.136v-3.992a1.06 1.06 0 0 0-1.061-1.07c-.595 0-1.078.479-1.078 1.07v9.392a4.768 4.768 0 0 0 2.739 4.314v1.525c0 .591.482 1.074 1.074 1.074h4.295c.591 0 1.073-.483 1.073-1.074v-1.081a2.517 2.517 0 0 0 1.755-1.031.313.313 0 0 0 .031-.047c.035-.039.078-.109.128-.21.028-.047.051-.093.074-.144.494-1 1.623-3.708 3.646-5.458.416-.417.517-1.082.093-1.46z",id:"path1046",style:{strokeWidth:.0389037,fill:"#ffd469"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M288.726 266.013H285.4l.007-.007h-.871a4.774 4.774 0 0 1-2.027-.451v1.361c.194.102.38.168.54.168h5.373c.156 0 .339-.051.53-.133v-.949l-.226.012z",id:"path1048",style:{strokeWidth:.0389037,fill:"#ffb636"}})))}},"./src/react-components/icons/Reaction.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>SvgReaction});var _path,_path2,_path3,_path4,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgReaction=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M7.188 10a.937.937 0 1 0 0-1.875.937.937 0 0 0 0 1.875Z",fill:"currentColor"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10.002 15.001c-1.774 0-3.266-1.153-3.739-2.728a.312.312 0 0 1 .306-.397h6.863a.314.314 0 0 1 .311.254.311.311 0 0 1-.006.143c-.468 1.575-1.96 2.728-3.735 2.728Z",fill:"currentColor"})),_path3||(_path3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M12.813 10a.937.937 0 1 0 0-1.875.937.937 0 0 0 0 1.875Z",fill:"currentColor"})),_path4||(_path4=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 18.125a8.125 8.125 0 1 0 0-16.25 8.125 8.125 0 0 0 0 16.25Z",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10})))}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Row.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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,".Row__flex-row__kHRrv{flex-direction:row;display:flex;width:100%;align-items:center;flex-wrap:wrap}.Row__space-between__vh9wm{justify-content:space-between}@media(max-width: 576px){.Row__sm-breakpoint-column__ErhgV{display:block}}@media(max-width: 768px){.Row__md-breakpoint-column__Tr6kD{display:block}}.Row__no-flex-wrap__kfuaV{flex-wrap:nowrap}.Row__2xs-children-margin-r__f7nyn>*{margin-right:4px}.Row__2xs-children-margin-r__f7nyn>:last-child{margin-right:0}.Row__xs-children-margin-r__Sy1dQ>*{margin-right:8px}.Row__xs-children-margin-r__Sy1dQ>:last-child{margin-right:0}.Row__sm-children-margin-r__aUOJn>*{margin-right:12px}.Row__sm-children-margin-r__aUOJn>:last-child{margin-right:0}.Row__md-children-margin-r__QLh3b>*{margin-right:16px}.Row__md-children-margin-r__QLh3b>:last-child{margin-right:0}.Row__lg-children-margin-r__vJ1JM>*{margin-right:20px}.Row__lg-children-margin-r__vJ1JM>:last-child{margin-right:0}.Row__xl-children-margin-r__EW_z3>*{margin-right:24px}.Row__xl-children-margin-r__EW_z3>:last-child{margin-right:0}","",{version:3,sources:["webpack://./src/react-components/layout/Row.scss"],names:[],mappings:"AAEA,sBACE,kBAAA,CACA,YAAA,CACA,UAAA,CACA,kBAAA,CACA,cAAA,CAGF,2BACE,6BAAA,CAWE,yBADF,kCAEI,aAAA,CAAA,CADF,yBADF,kCAEI,aAAA,CAAA,CAKN,0BACE,gBAAA,CAaA,qCACE,gBAXM,CAaR,+CACE,cAAA,CAJF,oCACE,gBAXM,CAaR,8CACE,cAAA,CAJF,oCACE,iBAXM,CAaR,8CACE,cAAA,CAJF,oCACE,iBAXM,CAaR,8CACE,cAAA,CAJF,oCACE,iBAXM,CAaR,8CACE,cAAA,CAJF,oCACE,iBAXM,CAaR,8CACE,cAAA",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.flex-row) {\n  flex-direction: row;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n:local(.space-between) {\n  justify-content: space-between;\n}\n\n$breakpoints: (\n  "sm": theme.$breakpoint-sm,\n  "md": theme.$breakpoint-md,\n);\n\n@each $size, $breakpoint in $breakpoints {\n  // .sm-breakpoint-column\n  :local(.#{$size}-breakpoint-column) {\n    @media(max-width: $breakpoint) {\n      display: block;\n    }\n  }\n}\n\n:local(.no-flex-wrap) {\n  flex-wrap: nowrap;\n}\n\n$spacing: (\n    "2xs": theme.$spacing-2xs,\n    "xs": theme.$spacing-xs,\n    "sm": theme.$spacing-sm,\n    "md": theme.$spacing-md,\n    "lg": theme.$spacing-lg,\n    "xl": theme.$spacing-xl\n);\n\n@each $size, $theme-spacing in $spacing {\n  :local(.#{$size}-children-margin-r) > * {\n    margin-right: $theme-spacing;\n  }\n  :local(.#{$size}-children-margin-r) > :last-child {\n    margin-right: 0\n  }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"flex-row":"Row__flex-row__kHRrv",flexRow:"Row__flex-row__kHRrv","space-between":"Row__space-between__vh9wm",spaceBetween:"Row__space-between__vh9wm","sm-breakpoint-column":"Row__sm-breakpoint-column__ErhgV",smBreakpointColumn:"Row__sm-breakpoint-column__ErhgV","md-breakpoint-column":"Row__md-breakpoint-column__Tr6kD",mdBreakpointColumn:"Row__md-breakpoint-column__Tr6kD","no-flex-wrap":"Row__no-flex-wrap__kfuaV",noFlexWrap:"Row__no-flex-wrap__kfuaV","2xs-children-margin-r":"Row__2xs-children-margin-r__f7nyn","2XsChildrenMarginR":"Row__2xs-children-margin-r__f7nyn","xs-children-margin-r":"Row__xs-children-margin-r__Sy1dQ",xsChildrenMarginR:"Row__xs-children-margin-r__Sy1dQ","sm-children-margin-r":"Row__sm-children-margin-r__aUOJn",smChildrenMarginR:"Row__sm-children-margin-r__aUOJn","md-children-margin-r":"Row__md-children-margin-r__QLh3b",mdChildrenMarginR:"Row__md-children-margin-r__QLh3b","lg-children-margin-r":"Row__lg-children-margin-r__vJ1JM",lgChildrenMarginR:"Row__lg-children-margin-r__vJ1JM","xl-children-margin-r":"Row__xl-children-margin-r__EW_z3",xlChildrenMarginR:"Row__xl-children-margin-r__EW_z3"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/popover/ImageGridPopover.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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,".ImageGridPopover__image-grid-popover__vLSbg{display:grid;grid-template-columns:repeat(auto-fit, minmax(48px, 1fr));gap:12px;padding:16px}.ImageGridPopover__image-grid-popover__vLSbg:not(.ImageGridPopover__fullscreen__XUMU4){max-width:224px;padding-top:0}.ImageGridPopover__image-grid-popover__vLSbg img{padding:4px;border-radius:6px;width:100%;min-height:56px}.ImageGridPopover__image-grid-popover__vLSbg img:hover{background-color:var(--basic-color-hover)}.ImageGridPopover__image-grid-popover__vLSbg img:active{background-color:var(--basic-color-pressed)}","",{version:3,sources:["webpack://./src/react-components/popover/ImageGridPopover.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,6CACE,YAAA,CACA,yDAAA,CACA,QAAA,CACA,YAAA,CAEA,uFACE,eAAA,CACA,aAAA,CAGF,iDACE,WAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CAEA,uDACE,yCCiKc,CD9JhB,wDACE,2CC8JgB",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.image-grid-popover) {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(48px, 1fr));\n  gap: 12px;\n  padding: 16px;\n\n  &:not(:local(.fullscreen)) {\n    max-width: 224px;\n    padding-top: 0;\n  }\n\n  img {\n    padding: 4px;\n    border-radius: 6px;\n    width: 100%;\n    min-height: 56px;\n\n    &:hover {\n      background-color: theme.$basic-color-hover;\n    }\n\n    &:active {\n      background-color: theme.$basic-color-pressed;\n    }\n  }\n}\n',"//  Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n  PRIMARY INTERACTION\n  **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n  SECONDARY INTERACTION\n  **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n  SEMANTIC\n  **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n  TEXT\n  **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n  BORDER\n  **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n  NEUTRALS\n  **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n  STATUS\n  **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n  BACKGROUNDS\n  **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n  MENU\n  **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"image-grid-popover":"ImageGridPopover__image-grid-popover__vLSbg",imageGridPopover:"ImageGridPopover__image-grid-popover__vLSbg",fullscreen:"ImageGridPopover__fullscreen__XUMU4"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/ReactionButton.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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,".ReactionButton__reaction-button__vpr7k{display:flex;width:100%;flex-direction:row;border-radius:8px;border:3px solid #868686;background-color:rgba(0,0,0,0);font-size:14px;font-weight:400;align-items:center;padding:6px 6px}.ReactionButton__reaction-button__vpr7k>*{margin-right:0px}.ReactionButton__reaction-button__vpr7k>*:first-child{margin-right:48px}.ReactionButton__reaction-button__vpr7k:hover{background-color:var(--button-bg-color-hover);border:3px solid rgba(0,0,0,0)}.ReactionButton__reaction-button__vpr7k:active{border:3px solid #868686}.ReactionButton__active__EANmD{border:3px solid var(--active-color-pressed);background-color:var(--button-bg-color-hover)}.ReactionButton__active__EANmD:hover{border:3px solid var(--active-color-pressed)}","",{version:3,sources:["webpack://./src/react-components/room/ReactionButton.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,wCACE,YAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,wBAAA,CACA,8BC0BY,CDzBZ,cCGa,CDFb,eCOoB,CDNpB,kBAAA,CACA,eAAA,CAEA,0CACE,gBAAA,CAEA,sDACE,iBAAA,CAIJ,8CACE,6CCsLoB,CDrLpB,8BAAA,CAGF,+CACE,wBAAA,CAIJ,+BACE,4CAAA,CACA,6CC2KsB,CDzKtB,qCACE,4CAAA",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.reaction-button) {\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  border-radius: 8px;\n  border: 3px solid theme.$darkgrey;\n  background-color: theme.$transparent;\n  font-size: theme.$font-size-md;\n  font-weight: theme.$font-weight-regular;\n  align-items: center;\n  padding: 6px 6px;\n\n  & > * {\n    margin-right: 0px;\n\n    &:first-child {\n      margin-right: 48px;\n    }\n  }\n\n  &:hover {\n    background-color: theme.$button-bg-color-hover;\n    border: 3px solid theme.$transparent;\n  }\n\n  &:active {\n    border: 3px solid theme.$darkgrey;\n  }\n}\n\n:local(.active) {\n  border: 3px solid theme.$active-color-pressed;\n  background-color: theme.$button-bg-color-hover;\n\n  &:hover {\n    border: 3px solid theme.$active-color-pressed;\n  }\n}',"//  Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n  PRIMARY INTERACTION\n  **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n  SECONDARY INTERACTION\n  **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n  SEMANTIC\n  **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n  TEXT\n  **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n  BORDER\n  **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n  NEUTRALS\n  **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n  STATUS\n  **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n  BACKGROUNDS\n  **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n  MENU\n  **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"reaction-button":"ReactionButton__reaction-button__vpr7k",reactionButton:"ReactionButton__reaction-button__vpr7k",active:"ReactionButton__active__EANmD"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/ReactionPopover.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__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,".ReactionPopover__label__DVF6P{margin-bottom:8px;color:var(--text2-color);align-self:flex-start;font-weight:700;font-size:12px}.ReactionPopover__popover__Bu0zs{margin-bottom:-8px}","",{version:3,sources:["webpack://./src/react-components/room/ReactionPopover.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,+BACE,iBAAA,CACA,wBCoGY,CDnGZ,qBAAA,CACA,eCaiB,CDZjB,cCIa,CDDf,iCACE,kBAAA",sourcesContent:['@use "../styles/theme";\n\n:local(.label) {\n  margin-bottom: 8px;\n  color: theme.$text2-color;\n  align-self: flex-start;\n  font-weight: theme.$font-weight-bold;\n  font-size: theme.$font-size-sm\n}\n\n:local(.popover) {\n  margin-bottom: -8px;\n}',"//  Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n  PRIMARY INTERACTION\n  **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n  SECONDARY INTERACTION\n  **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n  SEMANTIC\n  **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n  TEXT\n  **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n  BORDER\n  **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n  NEUTRALS\n  **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n  STATUS\n  **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n  BACKGROUNDS\n  **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n  MENU\n  **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={label:"ReactionPopover__label__DVF6P",popover:"ReactionPopover__popover__Bu0zs"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-intl/lib/src/components/message.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_useIntl__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-intl/lib/src/components/useIntl.js"),_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-intl/lib/src/utils.js");function FormattedMessage(props){var intl=(0,_useIntl__WEBPACK_IMPORTED_MODULE_3__.Z)(),formatMessage=intl.formatMessage,_a=intl.textComponent,Text=void 0===_a?react__WEBPACK_IMPORTED_MODULE_0__.Fragment:_a,id=props.id,description=props.description,defaultMessage=props.defaultMessage,values=props.values,children=props.children,_b=props.tagName,Component=void 0===_b?Text:_b,nodes=formatMessage({id,description,defaultMessage},values,{ignoreTag:props.ignoreTag});return"function"==typeof children?children(Array.isArray(nodes)?nodes:[nodes]):Component?react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,null,react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(nodes)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,nodes)}FormattedMessage.displayName="FormattedMessage";var MemoizedFormattedMessage=react__WEBPACK_IMPORTED_MODULE_0__.memo(FormattedMessage,(function areEqual(prevProps,nextProps){var values=prevProps.values,otherProps=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(prevProps,["values"]),nextValues=nextProps.values,nextOtherProps=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(nextProps,["values"]);return(0,_utils__WEBPACK_IMPORTED_MODULE_2__.wU)(nextValues,values)&&(0,_utils__WEBPACK_IMPORTED_MODULE_2__.wU)(otherProps,nextOtherProps)}));MemoizedFormattedMessage.displayName="MemoizedFormattedMessage";const __WEBPACK_DEFAULT_EXPORT__=MemoizedFormattedMessage}}]);