@getflip/swirl-components 0.189.0 → 0.191.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-mark-chat-read.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconMarkChatRead {
-    constructor() {
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'd46a7009303ff306454196dbf8ab2ce3996b7dbc', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '6c20ba0d6d97e1ff96dd196c401c9a6eaa29fb45' }, h("path", { key: '297764ca2a09349ba5f561343dc643e83ceba589', d: "M11.5666 11.45L13.9333 9.08331C14.0666 8.94998 14.2222 8.88609 14.4 8.89165C14.5778 8.8972 14.7333 8.96665 14.8666 9.09998C14.9889 9.23331 15.0528 9.38887 15.0583 9.56665C15.0639 9.74442 15 9.89998 14.8666 10.0333L12.0333 12.8666C11.9 13 11.7444 13.0666 11.5666 13.0666C11.3889 13.0666 11.2333 13 11.1 12.8666L9.68331 11.4333C9.56109 11.3111 9.4972 11.1583 9.49165 10.975C9.48609 10.7916 9.54998 10.6333 9.68331 10.5C9.80554 10.3778 9.96109 10.3166 10.15 10.3166C10.3389 10.3166 10.4944 10.3778 10.6166 10.5L11.5666 11.45ZM3.99998 12L2.46665 13.5333C2.25554 13.7444 2.01387 13.7916 1.74165 13.675C1.46942 13.5583 1.33331 13.35 1.33331 13.05V2.66665C1.33331 2.29998 1.46387 1.98609 1.72498 1.72498C1.98609 1.46387 2.29998 1.33331 2.66665 1.33331H13.3333C13.7 1.33331 14.0139 1.46387 14.275 1.72498C14.5361 1.98609 14.6666 2.29998 14.6666 2.66665V6.66665C14.6666 6.85553 14.6028 7.01387 14.475 7.14165C14.3472 7.26942 14.1889 7.33331 14 7.33331C13.8111 7.33331 13.6528 7.26942 13.525 7.14165C13.3972 7.01387 13.3333 6.85553 13.3333 6.66665V2.66665H2.66665V11.4166L3.43331 10.6666H7.33331C7.5222 10.6666 7.68054 10.7305 7.80831 10.8583C7.93609 10.9861 7.99998 11.1444 7.99998 11.3333C7.99998 11.5222 7.93609 11.6805 7.80831 11.8083C7.68054 11.9361 7.5222 12 7.33331 12H3.99998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b21f0166f2db5d5942e36c0516970b86b7902cde' }, h("path", { key: 'd9e604e7a8fa50e413072837eb3687307fa91958', d: "M17.35 18.175L20.9 14.625C21.1 14.425 21.3333 14.3292 21.6 14.3375C21.8667 14.3458 22.1 14.45 22.3 14.65C22.4833 14.85 22.5792 15.0833 22.5875 15.35C22.5958 15.6167 22.5 15.85 22.3 16.05L18.05 20.3C17.85 20.5 17.6167 20.6 17.35 20.6C17.0833 20.6 16.85 20.5 16.65 20.3L14.525 18.15C14.3417 17.9667 14.2458 17.7375 14.2375 17.4625C14.2292 17.1875 14.325 16.95 14.525 16.75C14.7083 16.5667 14.9417 16.475 15.225 16.475C15.5083 16.475 15.7417 16.5667 15.925 16.75L17.35 18.175ZM6 19L3.7 21.3C3.38333 21.6167 3.02083 21.6875 2.6125 21.5125C2.20417 21.3375 2 21.025 2 20.575V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V11C22 11.2833 21.9042 11.5208 21.7125 11.7125C21.5208 11.9042 21.2833 12 21 12C20.7167 12 20.4792 11.9042 20.2875 11.7125C20.0958 11.5208 20 11.2833 20 11V5H4V18.125L5.15 17H11C11.2833 17 11.5208 17.0958 11.7125 17.2875C11.9042 17.4792 12 17.7167 12 18C12 18.2833 11.9042 18.5208 11.7125 18.7125C11.5208 18.9042 11.2833 19 11 19H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '8afdebf553b22194c1e994285e844bf79e7c67ca' }, h("path", { key: 'ac67e719e0f0d0c12f3611d8e16f1fa8365fd8a5', d: "M20.2416 20.0375L24.3833 15.8958C24.6166 15.6625 24.8889 15.5507 25.2 15.5604C25.5111 15.5701 25.7833 15.6916 26.0166 15.925C26.2305 16.1583 26.3423 16.4305 26.3521 16.7416C26.3618 17.0528 26.25 17.325 26.0166 17.5583L21.0583 22.5166C20.825 22.75 20.5528 22.8666 20.2416 22.8666C19.9305 22.8666 19.6583 22.75 19.425 22.5166L16.9458 20.0083C16.7319 19.7944 16.6201 19.5271 16.6104 19.2062C16.6007 18.8854 16.7125 18.6083 16.9458 18.375C17.1597 18.1611 17.4319 18.0541 17.7625 18.0541C18.093 18.0541 18.3653 18.1611 18.5791 18.375L20.2416 20.0375ZM6.99998 21L4.31665 23.6833C3.9472 24.0528 3.52429 24.1354 3.0479 23.9312C2.57151 23.7271 2.33331 23.3625 2.33331 22.8375V4.66665C2.33331 4.02498 2.56179 3.47567 3.01873 3.01873C3.47567 2.56179 4.02498 2.33331 4.66665 2.33331H23.3333C23.975 2.33331 24.5243 2.56179 24.9812 3.01873C25.4382 3.47567 25.6666 4.02498 25.6666 4.66665V11.6666C25.6666 11.9972 25.5548 12.2743 25.3312 12.4979C25.1076 12.7215 24.8305 12.8333 24.5 12.8333C24.1694 12.8333 23.8923 12.7215 23.6687 12.4979C23.4451 12.2743 23.3333 11.9972 23.3333 11.6666V4.66665H4.66665V19.9791L6.00831 18.6666H12.8333C13.1639 18.6666 13.441 18.7785 13.6646 19.0021C13.8882 19.2257 14 19.5028 14 19.8333C14 20.1639 13.8882 20.441 13.6646 20.6646C13.441 20.8882 13.1639 21 12.8333 21H6.99998Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-mark-chat-read"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "SwirlIconColor",
-                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-                    "references": {
-                        "SwirlIconColor": {
-                            "location": "import",
-                            "path": "../swirl-icon",
-                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "color",
-                "reflect": false
-            },
-            "size": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "SwirlIconSize",
-                    "resolved": "16 | 20 | 24 | 28",
-                    "references": {
-                        "SwirlIconSize": {
-                            "location": "import",
-                            "path": "../swirl-icon.types",
-                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "size",
-                "reflect": false,
-                "defaultValue": "24"
+  constructor() {
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M11.5666 11.45L13.9333 9.08331C14.0666 8.94998 14.2222 8.88609 14.4 8.89165C14.5778 8.8972 14.7333 8.96665 14.8666 9.09998C14.9889 9.23331 15.0528 9.38887 15.0583 9.56665C15.0639 9.74442 15 9.89998 14.8666 10.0333L12.0333 12.8666C11.9 13 11.7444 13.0666 11.5666 13.0666C11.3889 13.0666 11.2333 13 11.1 12.8666L9.68331 11.4333C9.56109 11.3111 9.4972 11.1583 9.49165 10.975C9.48609 10.7916 9.54998 10.6333 9.68331 10.5C9.80554 10.3778 9.96109 10.3166 10.15 10.3166C10.3389 10.3166 10.4944 10.3778 10.6166 10.5L11.5666 11.45ZM3.99998 12L2.46665 13.5333C2.25554 13.7444 2.01387 13.7916 1.74165 13.675C1.46942 13.5583 1.33331 13.35 1.33331 13.05V2.66665C1.33331 2.29998 1.46387 1.98609 1.72498 1.72498C1.98609 1.46387 2.29998 1.33331 2.66665 1.33331H13.3333C13.7 1.33331 14.0139 1.46387 14.275 1.72498C14.5361 1.98609 14.6666 2.29998 14.6666 2.66665V6.66665C14.6666 6.85553 14.6028 7.01387 14.475 7.14165C14.3472 7.26942 14.1889 7.33331 14 7.33331C13.8111 7.33331 13.6528 7.26942 13.525 7.14165C13.3972 7.01387 13.3333 6.85553 13.3333 6.66665V2.66665H2.66665V11.4166L3.43331 10.6666H7.33331C7.5222 10.6666 7.68054 10.7305 7.80831 10.8583C7.93609 10.9861 7.99998 11.1444 7.99998 11.3333C7.99998 11.5222 7.93609 11.6805 7.80831 11.8083C7.68054 11.9361 7.5222 12 7.33331 12H3.99998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M17.35 18.175L20.9 14.625C21.1 14.425 21.3333 14.3292 21.6 14.3375C21.8667 14.3458 22.1 14.45 22.3 14.65C22.4833 14.85 22.5792 15.0833 22.5875 15.35C22.5958 15.6167 22.5 15.85 22.3 16.05L18.05 20.3C17.85 20.5 17.6167 20.6 17.35 20.6C17.0833 20.6 16.85 20.5 16.65 20.3L14.525 18.15C14.3417 17.9667 14.2458 17.7375 14.2375 17.4625C14.2292 17.1875 14.325 16.95 14.525 16.75C14.7083 16.5667 14.9417 16.475 15.225 16.475C15.5083 16.475 15.7417 16.5667 15.925 16.75L17.35 18.175ZM6 19L3.7 21.3C3.38333 21.6167 3.02083 21.6875 2.6125 21.5125C2.20417 21.3375 2 21.025 2 20.575V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V11C22 11.2833 21.9042 11.5208 21.7125 11.7125C21.5208 11.9042 21.2833 12 21 12C20.7167 12 20.4792 11.9042 20.2875 11.7125C20.0958 11.5208 20 11.2833 20 11V5H4V18.125L5.15 17H11C11.2833 17 11.5208 17.0958 11.7125 17.2875C11.9042 17.4792 12 17.7167 12 18C12 18.2833 11.9042 18.5208 11.7125 18.7125C11.5208 18.9042 11.2833 19 11 19H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M20.2416 20.0375L24.3833 15.8958C24.6166 15.6625 24.8889 15.5507 25.2 15.5604C25.5111 15.5701 25.7833 15.6916 26.0166 15.925C26.2305 16.1583 26.3423 16.4305 26.3521 16.7416C26.3618 17.0528 26.25 17.325 26.0166 17.5583L21.0583 22.5166C20.825 22.75 20.5528 22.8666 20.2416 22.8666C19.9305 22.8666 19.6583 22.75 19.425 22.5166L16.9458 20.0083C16.7319 19.7944 16.6201 19.5271 16.6104 19.2062C16.6007 18.8854 16.7125 18.6083 16.9458 18.375C17.1597 18.1611 17.4319 18.0541 17.7625 18.0541C18.093 18.0541 18.3653 18.1611 18.5791 18.375L20.2416 20.0375ZM6.99998 21L4.31665 23.6833C3.9472 24.0528 3.52429 24.1354 3.0479 23.9312C2.57151 23.7271 2.33331 23.3625 2.33331 22.8375V4.66665C2.33331 4.02498 2.56179 3.47567 3.01873 3.01873C3.47567 2.56179 4.02498 2.33331 4.66665 2.33331H23.3333C23.975 2.33331 24.5243 2.56179 24.9812 3.01873C25.4382 3.47567 25.6666 4.02498 25.6666 4.66665V11.6666C25.6666 11.9972 25.5548 12.2743 25.3312 12.4979C25.1076 12.7215 24.8305 12.8333 24.5 12.8333C24.1694 12.8333 23.8923 12.7215 23.6687 12.4979C23.4451 12.2743 23.3333 11.9972 23.3333 11.6666V4.66665H4.66665V19.9791L6.00831 18.6666H12.8333C13.1639 18.6666 13.441 18.7785 13.6646 19.0021C13.8882 19.2257 14 19.5028 14 19.8333C14 20.1639 13.8882 20.441 13.6646 20.6646C13.441 20.8882 13.1639 21 12.8333 21H6.99998Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-mark-chat-read"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconColor",
+          "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "references": {
+            "SwirlIconColor": {
+              "location": "import",
+              "path": "../swirl-icon"
             }
-        };
-    }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      },
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-mark-chat-unread.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconMarkChatUnread {
-    constructor() {
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '48d521a0eff1c9c669c56b769957181016d91bb4', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '7abc15f6a0ea7e49c03b333170394386840edf16' }, h("path", { key: '71ce754a2c7af3b59c0994975d77c435f492db02', d: "M3.99998 12L2.46665 13.5333C2.25554 13.7444 2.01387 13.7917 1.74165 13.675C1.46942 13.5583 1.33331 13.35 1.33331 13.05V2.66667C1.33331 2.3 1.46387 1.98611 1.72498 1.725C1.98609 1.46389 2.29998 1.33333 2.66665 1.33333H9.39998C9.35553 1.55556 9.33331 1.77778 9.33331 2C9.33331 2.22222 9.35553 2.44444 9.39998 2.66667H2.66665V10.6667H13.3333V5.26667C13.5889 5.21111 13.8278 5.13611 14.05 5.04167C14.2722 4.94722 14.4778 4.82222 14.6666 4.66667V10.6667C14.6666 11.0333 14.5361 11.3472 14.275 11.6083C14.0139 11.8694 13.7 12 13.3333 12H3.99998ZM12.6666 4C12.1111 4 11.6389 3.80556 11.25 3.41667C10.8611 3.02778 10.6666 2.55556 10.6666 2C10.6666 1.44444 10.8611 0.972222 11.25 0.583333C11.6389 0.194444 12.1111 0 12.6666 0C13.2222 0 13.6944 0.194444 14.0833 0.583333C14.4722 0.972222 14.6666 1.44444 14.6666 2C14.6666 2.55556 14.4722 3.02778 14.0833 3.41667C13.6944 3.80556 13.2222 4 12.6666 4Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '828f7584809290c71d4cc05874414be02ae231ff' }, h("path", { key: 'fb9d805fb5e8d11729d413d75bc85c34d0c8dbe0', d: "M6 18L3.7 20.3C3.38333 20.6167 3.02083 20.6875 2.6125 20.5125C2.20417 20.3375 2 20.025 2 19.575V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H14.1C14.0333 2.33333 14 2.66667 14 3C14 3.33333 14.0333 3.66667 14.1 4H4V16H20V7.9C20.3833 7.81667 20.7417 7.70417 21.075 7.5625C21.4083 7.42083 21.7167 7.23333 22 7V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6ZM19 6C18.1667 6 17.4583 5.70833 16.875 5.125C16.2917 4.54167 16 3.83333 16 3C16 2.16667 16.2917 1.45833 16.875 0.875C17.4583 0.291667 18.1667 0 19 0C19.8333 0 20.5417 0.291667 21.125 0.875C21.7083 1.45833 22 2.16667 22 3C22 3.83333 21.7083 4.54167 21.125 5.125C20.5417 5.70833 19.8333 6 19 6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'c3ff9e7805a7007ac3b26ebb46e67050170c9b3a' }, h("path", { key: '8a852886ab616156691b957975994f2d84e8b204', d: "M7.00001 21L4.31668 23.6833C3.94723 24.0528 3.52432 24.1354 3.04793 23.9313C2.57154 23.7271 2.33334 23.3625 2.33334 22.8375V4.66667C2.33334 4.025 2.56182 3.47569 3.01876 3.01875C3.4757 2.56181 4.02501 2.33333 4.66668 2.33333H16.45C16.3722 2.72222 16.3333 3.11111 16.3333 3.5C16.3333 3.88889 16.3722 4.27778 16.45 4.66667H4.66668V18.6667H23.3333V9.21667C23.7806 9.11944 24.1986 8.98819 24.5875 8.82292C24.9764 8.65764 25.3361 8.43889 25.6667 8.16667V18.6667C25.6667 19.3083 25.4382 19.8576 24.9813 20.3146C24.5243 20.7715 23.975 21 23.3333 21H7.00001ZM22.1667 7C21.1945 7 20.3681 6.65972 19.6875 5.97917C19.007 5.29861 18.6667 4.47222 18.6667 3.5C18.6667 2.52778 19.007 1.70139 19.6875 1.02083C20.3681 0.340278 21.1945 0 22.1667 0C23.1389 0 23.9653 0.340278 24.6458 1.02083C25.3264 1.70139 25.6667 2.52778 25.6667 3.5C25.6667 4.47222 25.3264 5.29861 24.6458 5.97917C23.9653 6.65972 23.1389 7 22.1667 7Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-mark-chat-unread"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "SwirlIconColor",
-                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-                    "references": {
-                        "SwirlIconColor": {
-                            "location": "import",
-                            "path": "../swirl-icon",
-                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "color",
-                "reflect": false
-            },
-            "size": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "SwirlIconSize",
-                    "resolved": "16 | 20 | 24 | 28",
-                    "references": {
-                        "SwirlIconSize": {
-                            "location": "import",
-                            "path": "../swirl-icon.types",
-                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "size",
-                "reflect": false,
-                "defaultValue": "24"
+  constructor() {
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M3.99998 12L2.46665 13.5333C2.25554 13.7444 2.01387 13.7917 1.74165 13.675C1.46942 13.5583 1.33331 13.35 1.33331 13.05V2.66667C1.33331 2.3 1.46387 1.98611 1.72498 1.725C1.98609 1.46389 2.29998 1.33333 2.66665 1.33333H9.39998C9.35553 1.55556 9.33331 1.77778 9.33331 2C9.33331 2.22222 9.35553 2.44444 9.39998 2.66667H2.66665V10.6667H13.3333V5.26667C13.5889 5.21111 13.8278 5.13611 14.05 5.04167C14.2722 4.94722 14.4778 4.82222 14.6666 4.66667V10.6667C14.6666 11.0333 14.5361 11.3472 14.275 11.6083C14.0139 11.8694 13.7 12 13.3333 12H3.99998ZM12.6666 4C12.1111 4 11.6389 3.80556 11.25 3.41667C10.8611 3.02778 10.6666 2.55556 10.6666 2C10.6666 1.44444 10.8611 0.972222 11.25 0.583333C11.6389 0.194444 12.1111 0 12.6666 0C13.2222 0 13.6944 0.194444 14.0833 0.583333C14.4722 0.972222 14.6666 1.44444 14.6666 2C14.6666 2.55556 14.4722 3.02778 14.0833 3.41667C13.6944 3.80556 13.2222 4 12.6666 4Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 18L3.7 20.3C3.38333 20.6167 3.02083 20.6875 2.6125 20.5125C2.20417 20.3375 2 20.025 2 19.575V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H14.1C14.0333 2.33333 14 2.66667 14 3C14 3.33333 14.0333 3.66667 14.1 4H4V16H20V7.9C20.3833 7.81667 20.7417 7.70417 21.075 7.5625C21.4083 7.42083 21.7167 7.23333 22 7V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6ZM19 6C18.1667 6 17.4583 5.70833 16.875 5.125C16.2917 4.54167 16 3.83333 16 3C16 2.16667 16.2917 1.45833 16.875 0.875C17.4583 0.291667 18.1667 0 19 0C19.8333 0 20.5417 0.291667 21.125 0.875C21.7083 1.45833 22 2.16667 22 3C22 3.83333 21.7083 4.54167 21.125 5.125C20.5417 5.70833 19.8333 6 19 6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M7.00001 21L4.31668 23.6833C3.94723 24.0528 3.52432 24.1354 3.04793 23.9313C2.57154 23.7271 2.33334 23.3625 2.33334 22.8375V4.66667C2.33334 4.025 2.56182 3.47569 3.01876 3.01875C3.4757 2.56181 4.02501 2.33333 4.66668 2.33333H16.45C16.3722 2.72222 16.3333 3.11111 16.3333 3.5C16.3333 3.88889 16.3722 4.27778 16.45 4.66667H4.66668V18.6667H23.3333V9.21667C23.7806 9.11944 24.1986 8.98819 24.5875 8.82292C24.9764 8.65764 25.3361 8.43889 25.6667 8.16667V18.6667C25.6667 19.3083 25.4382 19.8576 24.9813 20.3146C24.5243 20.7715 23.975 21 23.3333 21H7.00001ZM22.1667 7C21.1945 7 20.3681 6.65972 19.6875 5.97917C19.007 5.29861 18.6667 4.47222 18.6667 3.5C18.6667 2.52778 19.007 1.70139 19.6875 1.02083C20.3681 0.340278 21.1945 0 22.1667 0C23.1389 0 23.9653 0.340278 24.6458 1.02083C25.3264 1.70139 25.6667 2.52778 25.6667 3.5C25.6667 4.47222 25.3264 5.29861 24.6458 5.97917C23.9653 6.65972 23.1389 7 22.1667 7Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-mark-chat-unread"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconColor",
+          "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "references": {
+            "SwirlIconColor": {
+              "location": "import",
+              "path": "../swirl-icon"
             }
-        };
-    }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      },
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-mention.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconMention {
-    constructor() {
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'a0223a67f45b187bad64b1f6c12029f56b70c34a', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'c6fb6c468800d9cfbc60bbc2c746b404b65d2236' }, h("path", { key: '1da9c4ba7431245db807b42b05bc3bd01370e5e3', d: "M8.00001 14.7833C7.06668 14.7833 6.1889 14.6056 5.36668 14.25C4.54445 13.8945 3.8249 13.4085 3.20801 12.792C2.59156 12.1751 2.10556 11.4556 1.75001 10.6333C1.39445 9.81112 1.21667 8.93334 1.21667 8.00001C1.21667 7.06668 1.39445 6.1889 1.75001 5.36668C2.10556 4.54445 2.59156 3.8249 3.20801 3.20801C3.8249 2.59156 4.54445 2.10556 5.36668 1.75001C6.1889 1.39445 7.06668 1.21667 8.00001 1.21667C8.93334 1.21667 9.81112 1.39445 10.6333 1.75001C11.4556 2.10556 12.1751 2.59156 12.792 3.20801C13.4085 3.8249 13.8945 4.54445 14.25 5.36668C14.6056 6.1889 14.7833 7.06668 14.7833 8.00001V8.96668C14.7833 9.65556 14.5529 10.2333 14.092 10.7C13.6307 11.1667 13.0556 11.4 12.3667 11.4C11.9556 11.4 11.5749 11.3085 11.2247 11.1253C10.8749 10.9418 10.5889 10.7 10.3667 10.4C10.0778 10.7111 9.73068 10.9556 9.32534 11.1333C8.91956 11.3111 8.47779 11.4 8.00001 11.4C7.06668 11.4 6.26667 11.0696 5.60001 10.4087C4.93334 9.74734 4.60001 8.94445 4.60001 8.00001C4.60001 7.06668 4.93334 6.26667 5.60001 5.60001C6.26667 4.93334 7.06668 4.60001 8.00001 4.60001C8.94445 4.60001 9.74734 4.93045 10.4087 5.59134C11.0696 6.25268 11.4 7.05556 11.4 8.00001V8.93334C11.4 9.24445 11.4945 9.4889 11.6833 9.66668C11.8722 9.84445 12.1 9.93334 12.3667 9.93334C12.6222 9.93334 12.8471 9.84445 13.0413 9.66668C13.236 9.4889 13.3333 9.24445 13.3333 8.93334V8.00001C13.3333 6.54445 12.8082 5.29156 11.758 4.24134C10.7082 3.19156 9.45556 2.66667 8.00001 2.66667C6.54445 2.66667 5.29156 3.19156 4.24134 4.24134C3.19156 5.29156 2.66667 6.54445 2.66667 8.00001C2.66667 9.45556 3.19156 10.7082 4.24134 11.758C5.29156 12.8082 6.54445 13.3333 8.00001 13.3333H10.6C10.8111 13.3333 10.9862 13.4027 11.1253 13.5413C11.264 13.6805 11.3333 13.8556 11.3333 14.0667C11.3333 14.2667 11.264 14.4362 11.1253 14.5753C10.9862 14.714 10.8111 14.7833 10.6 14.7833H8.00001ZM8.00001 9.93334C8.53334 9.93334 8.9889 9.74445 9.36668 9.36668C9.74445 8.9889 9.93334 8.53334 9.93334 8.00001C9.93334 7.46668 9.74445 7.01112 9.36668 6.63334C8.9889 6.25556 8.53334 6.06668 8.00001 6.06668C7.46668 6.06668 7.01112 6.25556 6.63334 6.63334C6.25556 7.01112 6.06668 7.46668 6.06668 8.00001C6.06668 8.53334 6.25556 8.9889 6.63334 9.36668C7.01112 9.74445 7.46668 9.93334 8.00001 9.93334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '151382f7ddce6560e6b932d235a18fcfb92acc93' }, h("path", { key: '0f31abb75766a7b24fb43a4fa4b3a6b8ca9cafa8', d: "M12 22.175C10.6 22.175 9.28335 21.9083 8.05001 21.375C6.81668 20.8417 5.73735 20.1127 4.81201 19.188C3.88735 18.2627 3.15835 17.1833 2.62501 15.95C2.09168 14.7167 1.82501 13.4 1.82501 12C1.82501 10.6 2.09168 9.28335 2.62501 8.05001C3.15835 6.81668 3.88735 5.73735 4.81201 4.81201C5.73735 3.88735 6.81668 3.15835 8.05001 2.62501C9.28335 2.09168 10.6 1.82501 12 1.82501C13.4 1.82501 14.7167 2.09168 15.95 2.62501C17.1833 3.15835 18.2627 3.88735 19.188 4.81201C20.1127 5.73735 20.8417 6.81668 21.375 8.05001C21.9083 9.28335 22.175 10.6 22.175 12V13.45C22.175 14.4833 21.8293 15.35 21.138 16.05C20.446 16.75 19.5833 17.1 18.55 17.1C17.9333 17.1 17.3623 16.9627 16.837 16.688C16.3123 16.4127 15.8833 16.05 15.55 15.6C15.1167 16.0667 14.596 16.4333 13.988 16.7C13.3793 16.9667 12.7167 17.1 12 17.1C10.6 17.1 9.40001 16.6043 8.40001 15.613C7.40001 14.621 6.90001 13.4167 6.90001 12C6.90001 10.6 7.40001 9.40001 8.40001 8.40001C9.40001 7.40001 10.6 6.90001 12 6.90001C13.4167 6.90001 14.621 7.39568 15.613 8.38701C16.6043 9.37901 17.1 10.5833 17.1 12V13.4C17.1 13.8667 17.2417 14.2333 17.525 14.5C17.8083 14.7667 18.15 14.9 18.55 14.9C18.9333 14.9 19.2707 14.7667 19.562 14.5C19.854 14.2333 20 13.8667 20 13.4V12C20 9.81668 19.2123 7.93735 17.637 6.36201C16.0623 4.78735 14.1833 4.00001 12 4.00001C9.81668 4.00001 7.93735 4.78735 6.36201 6.36201C4.78735 7.93735 4.00001 9.81668 4.00001 12C4.00001 14.1833 4.78735 16.0623 6.36201 17.637C7.93735 19.2123 9.81668 20 12 20H15.9C16.2167 20 16.4793 20.104 16.688 20.312C16.896 20.5207 17 20.7833 17 21.1C17 21.4 16.896 21.6543 16.688 21.863C16.4793 22.071 16.2167 22.175 15.9 22.175H12ZM12 14.9C12.8 14.9 13.4833 14.6167 14.05 14.05C14.6167 13.4833 14.9 12.8 14.9 12C14.9 11.2 14.6167 10.5167 14.05 9.95001C13.4833 9.38335 12.8 9.10001 12 9.10001C11.2 9.10001 10.5167 9.38335 9.95001 9.95001C9.38335 10.5167 9.10001 11.2 9.10001 12C9.10001 12.8 9.38335 13.4833 9.95001 14.05C10.5167 14.6167 11.2 14.9 12 14.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f30ef2161e7aac27f55accd24666bf7a42b14285' }, h("path", { key: '24afeed5f2180365569f8144a1b7486192c464fc', d: "M14 25.8708C12.3667 25.8708 10.8306 25.5597 9.39168 24.9375C7.95279 24.3153 6.69357 23.4648 5.61401 22.386C4.53524 21.3064 3.68474 20.0472 3.06251 18.6083C2.44029 17.1694 2.12918 15.6333 2.12918 14C2.12918 12.3667 2.44029 10.8305 3.06251 9.39165C3.68474 7.95276 4.53524 6.69354 5.61401 5.61398C6.69357 4.53521 7.95279 3.68471 9.39168 3.06248C10.8306 2.44026 12.3667 2.12915 14 2.12915C15.6333 2.12915 17.1695 2.44026 18.6083 3.06248C20.0472 3.68471 21.3065 4.53521 22.386 5.61398C23.4648 6.69354 24.3153 7.95276 24.9375 9.39165C25.5597 10.8305 25.8708 12.3667 25.8708 14V15.6916C25.8708 16.8972 25.4676 17.9083 24.661 18.725C23.8537 19.5416 22.8472 19.95 21.6417 19.95C20.9222 19.95 20.2561 19.7898 19.6432 19.4693C19.0311 19.1481 18.5306 18.725 18.1417 18.2C17.6361 18.7444 17.0287 19.1722 16.3193 19.4833C15.6092 19.7944 14.8361 19.95 14 19.95C12.3667 19.95 10.9667 19.3717 9.80001 18.2151C8.63335 17.0578 8.05001 15.6528 8.05001 14C8.05001 12.3667 8.63335 10.9666 9.80001 9.79998C10.9667 8.63332 12.3667 8.04998 14 8.04998C15.6528 8.04998 17.0578 8.62826 18.2152 9.78482C19.3717 10.9422 19.95 12.3472 19.95 14V15.6333C19.95 16.1778 20.1153 16.6055 20.4458 16.9167C20.7764 17.2278 21.175 17.3833 21.6417 17.3833C22.0889 17.3833 22.4825 17.2278 22.8223 16.9167C23.163 16.6055 23.3333 16.1778 23.3333 15.6333V14C23.3333 11.4528 22.4144 9.26021 20.5765 7.42232C18.7394 5.58521 16.5472 4.66665 14 4.66665C11.4528 4.66665 9.26024 5.58521 7.42235 7.42232C5.58524 9.26021 4.66668 11.4528 4.66668 14C4.66668 16.5472 5.58524 18.7394 7.42235 20.5765C9.26024 22.4144 11.4528 23.3333 14 23.3333H18.55C18.9195 23.3333 19.2259 23.4546 19.4693 23.6973C19.712 23.9408 19.8333 24.2472 19.8333 24.6166C19.8333 24.9666 19.712 25.2634 19.4693 25.5068C19.2259 25.7495 18.9195 25.8708 18.55 25.8708H14ZM14 17.3833C14.9333 17.3833 15.7306 17.0528 16.3917 16.3917C17.0528 15.7305 17.3833 14.9333 17.3833 14C17.3833 13.0667 17.0528 12.2694 16.3917 11.6083C15.7306 10.9472 14.9333 10.6167 14 10.6167C13.0667 10.6167 12.2695 10.9472 11.6083 11.6083C10.9472 12.2694 10.6167 13.0667 10.6167 14C10.6167 14.9333 10.9472 15.7305 11.6083 16.3917C12.2695 17.0528 13.0667 17.3833 14 17.3833Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-mention"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "SwirlIconColor",
-                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-                    "references": {
-                        "SwirlIconColor": {
-                            "location": "import",
-                            "path": "../swirl-icon",
-                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "color",
-                "reflect": false
-            },
-            "size": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "SwirlIconSize",
-                    "resolved": "16 | 20 | 24 | 28",
-                    "references": {
-                        "SwirlIconSize": {
-                            "location": "import",
-                            "path": "../swirl-icon.types",
-                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "size",
-                "reflect": false,
-                "defaultValue": "24"
+  constructor() {
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8.00001 14.7833C7.06668 14.7833 6.1889 14.6056 5.36668 14.25C4.54445 13.8945 3.8249 13.4085 3.20801 12.792C2.59156 12.1751 2.10556 11.4556 1.75001 10.6333C1.39445 9.81112 1.21667 8.93334 1.21667 8.00001C1.21667 7.06668 1.39445 6.1889 1.75001 5.36668C2.10556 4.54445 2.59156 3.8249 3.20801 3.20801C3.8249 2.59156 4.54445 2.10556 5.36668 1.75001C6.1889 1.39445 7.06668 1.21667 8.00001 1.21667C8.93334 1.21667 9.81112 1.39445 10.6333 1.75001C11.4556 2.10556 12.1751 2.59156 12.792 3.20801C13.4085 3.8249 13.8945 4.54445 14.25 5.36668C14.6056 6.1889 14.7833 7.06668 14.7833 8.00001V8.96668C14.7833 9.65556 14.5529 10.2333 14.092 10.7C13.6307 11.1667 13.0556 11.4 12.3667 11.4C11.9556 11.4 11.5749 11.3085 11.2247 11.1253C10.8749 10.9418 10.5889 10.7 10.3667 10.4C10.0778 10.7111 9.73068 10.9556 9.32534 11.1333C8.91956 11.3111 8.47779 11.4 8.00001 11.4C7.06668 11.4 6.26667 11.0696 5.60001 10.4087C4.93334 9.74734 4.60001 8.94445 4.60001 8.00001C4.60001 7.06668 4.93334 6.26667 5.60001 5.60001C6.26667 4.93334 7.06668 4.60001 8.00001 4.60001C8.94445 4.60001 9.74734 4.93045 10.4087 5.59134C11.0696 6.25268 11.4 7.05556 11.4 8.00001V8.93334C11.4 9.24445 11.4945 9.4889 11.6833 9.66668C11.8722 9.84445 12.1 9.93334 12.3667 9.93334C12.6222 9.93334 12.8471 9.84445 13.0413 9.66668C13.236 9.4889 13.3333 9.24445 13.3333 8.93334V8.00001C13.3333 6.54445 12.8082 5.29156 11.758 4.24134C10.7082 3.19156 9.45556 2.66667 8.00001 2.66667C6.54445 2.66667 5.29156 3.19156 4.24134 4.24134C3.19156 5.29156 2.66667 6.54445 2.66667 8.00001C2.66667 9.45556 3.19156 10.7082 4.24134 11.758C5.29156 12.8082 6.54445 13.3333 8.00001 13.3333H10.6C10.8111 13.3333 10.9862 13.4027 11.1253 13.5413C11.264 13.6805 11.3333 13.8556 11.3333 14.0667C11.3333 14.2667 11.264 14.4362 11.1253 14.5753C10.9862 14.714 10.8111 14.7833 10.6 14.7833H8.00001ZM8.00001 9.93334C8.53334 9.93334 8.9889 9.74445 9.36668 9.36668C9.74445 8.9889 9.93334 8.53334 9.93334 8.00001C9.93334 7.46668 9.74445 7.01112 9.36668 6.63334C8.9889 6.25556 8.53334 6.06668 8.00001 6.06668C7.46668 6.06668 7.01112 6.25556 6.63334 6.63334C6.25556 7.01112 6.06668 7.46668 6.06668 8.00001C6.06668 8.53334 6.25556 8.9889 6.63334 9.36668C7.01112 9.74445 7.46668 9.93334 8.00001 9.93334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 22.175C10.6 22.175 9.28335 21.9083 8.05001 21.375C6.81668 20.8417 5.73735 20.1127 4.81201 19.188C3.88735 18.2627 3.15835 17.1833 2.62501 15.95C2.09168 14.7167 1.82501 13.4 1.82501 12C1.82501 10.6 2.09168 9.28335 2.62501 8.05001C3.15835 6.81668 3.88735 5.73735 4.81201 4.81201C5.73735 3.88735 6.81668 3.15835 8.05001 2.62501C9.28335 2.09168 10.6 1.82501 12 1.82501C13.4 1.82501 14.7167 2.09168 15.95 2.62501C17.1833 3.15835 18.2627 3.88735 19.188 4.81201C20.1127 5.73735 20.8417 6.81668 21.375 8.05001C21.9083 9.28335 22.175 10.6 22.175 12V13.45C22.175 14.4833 21.8293 15.35 21.138 16.05C20.446 16.75 19.5833 17.1 18.55 17.1C17.9333 17.1 17.3623 16.9627 16.837 16.688C16.3123 16.4127 15.8833 16.05 15.55 15.6C15.1167 16.0667 14.596 16.4333 13.988 16.7C13.3793 16.9667 12.7167 17.1 12 17.1C10.6 17.1 9.40001 16.6043 8.40001 15.613C7.40001 14.621 6.90001 13.4167 6.90001 12C6.90001 10.6 7.40001 9.40001 8.40001 8.40001C9.40001 7.40001 10.6 6.90001 12 6.90001C13.4167 6.90001 14.621 7.39568 15.613 8.38701C16.6043 9.37901 17.1 10.5833 17.1 12V13.4C17.1 13.8667 17.2417 14.2333 17.525 14.5C17.8083 14.7667 18.15 14.9 18.55 14.9C18.9333 14.9 19.2707 14.7667 19.562 14.5C19.854 14.2333 20 13.8667 20 13.4V12C20 9.81668 19.2123 7.93735 17.637 6.36201C16.0623 4.78735 14.1833 4.00001 12 4.00001C9.81668 4.00001 7.93735 4.78735 6.36201 6.36201C4.78735 7.93735 4.00001 9.81668 4.00001 12C4.00001 14.1833 4.78735 16.0623 6.36201 17.637C7.93735 19.2123 9.81668 20 12 20H15.9C16.2167 20 16.4793 20.104 16.688 20.312C16.896 20.5207 17 20.7833 17 21.1C17 21.4 16.896 21.6543 16.688 21.863C16.4793 22.071 16.2167 22.175 15.9 22.175H12ZM12 14.9C12.8 14.9 13.4833 14.6167 14.05 14.05C14.6167 13.4833 14.9 12.8 14.9 12C14.9 11.2 14.6167 10.5167 14.05 9.95001C13.4833 9.38335 12.8 9.10001 12 9.10001C11.2 9.10001 10.5167 9.38335 9.95001 9.95001C9.38335 10.5167 9.10001 11.2 9.10001 12C9.10001 12.8 9.38335 13.4833 9.95001 14.05C10.5167 14.6167 11.2 14.9 12 14.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 25.8708C12.3667 25.8708 10.8306 25.5597 9.39168 24.9375C7.95279 24.3153 6.69357 23.4648 5.61401 22.386C4.53524 21.3064 3.68474 20.0472 3.06251 18.6083C2.44029 17.1694 2.12918 15.6333 2.12918 14C2.12918 12.3667 2.44029 10.8305 3.06251 9.39165C3.68474 7.95276 4.53524 6.69354 5.61401 5.61398C6.69357 4.53521 7.95279 3.68471 9.39168 3.06248C10.8306 2.44026 12.3667 2.12915 14 2.12915C15.6333 2.12915 17.1695 2.44026 18.6083 3.06248C20.0472 3.68471 21.3065 4.53521 22.386 5.61398C23.4648 6.69354 24.3153 7.95276 24.9375 9.39165C25.5597 10.8305 25.8708 12.3667 25.8708 14V15.6916C25.8708 16.8972 25.4676 17.9083 24.661 18.725C23.8537 19.5416 22.8472 19.95 21.6417 19.95C20.9222 19.95 20.2561 19.7898 19.6432 19.4693C19.0311 19.1481 18.5306 18.725 18.1417 18.2C17.6361 18.7444 17.0287 19.1722 16.3193 19.4833C15.6092 19.7944 14.8361 19.95 14 19.95C12.3667 19.95 10.9667 19.3717 9.80001 18.2151C8.63335 17.0578 8.05001 15.6528 8.05001 14C8.05001 12.3667 8.63335 10.9666 9.80001 9.79998C10.9667 8.63332 12.3667 8.04998 14 8.04998C15.6528 8.04998 17.0578 8.62826 18.2152 9.78482C19.3717 10.9422 19.95 12.3472 19.95 14V15.6333C19.95 16.1778 20.1153 16.6055 20.4458 16.9167C20.7764 17.2278 21.175 17.3833 21.6417 17.3833C22.0889 17.3833 22.4825 17.2278 22.8223 16.9167C23.163 16.6055 23.3333 16.1778 23.3333 15.6333V14C23.3333 11.4528 22.4144 9.26021 20.5765 7.42232C18.7394 5.58521 16.5472 4.66665 14 4.66665C11.4528 4.66665 9.26024 5.58521 7.42235 7.42232C5.58524 9.26021 4.66668 11.4528 4.66668 14C4.66668 16.5472 5.58524 18.7394 7.42235 20.5765C9.26024 22.4144 11.4528 23.3333 14 23.3333H18.55C18.9195 23.3333 19.2259 23.4546 19.4693 23.6973C19.712 23.9408 19.8333 24.2472 19.8333 24.6166C19.8333 24.9666 19.712 25.2634 19.4693 25.5068C19.2259 25.7495 18.9195 25.8708 18.55 25.8708H14ZM14 17.3833C14.9333 17.3833 15.7306 17.0528 16.3917 16.3917C17.0528 15.7305 17.3833 14.9333 17.3833 14C17.3833 13.0667 17.0528 12.2694 16.3917 11.6083C15.7306 10.9472 14.9333 10.6167 14 10.6167C13.0667 10.6167 12.2695 10.9472 11.6083 11.6083C10.9472 12.2694 10.6167 13.0667 10.6167 14C10.6167 14.9333 10.9472 15.7305 11.6083 16.3917C12.2695 17.0528 13.0667 17.3833 14 17.3833Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-mention"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconColor",
+          "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "references": {
+            "SwirlIconColor": {
+              "location": "import",
+              "path": "../swirl-icon"
             }
-        };
-    }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      },
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }