@planningcenter/topbar 9.0.0-rc.9 → 9.0.0

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;--str-chat__caption-text:12px/1.3em var(--str-chat__font-family);--str-chat__caption-medium-text:500 12px/1.3em var(--str-chat__font-family);--str-chat__body-text:14px/1.4em var(--str-chat__font-family);--str-chat__body-medium-text:500 14px/1.4em var(--str-chat__font-family);--str-chat__spacing-0_5:2px;--str-chat__spacing-1:4px;--str-chat__spacing-1_5:6px;--str-chat__spacing-2:8px;--str-chat__spacing-2_5:10px;--str-chat__spacing-3:12px;--str-chat__spacing-3_5:14px;--str-chat__spacing-4:16px;--str-chat__spacing-5:20px;--str-chat__spacing-6:24px;--str-chat__spacing-7:28px;--str-chat__spacing-8:32px;--str-chat__spacing-9:36px;--str-chat__spacing-10:40px;--str-chat__spacing-11:44px;--str-chat__spacing-12:48px;--str-chat__spacing-14:56px;--str-chat__spacing-16:64px}.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{min-width:-moz-max-content;min-width:max-content;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:var(--str-chat__body-text);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:var(--str-chat__body-text)}.str-chat__suggestion-list-container{bottom:unset;max-height:296px;overflow:auto;top:-305px}.str-chat__user-item .str-chat__user-item--name{font:var(--str-chat__body-text)}.str-chat__user-item .str-chat__user-item-at{font:var(--str-chat__body-medium-text)}.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,CAIvD,gEAAiE,CACjE,2EAA4E,CAC5E,6DAA8D,CAC9D,wEAAyE,CAEzE,2BAA4B,CAC5B,yBAA0B,CAC1B,2BAA4B,CAC5B,yBAA0B,CAC1B,4BAA6B,CAC7B,0BAA2B,CAC3B,4BAA6B,CAC7B,0BAA2B,CAC3B,0BAA2B,CAC3B,0BAA2B,CAC3B,0BAA2B,CAC3B,0BAA2B,CAC3B,0BAA2B,CAC3B,2BAA4B,CAC5B,2BAA4B,CAC5B,2BAA4B,CAC5B,2BAA4B,CAC5B,2BACF,CAEA,0BACE,2BACF,CAGA,2GAGE,aAAc,CACd,cAAe,CACf,gBACF,CAGA,+DAEE,0BAAsB,CAAtB,qBAAsB,CADtB,aAEF,CAEA,+CACE,mBAAoB,CAGpB,iBAAkB,CADlB,SAAU,CADV,uBAGF,CAEA,4BACE,WAAY,CACZ,iBAAkB,CAElB,+BAAgC,CADhC,YAAa,CAEb,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,+BACF,CAEA,qCACE,YAAa,CAEb,gBAAiB,CACjB,aAAc,CAFd,UAGF,CAEA,gDACE,+BACF,CAEA,6CACE,sCACF,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  /* The following text and spacing values are direct conversions from Stream's default rem values.\n  We want px values instead of rem because any app with a custom root font size (looking at you, Services) ends up with borked sizes. */\n  --str-chat__caption-text: 12px/1.3em var(--str-chat__font-family);\n  --str-chat__caption-medium-text: 500 12px/1.3em var(--str-chat__font-family);\n  --str-chat__body-text: 14px/1.4em var(--str-chat__font-family);\n  --str-chat__body-medium-text: 500 14px/1.4em var(--str-chat__font-family);\n\n  --str-chat__spacing-0_5: 2px;\n  --str-chat__spacing-1: 4px;\n  --str-chat__spacing-1_5: 6px;\n  --str-chat__spacing-2: 8px;\n  --str-chat__spacing-2_5: 10px;\n  --str-chat__spacing-3: 12px;\n  --str-chat__spacing-3_5: 14px;\n  --str-chat__spacing-4: 16px;\n  --str-chat__spacing-5: 20px;\n  --str-chat__spacing-6: 24px;\n  --str-chat__spacing-7: 28px;\n  --str-chat__spacing-8: 32px;\n  --str-chat__spacing-9: 36px;\n  --str-chat__spacing-10: 40px;\n  --str-chat__spacing-11: 44px;\n  --str-chat__spacing-12: 48px;\n  --str-chat__spacing-14: 56px;\n  --str-chat__spacing-16: 64px;\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  min-width: max-content;\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: var(--str-chat__body-text);\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: var(--str-chat__body-text);\n}\n\n.str-chat__suggestion-list-container {\n  bottom: unset;\n  top: -305px;\n  max-height: 296px;\n  overflow: auto;\n}\n\n.str-chat__user-item .str-chat__user-item--name {\n  font: var(--str-chat__body-text);\n}\n\n.str-chat__user-item .str-chat__user-item-at {\n  font: var(--str-chat__body-medium-text);\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"]}