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

package/dist/cjs/archive-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-archive-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const ArchiveIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '5aa6b838481a9741f602d5b1b2a9fd963a00067e', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0028df292407861bc39c00157b6b4f0bfe31dda5', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), index.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" }), index.h("path", { key: '8dbf8176c6c6a10188984e36dd985bd1a5be4b2f', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: '218c043fbf70ae2fd0db434f573e0339ad2303f8', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+        return (index.h("svg", { key: '1b52f19fba89ca7184790e5beb6e0f8b006b2531', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd9aad4815f9faabb40b6fe68827bdd483794e0c3', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), index.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" }), index.h("path", { key: 'c15b61e469283716f2127e9d0bec9cf5be9c67c1', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: 'a0ce485fc995006baa138da928b84538d65730f6', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 ArchiveIcon.style = iconCss;

package/dist/cjs/archive-icon_7.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37045c7b.js');
+const index = require('./index-7af03e3f.js');
 
 const iconCss$6 = ".sc-archive-icon-h{display:flex}";
 const ArchiveIconStyle0 = iconCss$6;
@@ -14,7 +14,7 @@ const ArchiveIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '5aa6b838481a9741f602d5b1b2a9fd963a00067e', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0028df292407861bc39c00157b6b4f0bfe31dda5', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), index.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" }), index.h("path", { key: '8dbf8176c6c6a10188984e36dd985bd1a5be4b2f', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: '218c043fbf70ae2fd0db434f573e0339ad2303f8', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+        return (index.h("svg", { key: '1b52f19fba89ca7184790e5beb6e0f8b006b2531', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd9aad4815f9faabb40b6fe68827bdd483794e0c3', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), index.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" }), index.h("path", { key: 'c15b61e469283716f2127e9d0bec9cf5be9c67c1', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: 'a0ce485fc995006baa138da928b84538d65730f6', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 ArchiveIcon.style = ArchiveIconStyle0;
@@ -29,7 +29,7 @@ const FolderIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '3426a025a15f6473ec8935df115dc65f6c21cc18', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8e567fdf1ad34121d1830b57d6f93993cf50ac6f', d: "M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z", stroke: "auto", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (index.h("svg", { key: '23af14d9c2696d6efca8e69a3a3a0166dc701ec7', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c425010a33227de1f2a966acc6b96c256c4eadcb', d: "M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z", stroke: "auto", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 FolderIcon.style = FolderIconStyle0;
@@ -44,7 +44,7 @@ const InboxIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '83c9315299965234c022458479daae837a723b1d', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '1634e316331c3536405de4fd6c2c012468eeb266', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: 'aff1e5cb4b2ba8080bacc02a674be458f885fd2a', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
+        return (index.h("svg", { key: 'e153fa9b609a6dd4f0ad200a3492beeddb7f8132', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '05b5b75c74881772330feeb0d1d1213522813905', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: 'd845bf5e1ccbe3e328be20e995c3c7713ff2b0f8', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 InboxIcon.style = InboxIconStyle0;
@@ -59,7 +59,7 @@ const SentIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: 'd1927da1cf60cceeda687ea6a8b7268c1c116fa0', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd069f3681a8b2abadc71bf0484d3967e69bb8a2d', d: "M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: 'a979d34b1cc401b338cb004988726fcf90f22b9c', d: "M3.5 3.5L12 10.5", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: '32543d78842f30aa770af247dab7ec693aa0d1a0', d: "M3.5 20.5L12 13.5", stroke: "auto", "stroke-width": "1.5" })));
+        return (index.h("svg", { key: 'b3c088995658cd0e496bbb5add5a4f937b96837d', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '314fb0dd64e67ad973dac494453e2c1bbbdc9f3d', d: "M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: 'f24cbf7ceadf6efa9676bb277fc96ac254d9c668', d: "M3.5 3.5L12 10.5", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: '491979a302745c0ecbce438405cbc392593d47dd', d: "M3.5 20.5L12 13.5", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 SentIcon.style = SentIconStyle0;
@@ -74,7 +74,7 @@ const SpamIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: 'c51debfbd7d706d9b8a671b2149c962c3976d981', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '312111850ba37e25ed97e76cffab2cc91aa430f3', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: 'b5e01a4d41a61e2bbd8f312c623ac3f6495890e2', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
+        return (index.h("svg", { key: 'a1faf60f8ef46ef4f770dda1da7d3040836faac9', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'a8a11efc172095bd69c052641ac25a2deeba649d', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: '2601512a6e12ac6f51145a3907d8d672f71e8cb4', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 SpamIcon.style = SpamIconStyle0;
@@ -89,7 +89,7 @@ const StarIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: 'b3d6fe85b2bf66e05b3fc671e968f7915e408025', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f2edd897654d1fa4afbd52d53bc2809b802a348c', d: "M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z", stroke: "auto", "stroke-width": "1.5" })));
+        return (index.h("svg", { key: 'cde183d1ecede967504e09a1163d49440cb90202', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '2e6a40a4ac879c3f7cb5fb932c54a65e86aafcf8', d: "M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 StarIcon.style = StarIconStyle0;
@@ -104,7 +104,7 @@ const TrashIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: 'a951eaf6b03ebc612562376c90fe4c2086dafedf', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '2704d484c5bbf5e501783d88e8f813c016303087', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: 'e54aecc61550e20046613fff5b278da87b02f304', 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" }), index.h("path", { key: 'bed39a5793a1bb4b9d880413d91283dadf34bfbe', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: '7e12808ff2d329da6684584f43a398beda2bc6f1', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+        return (index.h("svg", { key: '112a0f662aa55e21f66fea349837214b84582a4d', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8405d564e9ae68e68a8462b7870ca35637512051', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: 'a002ff92613dc9fb30232a5588d04a52517461c0', 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" }), index.h("path", { key: '63a384b8ae5234d01b263a7bc76313f9f95ec794', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: '58f9193d0888f843aeaa2c9ee9149e2c205f94ba', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 TrashIcon.style = TrashIconStyle0;

package/dist/cjs/arrow-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-arrow-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const ArrowIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '60eb6fe3830bcf83b515575fddac295ee46b8445', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'bc01c86926c840e985ae2dbd7edf1714b5015bc2', d: "M5 12H19M12 5L19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (index.h("svg", { key: 'db4337c46d0f73cb863335d2b838806c9a35370a', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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/cjs/bold-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-bold-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const BoldIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '31974bb21eb101d41aaebdd8199a3a5f7ce55a63', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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 (index.h("svg", { key: '9514a0bbbaf18a7dc73b2bd789efcfc09f6017f6', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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/cjs/bold-icon_3.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37045c7b.js');
+const index = require('./index-7af03e3f.js');
 
 const iconCss$2 = ".sc-bold-icon-h{display:flex}";
 const BoldIconStyle0 = iconCss$2;
@@ -14,7 +14,7 @@ const BoldIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '31974bb21eb101d41aaebdd8199a3a5f7ce55a63', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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 (index.h("svg", { key: '9514a0bbbaf18a7dc73b2bd789efcfc09f6017f6', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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 = BoldIconStyle0;
@@ -29,7 +29,7 @@ const ItalicIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '334d24d49658759a36fe114a466dd47443fa1f2a', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '40cdd3b993db4465d1df49a83884275ddc4b0ff0', stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m10 20 4-16m2 0h-4m0 16H8" })));
+        return (index.h("svg", { key: 'bf8f15ab9e1facc02a4357479916a55e95be4043', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7363a3d092b14ed99ba96510eae0e77b0718ca52', stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m10 20 4-16m2 0h-4m0 16H8" })));
     }
 };
 ItalicIcon.style = ItalicIconStyle0;
@@ -44,7 +44,7 @@ const UnderlineIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: 'b6e5d44916c83a06905cf0ffb118ce725932bf58', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'fd093da3fd9a2a06265062df2ba61ac4779c7df7', d: "M19 4V10C19 13.866 15.866 17 12 17C8.13401 17 5 13.866 5 10V4M8.5 4V10C8.5 13.2218 10.6766 15.9352 13.6395 16.7501M4 21H20M3 4L10.5 4M17 4L21 4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (index.h("svg", { key: '5e0070c733a6b740a5d0dc27e52bb12a2526479d', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'ed960c7122816d4c3eed1f7d1955c797e31c7531', d: "M19 4V10C19 13.866 15.866 17 12 17C8.13401 17 5 13.866 5 10V4M8.5 4V10C8.5 13.2218 10.6766 15.9352 13.6395 16.7501M4 21H20M3 4L10.5 4M17 4L21 4", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 UnderlineIcon.style = UnderlineIconStyle0;

package/dist/cjs/button-component.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-c14ea8f5.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) {
+        index.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 (index.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 }, index.h("slot", { key: '4535ee0ad60500247597e0bc127634b04dbe560e' })));
+    }
+};
+ButtonComponent.style = buttonComponentCss;
+
+exports.button_component = ButtonComponent;
+
+//# sourceMappingURL=button-component.cjs.entry.js.map

package/dist/cjs/button-component.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"button-component.entry.cjs.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,QACEA,qEACE,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,IAExBA,oEAAa,CACN,EACT;KACH;;;;;;","names":["h"],"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/cjs/calendar-cancel-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-calendar-cancel-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const CalendarCancelIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '09bdd81a98611d49143ed327802cee77c1e851ae', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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 (index.h("svg", { key: 'b5b6e78e8ee55d0df5fbfdd66102385e7440f824', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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/cjs/calendar-check-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-calendar-check-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const CalendarCheckIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '128211c766d7f563df0549f5a3d15ed24c92824c', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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 (index.h("svg", { key: 'c9750be151b809d7b877176d75205b21964b261f', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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/cjs/calendar-check-icon_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37045c7b.js');
+const index = require('./index-7af03e3f.js');
 
 const iconCss$1 = ".sc-calendar-check-icon-h{display:flex}";
 const CalendarCheckIconStyle0 = iconCss$1;
@@ -14,7 +14,7 @@ const CalendarCheckIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '128211c766d7f563df0549f5a3d15ed24c92824c', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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 (index.h("svg", { key: 'c9750be151b809d7b877176d75205b21964b261f', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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 = CalendarCheckIconStyle0;
@@ -29,7 +29,7 @@ const CheckmarkCircleIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '391cc64dd53e54e877a74042d20890c59b1a25a1', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index.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 (index.h("svg", { key: 'b2c5f3370d39786234f688d7d3af490815609c35', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index.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 = CheckmarkCircleIconStyle0;

package/dist/cjs/calendar-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-calendar-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const CalendarIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '3511648425d3fb5cb3df268c9647cf2590d28ab0', width: this.width, height: this.height, fill: "none", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, index.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 (index.h("svg", { key: 'd545aeb0d6c264d77b9c092cc09b1597b0e537c9', width: this.width, height: this.height, fill: "none", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, index.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/cjs/calendar-info-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-calendar-info-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const CalendarInfoIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '4c290eae1d55ec9df96cbe6d9ba85d5d8b7ee102', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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 (index.h("svg", { key: 'a81da147ac49427181db4dddb65aec3a24224ef7', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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/cjs/calendar-patterns-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-calendar-patterns-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const CalendarPatternsIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: 'cf8071f578ad04793f5bd5b446dccaa1f6d4c1a3', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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 (index.h("svg", { key: '240e5d737e5c6e987cae5c658dfbb6f60eec94c9', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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/cjs/checkmark-circle-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-checkmark-circle-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const CheckmarkCircleIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '391cc64dd53e54e877a74042d20890c59b1a25a1', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index.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 (index.h("svg", { key: 'b2c5f3370d39786234f688d7d3af490815609c35', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index.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/cjs/chevron-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ec8e2a4d.js');
+const index = require('./index-c14ea8f5.js');
 
 const iconCss = ".sc-chevron-icon-h{display:flex}";
 
@@ -13,7 +13,7 @@ const ChevronIcon = class {
         this.height = '24';
     }
     render() {
-        return (index.h("svg", { key: '4237d5be45ec5b20c76f6132347abbbff3db30d3', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, index.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 (index.h("svg", { key: '562280b53f626f3b197f6948393b2391042f5e5c', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, index.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/cjs/chevron-icon_3.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37045c7b.js');
+const index = require('./index-7af03e3f.js');
 
 const iconCss$1 = ".sc-chevron-icon-h{display:flex}";
 const ChevronIconStyle0 = iconCss$1;
@@ -14,7 +14,7 @@ const ChevronIcon = class {
         this.height = '24';
     }
     render() {
-        return (index.h("svg", { key: '4237d5be45ec5b20c76f6132347abbbff3db30d3', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, index.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 (index.h("svg", { key: '562280b53f626f3b197f6948393b2391042f5e5c', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, index.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 = ChevronIconStyle0;
@@ -29,12 +29,12 @@ const SearchIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '55b014fefee568d32972a083bc2aad02b5150fa8', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '6578bcc2101babbf7785c1a23b2e354d903d4784', fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" })));
+        return (index.h("svg", { key: '40a81a00f79c85303a904e3ef66e7833a240fff2', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'dd4c72fa1db6849fd72bfcb3fbde40f115caac11', fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" })));
     }
 };
 SearchIcon.style = SearchIconStyle0;
 
-const selectDropdownCss = ":host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}";
+const selectDropdownCss = ":host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}";
 const SelectDropdownStyle0 = selectDropdownCss;
 
 const SelectDropdown = class {
@@ -45,12 +45,25 @@ const SelectDropdown = class {
         this.options = [];
         this.defaultSelectedOption = undefined;
         this.withSearch = true;
+        this.pluralizedLabel = '';
         this.selectedOption = this.defaultSelectedOption || null;
         this.isOpen = false;
         this.searchValue = '';
         this.filteredOptions = [...this.options];
         this.ariaActivedescendant = '';
     }
+    optionsChangedHandler(newValue, oldValue) {
+        if (newValue === oldValue) {
+            return;
+        }
+        this.filteredOptions = newValue;
+    }
+    defaultSelectedOptionChangedHandler(newValue, oldValue) {
+        if (newValue.label === oldValue.label) {
+            return;
+        }
+        this.selectedOption = newValue;
+    }
     componentWillLoad() {
         this.filteredOptions = this.options;
         if (!this.selectedOption && !!this.defaultSelectedOption) {
@@ -160,13 +173,17 @@ const SelectDropdown = class {
         }
     }
     render() {
-        return (index.h("div", { key: '09bd57ac9208a30dea43c5c75c066fa9b1122ba7', class: "dropdown", part: "sd_dropdown" }, index.h("button", { key: 'b367b5a70f4144fde52cfde9586fe51bbc8637fb', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, index.h("slot", { key: '2c6f049954b4a027fba5ca996c34af18e5180454', name: "select-icon", "aria-hidden": "true" }), index.h("span", { key: 'b18e79aeb247f7d9d2947559dd10c46e4c3e06a5', class: "selected-option", part: "sd_dropdown-button-selected-label" }, this.selectedOption?.label), index.h("span", { key: '9ab323a74ee21923b9c2a66ad1a8c778bbd7605d', class: {
+        return (index.h("div", { key: '1dd936b2226461f88f99a0a60011fd1ad3fd0632', class: "dropdown", part: "sd_dropdown" }, index.h("button", { key: 'c0dca685b2ecc5aac29f4921c011db384bb3c7e2', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, index.h("slot", { key: 'caac266cfa1215b30faefee3c080a183d7ab1cc5', name: "select-icon", "aria-hidden": "true" }), index.h("span", { key: '657aec56728e36d5ef45d1a699ec3d035a54199b', class: "selected-option", part: "sd_dropdown-button-selected-label" }, this.selectedOption?.label ? `${this.selectedOption?.label + this.pluralizedLabel}` : ''), index.h("span", { key: '19adb72063e9fd6c5e65bd83ea5d2dbcd6bf41f6', class: {
                 open: this.isOpen,
                 closed: !this.isOpen,
                 chevron: true,
-            }, "aria-hidden": "true" }, index.h("chevron-icon", { key: '39cc545fcdff45bc7e77b020586a2902e8c92a37', width: "16", height: "16" }))), this.isOpen ? (index.h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (index.h("div", { class: { 'search-box': true, 'open': this.isOpen } }, index.h("search-icon", { width: "15", height: "15", class: 'icon' }), index.h("input", { type: "text", role: "combobox", placeholder: "Search", value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => (index.h("li", { tabindex: "0", key: option.value, id: option.value, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? option.labelHTML : option.label)))))) : null));
+            }, "aria-hidden": "true" }, index.h("chevron-icon", { key: 'ffffbdcb0d967e597fc609c5e3470f843594d81e', width: "16", height: "16" }))), this.isOpen ? (index.h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (index.h("div", { class: { 'search-box': true, 'open': this.isOpen } }, index.h("search-icon", { width: "15", height: "15", class: 'icon' }), index.h("input", { type: "text", role: "combobox", placeholder: "Search", value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => (index.h("li", { tabindex: "0", key: option.value, id: option.value, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? option.labelHTML : option.label)))))) : null));
     }
     get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "options": ["optionsChangedHandler"],
+        "defaultSelectedOption": ["defaultSelectedOptionChangedHandler"]
+    }; }
 };
 SelectDropdown.style = SelectDropdownStyle0;