@nylas/web-elements 2.4.1 → 2.5.0-canary-20260306042320

package/dist/cdn/input-color-picker/input-color-picker.es.js

@@ -1111,7 +1111,7 @@ const jt = ".sc-chevron-icon-h{display:flex}", Ht = Ae(class extends ge {
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return S("svg", { key: "60dd2df5199cd3641409db56d39337e87b3dee1c", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, S("path", { key: "828c6f650110c7806b1bd2cf69499d1fb3d75c71", 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 S("svg", { key: "ff07ad8b217648f2a3c41a5fc8dff480e55b0d46", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, S("path", { key: "8b529f17c2133dbd629b436d1b58933ddaebd60a", 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" }));
   }
   static get style() {
     return jt;
@@ -1162,11 +1162,11 @@ const Pt = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
     !t.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
   }
   render() {
-    return S("div", { key: "0c54f2dc6cceec47dccc78efff9623f6ccda2a8a", class: "color-picker-container", part: "icp_color-picker", tabindex: "0", onKeyDown: (t) => this.handleKeyDown(t) }, S("input", { key: "5cb4850aba045d38e324d303558073f5a5f9d931", type: "color", ref: (t) => this.inputRef = t, id: this.name, name: this.name, value: this.selectedColor, tabindex: "-1", onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), onInput: (t) => this.handleInput(t), onChange: (t) => this.handleChange(t), onKeyDown: (t) => this.handleKeyDown(t) }), S("label", { key: "a779fe626cff4c5096bc63847644b25475be9227", part: "icp_color-picker-button", htmlFor: this.name, class: { labelBtn: !0, open: this.isOpen, error: !!this.errorMessage }, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name }, S("span", { key: "3f9fddc832c8cf5de2afdf7d62864536cde4d78f", class: "selected-option", part: "icp_color-picker-button-selected-label" }, this.selectedColor || "Select a color"), S("span", { key: "2f1aab12c1bfe6bd3d51564a7821627220bf690b", class: {
+    return S("div", { key: "9f82063aaef3c4d9424e81a9ffe197afb1feea0c", class: "color-picker-container", part: "icp_color-picker", tabindex: "0", onKeyDown: (t) => this.handleKeyDown(t) }, S("input", { key: "a80b4c10e47d1407705bb0bc54780f0c9b23c76f", type: "color", ref: (t) => this.inputRef = t, id: this.name, name: this.name, value: this.selectedColor, tabindex: "-1", onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), onInput: (t) => this.handleInput(t), onChange: (t) => this.handleChange(t), onKeyDown: (t) => this.handleKeyDown(t) }), S("label", { key: "b5e50c885ba7fd787bc0463393c322a7dce3eda9", part: "icp_color-picker-button", htmlFor: this.name, class: { labelBtn: !0, open: this.isOpen, error: !!this.errorMessage }, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name }, S("span", { key: "0ca9ea6c65b912e231644de0b3faf3a613802f9b", class: "selected-option", part: "icp_color-picker-button-selected-label" }, this.selectedColor || "Select a color"), S("span", { key: "b2e096542bc72044746d6a820bcb8cc6f3357940", class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
-    }, "aria-hidden": "true" }, S("chevron-icon", { key: "095bcca135cc98bce33f285fd51e6d9672af6d19", width: "16", height: "16" })), this.errorMessage && S("span", { key: "797be5cfdd898f22714f196d6c16f07e8a8c9347", class: "error help-text" }, this.errorMessage)));
+    }, "aria-hidden": "true" }, S("chevron-icon", { key: "02f78de8594118473ee8e96ded09b56bd1c0ae46", width: "16", height: "16" })), this.errorMessage && S("span", { key: "7ea58068cf5100f778b7ab343f757aa088ead4aa", class: "error help-text" }, this.errorMessage)));
   }
   get el() {
     return this;