@nylas/web-elements 1.0.2-canary.2 → 1.1.0-canary.3

package/dist/esm/warning-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-warning-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const WarningIcon = class {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: '669d0fd1f29767fbb6045a3520e6364d6c614da6', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7eb9ee6c7caac7afea81ccf99f61b68126099a3c', d: "M10.149 7.054a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5Zm0 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.834 2.906a1.5 1.5 0 0 1 2.63 0l6.558 11.925a1.5 1.5 0 0 1-1.314 2.223H3.59a1.5 1.5 0 0 1-1.314-2.223L8.834 2.906Zm1.753.482a.5.5 0 0 0-.876 0L3.15 15.313a.5.5 0 0 0 .439.741h13.117a.5.5 0 0 0 .439-.741l-6.56-11.925Z", fill: "currentColor" })));
+        return (h("svg", { key: '17a6924f3361b1cfc5d64fb4c07e8ec769617bb3', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cc403a3f0c8ec9bdb7c497de7235d24cc5c5cae7', d: "M10.149 7.054a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5Zm0 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.834 2.906a1.5 1.5 0 0 1 2.63 0l6.558 11.925a1.5 1.5 0 0 1-1.314 2.223H3.59a1.5 1.5 0 0 1-1.314-2.223L8.834 2.906Zm1.753.482a.5.5 0 0 0-.876 0L3.15 15.313a.5.5 0 0 0 .439.741h13.117a.5.5 0 0 0 .439-.741l-6.56-11.925Z", fill: "currentColor" })));
     }
 };
 WarningIcon.style = iconCss;

package/dist/nylas-web-elements/add-circle-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-add-circle-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const AddCircleIcon = class {
         this.height = '25';
     }
     render() {
-        return (h("svg", { key: '58ce81214aeed7ddc1ce5f76d674aba576422d48', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2a47ed74601a5370f0300da06295a2b5969d7e5f', d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" })));
+        return (h("svg", { key: 'f3782ba9b526dffdc7335be8e63861fd3b99588f', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f882c2d15fc67cc99d93f748e2917eb7a675655d', d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" })));
     }
 };
 AddCircleIcon.style = iconCss;

package/dist/nylas-web-elements/archive-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-archive-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const ArchiveIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '5aa6b838481a9741f602d5b1b2a9fd963a00067e', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0028df292407861bc39c00157b6b4f0bfe31dda5', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '0e53fcc6b2a704f65ab8b7088f2bd3f24483d2cd', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '8dbf8176c6c6a10188984e36dd985bd1a5be4b2f', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '218c043fbf70ae2fd0db434f573e0339ad2303f8', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+        return (h("svg", { key: '1b52f19fba89ca7184790e5beb6e0f8b006b2531', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd9aad4815f9faabb40b6fe68827bdd483794e0c3', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'aab9d09e0a7f7ad6ca549d92989b9288865e07d7', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'c15b61e469283716f2127e9d0bec9cf5be9c67c1', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'a0ce485fc995006baa138da928b84538d65730f6', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 ArchiveIcon.style = iconCss;

package/dist/nylas-web-elements/arrow-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-arrow-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const ArrowIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '60eb6fe3830bcf83b515575fddac295ee46b8445', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bc01c86926c840e985ae2dbd7edf1714b5015bc2', d: "M5 12H19M12 5L19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: 'db4337c46d0f73cb863335d2b838806c9a35370a', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '658c3e161f9aa5a495402b7809d4d606056ea3d1', d: "M5 12H19M12 5L19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 ArrowIcon.style = iconCss;

package/dist/nylas-web-elements/bold-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-bold-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const BoldIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '31974bb21eb101d41aaebdd8199a3a5f7ce55a63', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '78c695ad810b93f8d3b70119cd594d936803b9f4', d: "M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: '9514a0bbbaf18a7dc73b2bd789efcfc09f6017f6', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd9997f022df2cdcd7128866d61872717073e8adf', d: "M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 BoldIcon.style = iconCss;

package/dist/nylas-web-elements/button-component.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './index-8362ce5c.js';
+
+const buttonComponentCss = "button.sc-button-component{height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}";
+
+const ButtonComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'primary';
+        this.disabled = false;
+        this.type = 'button';
+        this.clickHandler = undefined;
+        this.mouseOverHandler = undefined;
+        this.mouseOutHandler = undefined;
+        this.focusHandler = undefined;
+        this.blurHandler = undefined;
+    }
+    render() {
+        const className = `button-${this.variant}` + (this.disabled ? ' disabled' : '');
+        return (h("button", { key: 'cfd8e89f59f914245d2c8c8c78476a36d27da859', class: className, disabled: this.disabled, type: "type", onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, h("slot", { key: '4535ee0ad60500247597e0bc127634b04dbe560e' })));
+    }
+};
+ButtonComponent.style = buttonComponentCss;
+
+export { ButtonComponent as button_component };
+
+//# sourceMappingURL=button-component.entry.js.map

package/dist/nylas-web-elements/button-component.entry.js.map

@@ -0,0 +1 @@
+{"file":"button-component.entry.esm.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,uvDAAuvD;;MCQrwD,eAAe;;;uBAEI,SAAS;wBAGX,KAAK;oBAEV,QAAQ;;;;;;;IAO/B,MAAM;QACJ,MAAM,SAAS,GAAG,UAAU,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,CAAC;QAEhF,QACE,+DACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,UAAU,EAAE,IAAI,CAAC,eAAe,EAChC,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,MAAM,EAAE,IAAI,CAAC,WAAW,IAExB,8DAAa,CACN,EACT;KACH;;;;;;","names":[],"sources":["src/components/design-system/button-component/button-component.scss?tag=button-component&encapsulation=scoped","src/components/design-system/button-component/button-component.tsx"],"sourcesContent":["@import '../../../common/mixins/buttons.scss';\n@import '../../../common/styles/variables.scss';\n\nbutton {\n  height: 48px;\n  border: none;\n  border-radius: var(--nylas-border-radius-2x);\n  font-size: 1rem;\n  line-height: 24px;\n  padding: 0 1rem;\n  cursor: pointer;\n  font-family: var(--nylas-font-family);\n  font-weight: 600;\n  &.button-primary {\n    @include primary-button;\n  }\n  &.button-basic {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-base-700);\n    background: transparent;\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-primary);\n    }\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-base-600);\n      border-width: 2px;\n    }\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n  &.button-destructive {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-error);\n    background: transparent;\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-error);\n    }\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-error-pressed);\n      border-width: 2px;\n      color: var(--nylas-error-pressed);\n    }\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\ntype ButtonType = 'primary' | 'basic' | 'destructive';\n\n@Component({\n  tag: 'button-component',\n  styleUrl: 'button-component.scss',\n  scoped: true,\n})\nexport class ButtonComponent {\n  // Define a prop to accept the button type\n  @Prop() variant: ButtonType = 'primary';\n\n  // Define a prop for disabled state\n  @Prop() disabled: boolean = false;\n\n  @Prop() type: string = 'button';\n  @Prop() clickHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOverHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOutHandler?: (event: MouseEvent) => void;\n  @Prop() focusHandler?: (event: FocusEvent) => void;\n  @Prop() blurHandler?: (event: FocusEvent) => void;\n\n  render() {\n    const className = `button-${this.variant}` + (this.disabled ? ' disabled' : '');\n\n    return (\n      <button\n        class={className}\n        disabled={this.disabled}\n        type=\"type\"\n        onClick={this.clickHandler}\n        onMouseOver={this.mouseOverHandler}\n        onMouseOut={this.mouseOutHandler}\n        onFocus={this.focusHandler}\n        onBlur={this.blurHandler}\n      >\n        <slot></slot>\n      </button>\n    );\n  }\n}\n"],"version":3}

package/dist/nylas-web-elements/calendar-cancel-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-calendar-cancel-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const CalendarCancelIcon = class {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: '09bdd81a98611d49143ed327802cee77c1e851ae', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9692e20de89c490c05ccf9800faea78c5860260d', d: "M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z", fill: "currentColor" })));
+        return (h("svg", { key: 'b5b6e78e8ee55d0df5fbfdd66102385e7440f824', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7d33712b9282fffbc652c0984048fbfa12f2b3cd', d: "M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z", fill: "currentColor" })));
     }
 };
 CalendarCancelIcon.style = iconCss;

package/dist/nylas-web-elements/calendar-check-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-calendar-check-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const CalendarCheckIcon = class {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: '128211c766d7f563df0549f5a3d15ed24c92824c', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '063233f8a8a8b823df7949caff2643c0fa5ea021', fill: "currentColor", d: "M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z" })));
+        return (h("svg", { key: 'c9750be151b809d7b877176d75205b21964b261f', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9cecc1eb1fcc8d81e120f34cab1faa643015beec', fill: "currentColor", d: "M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z" })));
     }
 };
 CalendarCheckIcon.style = iconCss;

package/dist/nylas-web-elements/calendar-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-calendar-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const CalendarIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '3511648425d3fb5cb3df268c9647cf2590d28ab0', width: this.width, height: this.height, fill: "none", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '32465f5a3184be89f1acdcc53a98158e757c22bb', fill: "currentColor", d: "M14.3073 0.692383C15.9641 0.692383 17.3073 2.03553 17.3073 3.69238V14.3078C17.3073 15.9646 15.9641 17.3078 14.3073 17.3078H3.6919C2.03504 17.3078 0.691895 15.9646 0.691895 14.3078V3.69238C0.691895 2.03553 2.03504 0.692383 3.6919 0.692383H14.3073ZM15.9227 5.76931H2.07651V14.3078C2.07651 15.1999 2.79974 15.9232 3.6919 15.9232H14.3073C15.1994 15.9232 15.9227 15.1999 15.9227 14.3078V5.76931ZM5.07651 11.3078C5.71376 11.3078 6.23036 11.8244 6.23036 12.4616C6.23036 13.0989 5.71376 13.6155 5.07651 13.6155C4.43926 13.6155 3.92266 13.0989 3.92266 12.4616C3.92266 11.8244 4.43926 11.3078 5.07651 11.3078ZM8.99959 11.3078C9.63684 11.3078 10.1534 11.8244 10.1534 12.4616C10.1534 13.0989 9.63684 13.6155 8.99959 13.6155C8.36234 13.6155 7.84574 13.0989 7.84574 12.4616C7.84574 11.8244 8.36234 11.3078 8.99959 11.3078ZM5.07651 7.61546C5.71376 7.61546 6.23036 8.13206 6.23036 8.76931C6.23036 9.40656 5.71376 9.92315 5.07651 9.92315C4.43926 9.92315 3.92266 9.40656 3.92266 8.76931C3.92266 8.13206 4.43926 7.61546 5.07651 7.61546ZM8.99959 7.61546C9.63684 7.61546 10.1534 8.13206 10.1534 8.76931C10.1534 9.40656 9.63684 9.92315 8.99959 9.92315C8.36234 9.92315 7.84574 9.40656 7.84574 8.76931C7.84574 8.13206 8.36234 7.61546 8.99959 7.61546ZM12.9227 7.61546C13.5599 7.61546 14.0765 8.13206 14.0765 8.76931C14.0765 9.40656 13.5599 9.92315 12.9227 9.92315C12.2854 9.92315 11.7688 9.40656 11.7688 8.76931C11.7688 8.13206 12.2854 7.61546 12.9227 7.61546ZM14.3073 2.077H3.6919C2.79974 2.077 2.07651 2.80023 2.07651 3.69238V4.38469H15.9227V3.69238C15.9227 2.80023 15.1994 2.077 14.3073 2.077Z" })));
+        return (h("svg", { key: 'd545aeb0d6c264d77b9c092cc09b1597b0e537c9', width: this.width, height: this.height, fill: "none", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a6ef13af57deb94b25748f5bf8bda6b45bfe18d7', fill: "currentColor", d: "M14.3073 0.692383C15.9641 0.692383 17.3073 2.03553 17.3073 3.69238V14.3078C17.3073 15.9646 15.9641 17.3078 14.3073 17.3078H3.6919C2.03504 17.3078 0.691895 15.9646 0.691895 14.3078V3.69238C0.691895 2.03553 2.03504 0.692383 3.6919 0.692383H14.3073ZM15.9227 5.76931H2.07651V14.3078C2.07651 15.1999 2.79974 15.9232 3.6919 15.9232H14.3073C15.1994 15.9232 15.9227 15.1999 15.9227 14.3078V5.76931ZM5.07651 11.3078C5.71376 11.3078 6.23036 11.8244 6.23036 12.4616C6.23036 13.0989 5.71376 13.6155 5.07651 13.6155C4.43926 13.6155 3.92266 13.0989 3.92266 12.4616C3.92266 11.8244 4.43926 11.3078 5.07651 11.3078ZM8.99959 11.3078C9.63684 11.3078 10.1534 11.8244 10.1534 12.4616C10.1534 13.0989 9.63684 13.6155 8.99959 13.6155C8.36234 13.6155 7.84574 13.0989 7.84574 12.4616C7.84574 11.8244 8.36234 11.3078 8.99959 11.3078ZM5.07651 7.61546C5.71376 7.61546 6.23036 8.13206 6.23036 8.76931C6.23036 9.40656 5.71376 9.92315 5.07651 9.92315C4.43926 9.92315 3.92266 9.40656 3.92266 8.76931C3.92266 8.13206 4.43926 7.61546 5.07651 7.61546ZM8.99959 7.61546C9.63684 7.61546 10.1534 8.13206 10.1534 8.76931C10.1534 9.40656 9.63684 9.92315 8.99959 9.92315C8.36234 9.92315 7.84574 9.40656 7.84574 8.76931C7.84574 8.13206 8.36234 7.61546 8.99959 7.61546ZM12.9227 7.61546C13.5599 7.61546 14.0765 8.13206 14.0765 8.76931C14.0765 9.40656 13.5599 9.92315 12.9227 9.92315C12.2854 9.92315 11.7688 9.40656 11.7688 8.76931C11.7688 8.13206 12.2854 7.61546 12.9227 7.61546ZM14.3073 2.077H3.6919C2.79974 2.077 2.07651 2.80023 2.07651 3.69238V4.38469H15.9227V3.69238C15.9227 2.80023 15.1994 2.077 14.3073 2.077Z" })));
     }
 };
 CalendarIcon.style = iconCss;

package/dist/nylas-web-elements/calendar-info-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-calendar-info-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const CalendarInfoIcon = class {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: '4c290eae1d55ec9df96cbe6d9ba85d5d8b7ee102', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a2a76a5d0183952d59f1d2f448dc7c460694e410', d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" })));
+        return (h("svg", { key: 'a81da147ac49427181db4dddb65aec3a24224ef7', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '95ead56b8fdb4b038cc1811615ffb5117f146920', d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" })));
     }
 };
 CalendarInfoIcon.style = iconCss;

package/dist/nylas-web-elements/calendar-patterns-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-calendar-patterns-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const CalendarPatternsIcon = class {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: 'cf8071f578ad04793f5bd5b446dccaa1f6d4c1a3', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8e8a3c7d87bc41c6d6973a34863d05d996155c1d', d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" })));
+        return (h("svg", { key: '240e5d737e5c6e987cae5c658dfbb6f60eec94c9', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7247ab8bb25c0b25173b6acf384866da1a07b59b', d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" })));
     }
 };
 CalendarPatternsIcon.style = iconCss;

package/dist/nylas-web-elements/checkmark-circle-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-checkmark-circle-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const CheckmarkCircleIcon = class {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: '391cc64dd53e54e877a74042d20890c59b1a25a1', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, h("path", { key: '9fa7b6dd7971961e6129720a4ec73af505d5c188', fill: "currentColor", d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z" })));
+        return (h("svg", { key: 'b2c5f3370d39786234f688d7d3af490815609c35', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, h("path", { key: '29a8890351fa202ef7e6f02e895a35867906c14e', fill: "currentColor", d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z" })));
     }
 };
 CheckmarkCircleIcon.style = iconCss;

package/dist/nylas-web-elements/chevron-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-chevron-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const ChevronIcon = class {
         this.height = '24';
     }
     render() {
-        return (h("svg", { key: '4237d5be45ec5b20c76f6132347abbbff3db30d3', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '3d68979af03e88ecb6725fefbd1a4d9af22aa727', fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" })));
+        return (h("svg", { key: '562280b53f626f3b197f6948393b2391042f5e5c', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '9836a2e7c9db3e83d7012fa553eae9552a11678a', fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" })));
     }
 };
 ChevronIcon.style = iconCss;

package/dist/nylas-web-elements/close-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bda1cba1.js';
+import { r as registerInstance, h } from './index-8362ce5c.js';
 
 const iconCss = ".sc-close-icon-h{display:flex}";
 
@@ -9,7 +9,7 @@ const CloseIcon = class {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: 'e58d42880affc512eb7ae18a34099340a50dc6be', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '122df83308958e375531cdaa9d057b78d36b08e3', "clip-path": "url(#a)" }, h("path", { key: '9b712ee4fa93a86f9a5609bea9233f17160bc23e', d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), h("defs", { key: '761a14ba84069f692cad52f6eafa8cafc4a36489' }, h("clipPath", { key: '6805481c67c08d9253c6a5bd7ece2688f6fe0e55', id: "a" }, h("path", { key: 'af3d03843001cd7418021a9dd216f2e2f126fc7f', fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" })))));
+        return (h("svg", { key: 'fc5bac9399bb646bdd95f084a7ba6475b2d1a69f', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '9b5ac5fac2583beb647755639af45fbe87921913', "clip-path": "url(#a)" }, h("path", { key: '96b4b222f11978135af32b3198d96e0cba77bfcd', d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), h("defs", { key: '85becca58c32c86afb041ec461e73c59945d3e14' }, h("clipPath", { key: 'c0e241158efdf7d70b42c1318c99ce4a2e019aff', id: "a" }, h("path", { key: '35e32ec342dcc97c22016b9feeac37209f2ce683', fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" })))));
     }
 };
 CloseIcon.style = iconCss;

package/dist/{esm/constants-56fee505.js → nylas-web-elements/constants-335dffcf.js}

@@ -7293,6 +7293,7 @@ const TIMEZONE_MAP = (() => {
     const timeZones = moment$1.tz.names();
     return timeZones.reduce((acc, timeZone) => {
         acc[timeZone] = timeZone.replace(/\//g, ' / ');
+        acc[timeZone] = acc[timeZone].replace(/_/g, ' ');
         return acc;
     }, {});
 })();
@@ -7319,4 +7320,4 @@ const EVENT_TITLE_TOKENS = [
 
 export { EVENT_TITLE_TOKENS as E, LANGUAGE_MAP as L, TIMEZONE_MAP as T, getTimezoneOffset as g };
 
-//# sourceMappingURL=constants-56fee505.js.map
+//# sourceMappingURL=constants-335dffcf.js.map