@planningcenter/topbar 9.0.0-rc.12 → 9.0.0-rc.14

package/dist/topbar.css

@@ -1,2 +1,2 @@
-.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@import "~stream-chat-react/dist/css/v2/index.css";.str-chat{--str-chat__channel-list-border-inline-end:none;--str-chat__channel-list-load-more-border-radius:3px;--str-chat__channel-list-load-more-background-color:#2462f5}
+.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@import "~stream-chat-react/dist/css/v2/index.css";.str-chat{--str-chat__channel-list-border-inline-end:none;--str-chat__channel-list-load-more-border-radius:3px;--str-chat__channel-list-load-more-background-color:#2462f5;--str-chat__message-input-border-radius:8px;--str-chat__message-input-border-block-start:1px solid #cfcfcf;--str-chat__message-input-border-block-end:1px solid #cfcfcf;--str-chat__message-input-border-inline-start:1px solid #cfcfcf;--str-chat__message-input-border-inline-end:1px solid #cfcfcf;--str-chat__message-actions-box-border-radius:4px;--str-chat__message-actions-box-border-block-start:1px solid #e5e6e6;--str-chat__message-actions-box-border-block-end:1px solid #e5e6e6;--str-chat__message-actions-box-border-inline-start:1px solid #e5e6e6;--str-chat__message-actions-box-border-inline-end:1px solid #e5e6e6;--str-chat__message-actions-box-box-shadow:0 4px 12px rgba(0,0,0,.12);--str-chat__message-actions-box-item-hover-background-color:#f0f0f0;--str-chat__message-reactions-options-border-radius:8px;--str-chat__message-reactions-option-border-radius:8px;--str-chat__message-textarea-border-radius:8px;--str-chat__message-textarea-border-block-start:none;--str-chat__message-textarea-border-block-end:none;--str-chat__message-textarea-border-inline-start:none;--str-chat__message-textarea-border-inline-end:none;--str-chat__image-attachment-border-radius:8px;--str-chat__image-gallery-attachment-border-radius:8px;--str-chat__attachment-preview-list-border-radius:8px;--str-chat__attachment-preview-image-border-radius:8px;--body-font-size:14px;--body-line-height:1.4}.str-chat__message-bubble{border-radius:8px!important}.str-chat__message-actions-box .str-chat__message-actions-list .str-chat__message-actions-list-item-button{color:#474848;font-size:14px;padding:6px 16px}.str-chat__message-actions-box .str-chat__message-actions-list{padding:4px 0}.str-chat__modal--open .str-chat__modal__inner{align-items:stretch;border-radius:8px;padding:0;width:calc(100% - 16px)}.str-chat__message-textarea{border:none;border-radius:8px;font-size:var(--body-font-size);line-height:var(--body-line-height);padding:12px;resize:none;width:100%}.str-chat__message-textarea.focus-visible{outline:none}.str-chat__emoji-picker-container{left:1px;position:absolute;top:-364px}.is-modal-child .str-chat__emoji-picker-container{left:-5px;top:-371px}.emoji-mart{border-radius:8px}.str-chat .file-input{height:0;position:absolute;visibility:hidden;width:0}.str-chat__message-text{font-size:var(--body-font-size);line-height:var(--body-line-height)}.str-chat__message--other .str-chat__message-actions-box{transform:translate(40px)}.str-chat__message--me .str-chat__message-actions-box{transform:translate(-40px)}.str-chat__message-reactions-options{-webkit-padding-start:0;padding-inline-start:0;padding:2px}
 /*# sourceMappingURL=topbar.css.map */

package/dist/topbar.css.map

@@ -1 +1 @@
-{"version":3,"sources":["utils.css","style.css"],"names":[],"mappings":"AAAA,gBACE,uBAAwB,CACxB,oBACF,CACA,mCACE,YACF,CCNA,kDAAkD,CAElD,UACE,+CAAgD,CAChD,oDAAqD,CACrD,2DACF","file":"topbar.css","sourcesContent":[".hide-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n.hide-scrollbar::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, and Opera */\n}\n","@import \"~stream-chat-react/dist/css/v2/index.css\";\n\n.str-chat {\n  --str-chat__channel-list-border-inline-end: none; /* remove the doubled up right-side border on the channel list, the toolbar creates this boarder. */\n  --str-chat__channel-list-load-more-border-radius: 3px;\n  --str-chat__channel-list-load-more-background-color: #2462f5; /* interaction-55 */\n}\n"]}
+{"version":3,"sources":["utils.css","style.css"],"names":[],"mappings":"AAAA,gBACE,uBAAwB,CACxB,oBACF,CACA,mCACE,YACF,CCNA,kDAAkD,CAElD,UACE,+CAAgD,CAChD,oDAAqD,CACrD,2DAA4D,CAE5D,2CAA4C,CAC5C,8DAAuE,CACvE,4DAAqE,CACrE,+DAAwE,CACxE,6DAAsE,CAEtE,iDAAkD,CAClD,oEACmB,CACnB,kEAA6E,CAC7E,qEACmB,CACnB,mEAA8E,CAC9E,qEAA0E,CAC1E,mEAIC,CAED,uDAAwD,CACxD,sDAAuD,CAIvD,8CAA+C,CAC/C,oDAAqD,CACrD,kDAAmD,CACnD,qDAAsD,CACtD,mDAAoD,CAEpD,8CAA+C,CAC/C,sDAAuD,CAEvD,qDAAsD,CACtD,sDAAuD,CAEvD,qBAAsB,CACtB,sBACF,CAEA,0BACE,2BACF,CAGA,2GAGE,aAAc,CACd,cAAe,CACf,gBACF,CAGA,+DACE,aACF,CAEA,+CACE,mBAAoB,CAGpB,iBAAkB,CADlB,SAAU,CADV,uBAGF,CAEA,4BACE,WAAY,CACZ,iBAAkB,CAElB,+BAAgC,CAChC,mCAAoC,CAFpC,YAAa,CAGb,WAAY,CACZ,UACF,CAEA,0CACE,YACF,CAEA,kCAGE,QAAS,CAFT,iBAAkB,CAClB,UAEF,CAEA,kDAEE,SAAU,CADV,UAEF,CAEA,YACE,iBACF,CAEA,sBAIE,QAAS,CAFT,iBAAkB,CADlB,iBAAkB,CAElB,OAEF,CAEA,wBACE,+BAAgC,CAChC,mCACF,CAEA,yDACE,yBACF,CAEA,sDACE,0BACF,CAEA,qCACE,uBAAuB,CAAvB,sBAAuB,CACvB,WACF","file":"topbar.css","sourcesContent":[".hide-scrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n.hide-scrollbar::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, and Opera */\n}\n","@import \"~stream-chat-react/dist/css/v2/index.css\";\n\n.str-chat {\n  --str-chat__channel-list-border-inline-end: none; /* remove the doubled up right-side border on the channel list, the toolbar creates this boarder. */\n  --str-chat__channel-list-load-more-border-radius: 3px;\n  --str-chat__channel-list-load-more-background-color: #2462f5; /* interaction-55 */\n\n  --str-chat__message-input-border-radius: 8px;\n  --str-chat__message-input-border-block-start: 1px solid hsl(0, 0%, 81%);\n  --str-chat__message-input-border-block-end: 1px solid hsl(0, 0%, 81%);\n  --str-chat__message-input-border-inline-start: 1px solid hsl(0, 0%, 81%);\n  --str-chat__message-input-border-inline-end: 1px solid hsl(0, 0%, 81%);\n\n  --str-chat__message-actions-box-border-radius: 4px;\n  --str-chat__message-actions-box-border-block-start: 1px solid\n    hsl(200, 1%, 90%);\n  --str-chat__message-actions-box-border-block-end: 1px solid hsl(200, 1%, 90%);\n  --str-chat__message-actions-box-border-inline-start: 1px solid\n    hsl(200, 1%, 90%);\n  --str-chat__message-actions-box-border-inline-end: 1px solid hsl(200, 1%, 90%);\n  --str-chat__message-actions-box-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n  --str-chat__message-actions-box-item-hover-background-color: hsl(\n    200,\n    1%,\n    94%\n  );\n\n  --str-chat__message-reactions-options-border-radius: 8px;\n  --str-chat__message-reactions-option-border-radius: 8px;\n\n  /* According to Steam docs, these variables should manage the styling concerns,\n  but they don't seem to take effect. They are reimplemented below as an override */\n  --str-chat__message-textarea-border-radius: 8px;\n  --str-chat__message-textarea-border-block-start: none;\n  --str-chat__message-textarea-border-block-end: none;\n  --str-chat__message-textarea-border-inline-start: none;\n  --str-chat__message-textarea-border-inline-end: none;\n\n  --str-chat__image-attachment-border-radius: 8px;\n  --str-chat__image-gallery-attachment-border-radius: 8px;\n\n  --str-chat__attachment-preview-list-border-radius: 8px;\n  --str-chat__attachment-preview-image-border-radius: 8px;\n\n  --body-font-size: 14px;\n  --body-line-height: 1.4;\n}\n\n.str-chat__message-bubble {\n  border-radius: 8px !important;\n}\n\n/* more closely match tapestry dropdown styles */\n.str-chat__message-actions-box\n  .str-chat__message-actions-list\n  .str-chat__message-actions-list-item-button {\n  color: #474848;\n  font-size: 14px;\n  padding: 6px 16px;\n}\n\n/* more closely match tapestry dropdown item styles */\n.str-chat__message-actions-box .str-chat__message-actions-list {\n  padding: 4px 0;\n}\n\n.str-chat__modal--open .str-chat__modal__inner {\n  align-items: stretch;\n  width: calc(100% - 16px);\n  padding: 0;\n  border-radius: 8px;\n}\n\n.str-chat__message-textarea {\n  border: none;\n  border-radius: 8px;\n  padding: 12px;\n  font-size: var(--body-font-size);\n  line-height: var(--body-line-height);\n  resize: none;\n  width: 100%;\n}\n\n.str-chat__message-textarea.focus-visible {\n  outline: none;\n}\n\n.str-chat__emoji-picker-container {\n  position: absolute;\n  top: -364px;\n  left: 1px;\n}\n\n.is-modal-child .str-chat__emoji-picker-container {\n  top: -371px;\n  left: -5px;\n}\n\n.emoji-mart {\n  border-radius: 8px;\n}\n\n.str-chat .file-input {\n  visibility: hidden;\n  position: absolute;\n  width: 0;\n  height: 0;\n}\n\n.str-chat__message-text {\n  font-size: var(--body-font-size);\n  line-height: var(--body-line-height);\n}\n\n.str-chat__message--other .str-chat__message-actions-box {\n  transform: translate(40px, 0);\n}\n\n.str-chat__message--me .str-chat__message-actions-box {\n  transform: translate(-40px, 0);\n}\n\n.str-chat__message-reactions-options {\n  padding-inline-start: 0;\n  padding: 2px;\n}\n"]}