globuswebcomponents 2.8.0 → 2.8.1

package/dist/components/{p-2s5kIkzc.js → p-fM3XegFU.js}

@@ -20,7 +20,7 @@ const GbCommentItem = /*@__PURE__*/ proxyCustomElement(class GbCommentItem exten
         return nameAndRole;
     }
     render() {
-        return (h("div", { key: '4411b687a3715dd225ff5f1b981fc04ef471c59f', class: "comment-item" }, h("div", { key: '3279d899eaec31a78e5b5f597bf9c22674858564', class: "left" }, h("div", { key: 'de41a45ee3a39b70a5649a538ed122a343677530', class: "comment-bullet" }), this.connector && h("hr", { key: '6ac2989bfc2dc6ae0636946f6d0ba48123fbbae5', class: "line" })), h("div", { key: '74437d4b1463434567c6dcf06959d30ecfdc6b66', class: "comment-content" }, h("div", { key: '7e5aca50c18f5b8fd25bebd82272f82d2779594d', class: "reviewer-info" }, h("p", { key: '56005a08821f8767698afff2124d8b7b94a280ff', class: "text-sm-semi-bold" }, this.displayNameAndRole())), h("div", { key: 'ec12a2c245115658c2a00d4bce72a5c8b193876f', class: "comment-text" }, h("p", { key: '6734d7c07fa732e3b0c4a4215c876bfc7af8e088', class: "text-sm-regular" }, this.comment)), h("div", { key: '37d722b3f3754f8416c565d2c6cc69e352ea035b', class: "timestamp" }, h("p", { key: '5f1260e85578101e288e2e275ccc0515d6ae9a66', class: "text-xs-regular" }, this.timeStamp)))));
+        return (h("div", { key: '55856a17ddb098ad9eda4367930630874c08e49a', class: "comment-item" }, h("div", { key: '15e6f5e94e8aee7ce8ed8a012d72610909ad0efb', class: "left" }, h("div", { key: '71ab3fe1cc4f8126c57f6b3c829c95b06535431c', class: "comment-bullet" }), this.connector && h("hr", { key: 'e53230049914b8f8e6647f5968f7984a1f955a66', class: "line" })), h("div", { key: '691978951ad9d1677b02ce534138869929305fa9', class: "comment-content" }, h("div", { key: '1a3369bf8e0ca74298eefb672ee764216bbef3ed', class: "reviewer-info" }, h("p", { key: 'ac4b5358d13f8e12c8385cd3b6d045b16aac12fa', class: "text-sm-semi-bold" }, this.displayNameAndRole())), h("div", { key: '0e29e322e325da9f97a86283d88ca494a376b55c', class: "comment-text" }, h("p", { key: 'af6dce38a10da2ef5c31848c1d32b2f2df91679d', class: "text-sm-regular" }, this.comment)), h("div", { key: '34e624727a4d4955cbb29b54578423d31e9883da', class: "timestamp" }, h("p", { key: 'd078325c4400d0eba7001ee252e7edc10622695e', class: "text-xs-regular" }, this.timeStamp)))));
     }
     static get style() { return gbCommentItemCss; }
 }, [257, "gb-comment-item", {
@@ -46,6 +46,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { GbCommentItem as G, defineCustomElement as d };
-//# sourceMappingURL=p-2s5kIkzc.js.map
+//# sourceMappingURL=p-fM3XegFU.js.map
 
-//# sourceMappingURL=p-2s5kIkzc.js.map
+//# sourceMappingURL=p-fM3XegFU.js.map

package/dist/components/{p-2s5kIkzc.js.map → p-fM3XegFU.js.map}

@@ -1 +1 @@
-{"file":"p-2s5kIkzc.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,qgsEAAqgsE;;MCQjhsE,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAN1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AACpB,QAAA,IAAS,CAAA,SAAA,GAAW,EAAE;AACtB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AA4BrC;IA1BG,kBAAkB,GAAA;QACd,IAAI,WAAW,GAAG,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,EAAA,EAAK,IAAI,CAAC,IAAI,CAAA,CAAA,CAAG;AAC/C,QAAA,OAAO,WAAW;;IAGtB,MAAM,GAAA;AACF,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACf,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAO,CAAA,EACjC,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,MAAM,GAAG,CAClC,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAK,CACxD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAAE,IAAI,CAAC,OAAO,CAAK,CACzC,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,iBAAiB,EAAA,EAAE,IAAI,CAAC,SAAS,CAAK,CAC3C,CACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-comment-item/gb-comment-item.css?tag=gb-comment-item&encapsulation=shadow","src/components/gb-comment-item/gb-comment-item.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.comment-item {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: flex-start;\r\n  color: red;\r\n  position: relative; \r\n  align-items: flex-start;\r\n  padding-left: var(--spacing-12);\r\n  margin-bottom: -1rem;\r\n}\r\n\r\n.comment-item:not(:last-child)::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 10px;\r\n  top: 16px;\r\n  width: 2px;\r\n  height: 100%;\r\n  background-color: #064E94;\r\n}\r\n\r\n.comment-bullet {\r\n  width: 12px;\r\n  height: 12px;\r\n  border-radius: var(--rounded-full);\r\n  background: var(--color-icon-information, #064E94);\r\n  margin: 5px;\r\n}\r\n\r\n.line{\r\n  background-color: #064E94;\r\n  width: 0.5px;\r\n  height: 4.5rem;\r\n  padding: 1px;\r\n  border: none;\r\n  margin-top: -5px;\r\n  left: 10px;\r\n  top: 16px;\r\n}\r\n\r\n.left{\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n\r\n}\r\n\r\n.comment-wrapper{\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-none);\r\n  align-self: stretch;\r\n}\r\n\r\n\r\n.comment-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-1);\r\n  padding-bottom: var(--spacing-6);\r\n}\r\n\r\n.comments-container {\r\n  padding: 16px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-4);\r\n  border-radius: 12px;\r\n  border: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n  background: var(--color-background-information-subtlest, #E4F0FC);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  /* transition: 1s ease-in-out; */\r\n}\r\n\r\n.comment-content {\r\n  flex: 1;\r\n}\r\n\r\n.reviewer-info {\r\n  color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.comment-text {\r\n  color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.timestamp {\r\n  color: var(--color-text-information, #064E94);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n@media (max-width: 468px) {\r\n  .comment-item{\r\n    padding-left: var(--spacing-4);\r\n  }\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-comment-item',\r\n    styleUrl: 'gb-comment-item.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbCommentItem {\r\n    @Prop() name: string = '';\r\n    @Prop() duty: string = '';\r\n    @Prop() comment: string = '';\r\n    @Prop() timeStamp: string = '';\r\n    @Prop() connector: boolean = false;\r\n\r\n    displayNameAndRole() {\r\n        let nameAndRole = `${this.name} (${this.duty})`;\r\n        return nameAndRole\r\n    }\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"comment-item\">\r\n            <div class=\"left\">\r\n              <div class=\"comment-bullet\"></div>\r\n              {this.connector && <hr class=\"line\" />}\r\n            </div>\r\n            <div class=\"comment-content\">\r\n              <div class=\"reviewer-info\">\r\n                <p class=\"text-sm-semi-bold\">{this.displayNameAndRole()}</p>\r\n              </div>\r\n              <div class=\"comment-text\">\r\n                <p class=\"text-sm-regular\">{this.comment}</p>\r\n              </div>\r\n              <div class=\"timestamp\">\r\n                <p class=\"text-xs-regular\">{this.timeStamp}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}
+{"file":"p-fM3XegFU.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,qgsEAAqgsE;;MCQjhsE,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAN1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AACpB,QAAA,IAAS,CAAA,SAAA,GAAW,EAAE;AACtB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AA4BrC;IA1BG,kBAAkB,GAAA;QACd,IAAI,WAAW,GAAG,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,EAAA,EAAK,IAAI,CAAC,IAAI,CAAA,CAAA,CAAG;AAC/C,QAAA,OAAO,WAAW;;IAGtB,MAAM,GAAA;AACF,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACf,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAO,CAAA,EACjC,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,MAAM,GAAG,CAClC,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAK,CACxD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAAE,IAAI,CAAC,OAAO,CAAK,CACzC,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,iBAAiB,EAAA,EAAE,IAAI,CAAC,SAAS,CAAK,CAC3C,CACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-comment-item/gb-comment-item.css?tag=gb-comment-item&encapsulation=shadow","src/components/gb-comment-item/gb-comment-item.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.comment-item {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: flex-start;\r\n  color: red;\r\n  position: relative; \r\n  align-items: flex-start;\r\n  padding-left: var(--spacing-12);\r\n  margin-bottom: -1rem;\r\n}\r\n\r\n.comment-item:not(:last-child)::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 10px;\r\n  top: 16px;\r\n  width: 2px;\r\n  height: 100%;\r\n  background-color: #064E94;\r\n}\r\n\r\n.comment-bullet {\r\n  width: 12px;\r\n  height: 12px;\r\n  border-radius: var(--rounded-full);\r\n  background: var(--color-icon-information, #064E94);\r\n  margin: 5px;\r\n}\r\n\r\n.line{\r\n  background-color: #064E94;\r\n  width: 0.5px;\r\n  height: 4.5rem;\r\n  padding: 1px;\r\n  border: none;\r\n  margin-top: -5px;\r\n  left: 10px;\r\n  top: 16px;\r\n}\r\n\r\n.left{\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n\r\n}\r\n\r\n.comment-wrapper{\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-none);\r\n  align-self: stretch;\r\n}\r\n\r\n\r\n.comment-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-1);\r\n  padding-bottom: var(--spacing-6);\r\n}\r\n\r\n.comments-container {\r\n  padding: 16px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-4);\r\n  border-radius: 12px;\r\n  border: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n  background: var(--color-background-information-subtlest, #E4F0FC);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  /* transition: 1s ease-in-out; */\r\n}\r\n\r\n.comment-content {\r\n  flex: 1;\r\n}\r\n\r\n.reviewer-info {\r\n  color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.comment-text {\r\n  color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.timestamp {\r\n  color: var(--color-text-information, #064E94);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n@media (max-width: 468px) {\r\n  .comment-item{\r\n    padding-left: var(--spacing-4);\r\n  }\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-comment-item',\r\n    styleUrl: 'gb-comment-item.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbCommentItem {\r\n    @Prop() name: string = '';\r\n    @Prop() duty: string = '';\r\n    @Prop() comment: string = '';\r\n    @Prop() timeStamp: string = '';\r\n    @Prop() connector: boolean = false;\r\n\r\n    displayNameAndRole() {\r\n        let nameAndRole = `${this.name} (${this.duty})`;\r\n        return nameAndRole\r\n    }\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"comment-item\">\r\n            <div class=\"left\">\r\n              <div class=\"comment-bullet\"></div>\r\n              {this.connector && <hr class=\"line\" />}\r\n            </div>\r\n            <div class=\"comment-content\">\r\n              <div class=\"reviewer-info\">\r\n                <p class=\"text-sm-semi-bold\">{this.displayNameAndRole()}</p>\r\n              </div>\r\n              <div class=\"comment-text\">\r\n                <p class=\"text-sm-regular\">{this.comment}</p>\r\n              </div>\r\n              <div class=\"timestamp\">\r\n                <p class=\"text-xs-regular\">{this.timeStamp}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}