@sula-tech/webcomponents 0.22.0 → 0.23.1

package/dist/webcomponents/{p-c552c435.entry.js → p-705e2424.entry.js}

@@ -164,7 +164,7 @@ const f = class {
   render() {
     const e = this.intent;
     return t(r, {
-      key: "be9ec64bd756310cbc5a41d218ff47c53f04de54",
+      key: "50370f6063bd87ddcbfefc45987c04eb602ab9ea",
       onMouseEnter: () => this.setHover(true),
       onMouseLeave: () => this.setHover(false),
       onFocusin: () => {
@@ -173,45 +173,45 @@ const f = class {
       },
       onFocusout: this.handleFocusOut
     }, t("div", {
-      key: "712abcedfd6615db3de20ac66acd872f34db2737",
+      key: "4334d01b1188afc4663ebadc48a84dcb4d393c99",
       part: "container",
       class: `toast-surface relative isolate box-border flex items-center w-full p-16 gap-12 rounded-sm border bg-opacity-toast ${e.border} ${this.animated ? "toast-surface--animated" : ""}`,
       style: {
         "--toast-border-color": e.borderColor
       }
     }, this.icon && t("div", {
-      key: "656903d50bf672c3058c1ff1aa564a8f25ec4a71",
+      key: "b87bf80bd8932414ae5d709e2be0d5feaefd3a8e",
       part: "icon",
       "aria-hidden": "true",
       class: `flex shrink-0 items-center justify-center w-44 h-44 rounded-xxl ${e.background}`
     }, t("sula-icon", {
-      key: "649ec85c3ffe3c1d8ba49301df36dafcef68df19",
+      key: "b6f18a65ceab18e373f1fda59142b0eab3c575cf",
       icon: this.icon,
       customClass: `text-2xl ${e.color}`,
       class: "flex leading-none"
     })), t("div", {
-      key: "7c0259e7e101e37f740fc44f56ed6b8aba89ebce",
+      key: "bff56cc0964d97824221c48d91e876ac6110df47",
       part: "content",
       class: `flex min-w-0 flex-1 flex-col gap-8 ${this.closable ? "pr-48" : ""}`
     }, t("div", {
-      key: "a8d4be58976ba60577b72fb18cf5adde5302e4a9",
+      key: "c6d1d46a7f255cfda53e4883c6164370bee8a534",
       class: "flex flex-col gap-4"
     }, this.toastTitle && t("p", {
-      key: "a68c9bef629be007bf7e8e2fe9e171103f0da293",
+      key: "110d11cb987cca1f426adb43b411ad20ba95a21d",
       class: "toast-copy toast-title text-label-medium-bold text-text-primary",
       title: this.toastTitle
     }, this.toastTitle), this.message && t("p", {
-      key: "fd3df25e0dbb73a322e55f5464699c6b36dc558c",
+      key: "afd5df30339ed228d417cbee8b3795077d5c9b69",
       class: "toast-copy toast-message text-label-medium-regular text-text-secondary",
       title: this.message
     }, this.message)), this.actionText && t("button", {
-      key: "a64c83ed689f099928ed8e89ddfbd1a29f9d7d37",
+      key: "4a332f3df90a682960f7569e42d4be89d897b429",
       type: "button",
       class: `toast-copy toast-action self-start text-left text-label-medium-bold text-text-link underline rounded ${c}`,
       title: this.actionText,
       onClick: () => this.toastAction.emit()
     }, this.actionText)), this.closable && t("button", {
-      key: "ec4cb316444689bc05aa176f86b51c1b6d5e88af",
+      key: "927e70871fc1c94404dddfb33095e7713870d18a",
       part: "close-button",
       type: "button",
       "aria-label": this.closeLabel,
@@ -220,28 +220,28 @@ const f = class {
         reason: "close"
       })
     }, t("sula-icon", {
-      key: "9be25e6384c6a154a359a15ab2ec0d732befe282",
+      key: "4e0a9b4ad00ab928eb470b09dec7dc0793706a81",
       "aria-hidden": "true",
       icon: "ph ph-x",
       customClass: "text-2xl",
       class: "flex leading-none"
     })), t("svg", {
-      key: "8996d6309d39d79e5db7671fcbd8c1b6cbfeda5c",
+      key: "328c4ab25330dd17918b1cad64eb05ab1feb8546",
       class: "toast-border",
       "aria-hidden": "true",
       focusable: "false"
     }, t("rect", {
-      key: "141c0776c32283daef59b261b04e4059beee3aca",
+      key: "6896a2bb9f74b96faef4d0e12c01d537f61fc36c",
       class: "toast-border__path",
       pathLength: "1"
     }))), t("div", {
-      key: "318987642827371f72b5754827c8019a6a1b968a",
+      key: "13b17899ac49ffae21d73155b691a13e3b5e2f5f",
       class: "sr-only",
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true"
     }, this.announcement === "polite" ? this.announcedText : ""), t("div", {
-      key: "6c1e12a9c15f11afb7f517d911441a868978c2ba",
+      key: "589a7c8956b6952b55cc5383a74cf339db86ad19",
       class: "sr-only",
       role: "alert",
       "aria-live": "assertive",
@@ -267,4 +267,4 @@ f.style = l;
 
 export { f as sula_toast };
 //# sourceMappingURL=sula-toast.entry.esm.js.map
-//# sourceMappingURL=p-c552c435.entry.js.map
+//# sourceMappingURL=p-705e2424.entry.js.map

package/dist/webcomponents/webcomponents.esm.js

@@ -15,7 +15,7 @@ export { s as setNonce } from "./p-BL15Tt3m.js";
 
 patchBrowser().then((async e => {
   await t();
-  return a([ [ "p-22b10b91", [ [ 1, "sula-icon-picker", {
+  return a([ [ "p-20b3135d", [ [ 1, "sula-icon-picker", {
     label: [ 1025 ],
     required: [ 1028 ],
     disabled: [ 1028 ],
@@ -74,6 +74,7 @@ patchBrowser().then((async e => {
     text: [ 1025 ],
     appearance: [ 1025 ],
     disabled: [ 1028 ],
+    icon: [ 1 ],
     items: [ 1040 ],
     itemsPlacement: [ 1025, "items-placement" ],
     selected: [ 1028 ],
@@ -262,7 +263,7 @@ patchBrowser().then((async e => {
   } ], [ 0, "sula-icon", {
     icon: [ 1 ],
     customClass: [ 1, "custom-class" ]
-  } ] ] ], [ "p-c552c435", [ [ 1, "sula-toast", {
+  } ] ] ], [ "p-705e2424", [ [ 1, "sula-toast", {
     toastTitle: [ 1, "toast-title" ],
     message: [ 1 ],
     type: [ 1 ],
@@ -282,7 +283,7 @@ patchBrowser().then((async e => {
     duration: [ "handleContentChange" ],
     announcement: [ "updateAnnouncement" ],
     paused: [ "updateTimeout" ]
-  } ] ] ], [ "p-df271629", [ [ 1, "sula-toast-stack", {
+  } ] ] ], [ "p-18c84807", [ [ 1, "sula-toast-stack", {
     items: [ 16 ],
     hovering: [ 32 ],
     focused: [ 32 ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sula-tech/webcomponents",
-  "version": "0.22.0",
+  "version": "0.23.1",
   "description": "A web component library built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",