@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-user-assign.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconUserAssign {
-  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: "M10 8.00008C9.26669 8.00008 8.63891 7.73897 8.11669 7.21675C7.59447 6.69453 7.33335 6.06675 7.33335 5.33341C7.33335 4.60008 7.59447 3.9723 8.11669 3.45008C8.63891 2.92786 9.26669 2.66675 10 2.66675C10.7334 2.66675 11.3611 2.92786 11.8834 3.45008C12.4056 3.9723 12.6667 4.60008 12.6667 5.33341C12.6667 6.06675 12.4056 6.69453 11.8834 7.21675C11.3611 7.73897 10.7334 8.00008 10 8.00008ZM14 13.3334H6.00002C5.63335 13.3334 5.31958 13.203 5.05869 12.9421C4.79735 12.6807 4.66669 12.3667 4.66669 12.0001V11.4667C4.66669 11.089 4.76402 10.7416 4.95869 10.4247C5.15291 10.1083 5.41113 9.86675 5.73335 9.70008C6.42224 9.35564 7.12224 9.09719 7.83335 8.92475C8.54447 8.75275 9.26669 8.66675 10 8.66675C10.7334 8.66675 11.4556 8.75275 12.1667 8.92475C12.8778 9.09719 13.5778 9.35564 14.2667 9.70008C14.5889 9.86675 14.8471 10.1083 15.0414 10.4247C15.236 10.7416 15.3334 11.089 15.3334 11.4667V12.0001C15.3334 12.3667 15.2029 12.6807 14.942 12.9421C14.6807 13.203 14.3667 13.3334 14 13.3334ZM6.00002 12.0001H14V11.4667C14 11.3445 13.9696 11.2334 13.9087 11.1334C13.8474 11.0334 13.7667 10.9556 13.6667 10.9001C13.0667 10.6001 12.4611 10.375 11.85 10.2247C11.2389 10.075 10.6222 10.0001 10 10.0001C9.3778 10.0001 8.76113 10.075 8.15002 10.2247C7.53891 10.375 6.93335 10.6001 6.33335 10.9001C6.23335 10.9556 6.15291 11.0334 6.09202 11.1334C6.03069 11.2334 6.00002 11.3445 6.00002 11.4667V12.0001ZM10 6.66675C10.3667 6.66675 10.6807 6.53608 10.942 6.27475C11.2029 6.01386 11.3334 5.70008 11.3334 5.33341C11.3334 4.96675 11.2029 4.65297 10.942 4.39208C10.6807 4.13075 10.3667 4.00008 10 4.00008C9.63335 4.00008 9.31958 4.13075 9.05869 4.39208C8.79735 4.65297 8.66669 4.96675 8.66669 5.33341C8.66669 5.70008 8.79735 6.01386 9.05869 6.27475C9.31958 6.53608 9.63335 6.66675 10 6.66675Z", fill: "currentColor" }), h("path", { d: "M3.33335 7.91258V8.62384C3.33318 8.69427 3.34711 8.76481 3.37404 8.82989C3.40098 8.89497 3.44036 8.95401 3.49025 9.00372C3.54015 9.05343 3.59955 9.09292 3.66473 9.11961C3.72991 9.1463 3.79971 9.15976 3.87014 9.15932C3.93971 9.15926 4.0085 9.14532 4.07261 9.11831C4.13672 9.09129 4.19488 9.05152 4.24351 9.00177L5.62209 7.62319C5.72203 7.52318 5.77802 7.38762 5.77802 7.24624C5.77802 7.10485 5.72203 6.96929 5.62209 6.86928L4.24351 5.4894C4.16885 5.41492 4.07353 5.36403 3.97007 5.34357C3.86661 5.32311 3.75953 5.33371 3.66213 5.37417C3.56473 5.41462 3.48139 5.48304 3.42287 5.57078C3.36436 5.65852 3.33327 5.76186 3.33335 5.86733V6.57924H1.33335C1.15654 6.57924 0.987024 6.64953 0.862 6.77456C0.736975 6.89958 0.666687 7.0691 0.666687 7.24591C0.666687 7.42272 0.736975 7.59224 0.862 7.71726C0.987024 7.84229 1.15654 7.91258 1.33335 7.91258H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15 12C13.9 12 12.9583 11.6083 12.175 10.825C11.3917 10.0417 11 9.1 11 8C11 6.9 11.3917 5.95833 12.175 5.175C12.9583 4.39167 13.9 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12ZM21 20H9C8.45 20 7.97933 19.8043 7.588 19.413C7.196 19.021 7 18.55 7 18V17.2C7 16.6333 7.146 16.1123 7.438 15.637C7.72933 15.1623 8.11667 14.8 8.6 14.55C9.63333 14.0333 10.6833 13.6457 11.75 13.387C12.8167 13.129 13.9 13 15 13C16.1 13 17.1833 13.129 18.25 13.387C19.3167 13.6457 20.3667 14.0333 21.4 14.55C21.8833 14.8 22.2707 15.1623 22.562 15.637C22.854 16.1123 23 16.6333 23 17.2V18C23 18.55 22.8043 19.021 22.413 19.413C22.021 19.8043 21.55 20 21 20ZM9 18H21V17.2C21 17.0167 20.9543 16.85 20.863 16.7C20.771 16.55 20.65 16.4333 20.5 16.35C19.6 15.9 18.6917 15.5623 17.775 15.337C16.8583 15.1123 15.9333 15 15 15C14.0667 15 13.1417 15.1123 12.225 15.337C11.3083 15.5623 10.4 15.9 9.5 16.35C9.35 16.4333 9.22933 16.55 9.138 16.7C9.046 16.85 9 17.0167 9 17.2V18ZM15 10C15.55 10 16.021 9.804 16.413 9.412C16.8043 9.02067 17 8.55 17 8C17 7.45 16.8043 6.97933 16.413 6.588C16.021 6.196 15.55 6 15 6C14.45 6 13.9793 6.196 13.588 6.588C13.196 6.97933 13 7.45 13 8C13 8.55 13.196 9.02067 13.588 9.412C13.9793 9.804 14.45 10 15 10Z", fill: "currentColor" }), h("path", { d: "M5 11.8687V12.9356C4.99973 13.0413 5.02064 13.1471 5.06104 13.2447C5.10143 13.3423 5.16051 13.4309 5.23535 13.5055C5.3102 13.58 5.3993 13.6393 5.49707 13.6793C5.59484 13.7193 5.69953 13.7395 5.80518 13.7389C5.90953 13.7388 6.01273 13.7179 6.10889 13.6773C6.20505 13.6368 6.29229 13.5772 6.36523 13.5025L8.43311 11.4347C8.58302 11.2846 8.66699 11.0813 8.66699 10.8692C8.66699 10.6571 8.58302 10.4538 8.43311 10.3038L6.36523 8.23398C6.25324 8.12225 6.11027 8.04592 5.95508 8.01523C5.79989 7.98454 5.63926 8.00044 5.49316 8.06113C5.34707 8.12181 5.22205 8.22443 5.13428 8.35605C5.04651 8.48766 4.99988 8.64268 5 8.80087V9.86874H2C1.73478 9.86874 1.48051 9.97417 1.29297 10.1617C1.10543 10.3492 1 10.6035 1 10.8687C1 11.134 1.10543 11.3882 1.29297 11.5758C1.48051 11.7633 1.73478 11.8687 2 11.8687H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M17.5 14.0001C16.2167 14.0001 15.1181 13.5431 14.2042 12.6292C13.2903 11.7154 12.8334 10.6167 12.8334 9.33341C12.8334 8.05008 13.2903 6.95147 14.2042 6.03758C15.1181 5.12369 16.2167 4.66675 17.5 4.66675C18.7834 4.66675 19.882 5.12369 20.7959 6.03758C21.7097 6.95147 22.1667 8.05008 22.1667 9.33341C22.1667 10.6167 21.7097 11.7154 20.7959 12.6292C19.882 13.5431 18.7834 14.0001 17.5 14.0001ZM24.5 23.3334H10.5C9.85835 23.3334 9.30924 23.1051 8.85269 22.6486C8.39535 22.1912 8.16669 21.6417 8.16669 21.0001V20.0667C8.16669 19.4056 8.33702 18.7978 8.67769 18.2432C9.01758 17.6895 9.46946 17.2667 10.0334 16.9751C11.2389 16.3723 12.4639 15.92 13.7084 15.6182C14.9528 15.3172 16.2167 15.1667 17.5 15.1667C18.7834 15.1667 20.0472 15.3172 21.2917 15.6182C22.5361 15.92 23.7611 16.3723 24.9667 16.9751C25.5306 17.2667 25.9825 17.6895 26.3224 18.2432C26.663 18.7978 26.8334 19.4056 26.8334 20.0667V21.0001C26.8334 21.6417 26.6051 22.1912 26.1485 22.6486C25.6912 23.1051 25.1417 23.3334 24.5 23.3334ZM10.5 21.0001H24.5V20.0667C24.5 19.8529 24.4467 19.6584 24.3402 19.4834C24.2329 19.3084 24.0917 19.1723 23.9167 19.0751C22.8667 18.5501 21.807 18.1561 20.7375 17.8932C19.6681 17.6311 18.5889 17.5001 17.5 17.5001C16.4111 17.5001 15.332 17.6311 14.2625 17.8932C13.1931 18.1561 12.1334 18.5501 11.0834 19.0751C10.9084 19.1723 10.7676 19.3084 10.661 19.4834C10.5537 19.6584 10.5 19.8529 10.5 20.0667V21.0001ZM17.5 11.6667C18.1417 11.6667 18.6912 11.4381 19.1485 10.9807C19.6051 10.5242 19.8334 9.97508 19.8334 9.33341C19.8334 8.69175 19.6051 8.14264 19.1485 7.68608C18.6912 7.22875 18.1417 7.00008 17.5 7.00008C16.8584 7.00008 16.3092 7.22875 15.8527 7.68608C15.3954 8.14264 15.1667 8.69175 15.1667 9.33341C15.1667 9.97508 15.3954 10.5242 15.8527 10.9807C16.3092 11.4381 16.8584 11.6667 17.5 11.6667Z", fill: "currentColor" }), h("path", { d: "M5.83335 13.8469V15.0917C5.83304 15.2149 5.85743 15.3384 5.90456 15.4523C5.95169 15.5661 6.02061 15.6695 6.10793 15.7565C6.19525 15.8434 6.2992 15.9125 6.41327 15.9593C6.52733 16.006 6.64947 16.0295 6.77273 16.0288C6.89447 16.0286 7.01487 16.0043 7.12705 15.957C7.23924 15.9097 7.34103 15.8401 7.42613 15.753L9.83864 13.3405C10.0135 13.1655 10.1115 12.9283 10.1115 12.6809C10.1115 12.4334 10.0135 12.1962 9.83864 12.0212L7.42613 9.60639C7.29546 9.47604 7.12867 9.38699 6.94761 9.35118C6.76656 9.31537 6.57915 9.33393 6.40871 9.40473C6.23827 9.47553 6.09241 9.59525 5.99001 9.7488C5.88761 9.90235 5.83321 10.0832 5.83335 10.2678V11.5136H2.33335C2.02393 11.5136 1.72728 11.6366 1.50848 11.8554C1.28969 12.0742 1.16669 12.3709 1.16669 12.6803C1.16669 12.9897 1.28969 13.2864 1.50848 13.5052C1.72728 13.7239 2.02393 13.8469 2.33335 13.8469H5.83335Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-user-assign"; }
-  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"
+    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: '8c40d4e78535f0b1b47d43e5467251daa7de5916', "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: '14f0f5f0b9c06e6c54e40e147687226da7036103' }, h("path", { key: '0759ce601d85680e785fc75c51a350709f562878', d: "M10 8.00008C9.26669 8.00008 8.63891 7.73897 8.11669 7.21675C7.59447 6.69453 7.33335 6.06675 7.33335 5.33341C7.33335 4.60008 7.59447 3.9723 8.11669 3.45008C8.63891 2.92786 9.26669 2.66675 10 2.66675C10.7334 2.66675 11.3611 2.92786 11.8834 3.45008C12.4056 3.9723 12.6667 4.60008 12.6667 5.33341C12.6667 6.06675 12.4056 6.69453 11.8834 7.21675C11.3611 7.73897 10.7334 8.00008 10 8.00008ZM14 13.3334H6.00002C5.63335 13.3334 5.31958 13.203 5.05869 12.9421C4.79735 12.6807 4.66669 12.3667 4.66669 12.0001V11.4667C4.66669 11.089 4.76402 10.7416 4.95869 10.4247C5.15291 10.1083 5.41113 9.86675 5.73335 9.70008C6.42224 9.35564 7.12224 9.09719 7.83335 8.92475C8.54447 8.75275 9.26669 8.66675 10 8.66675C10.7334 8.66675 11.4556 8.75275 12.1667 8.92475C12.8778 9.09719 13.5778 9.35564 14.2667 9.70008C14.5889 9.86675 14.8471 10.1083 15.0414 10.4247C15.236 10.7416 15.3334 11.089 15.3334 11.4667V12.0001C15.3334 12.3667 15.2029 12.6807 14.942 12.9421C14.6807 13.203 14.3667 13.3334 14 13.3334ZM6.00002 12.0001H14V11.4667C14 11.3445 13.9696 11.2334 13.9087 11.1334C13.8474 11.0334 13.7667 10.9556 13.6667 10.9001C13.0667 10.6001 12.4611 10.375 11.85 10.2247C11.2389 10.075 10.6222 10.0001 10 10.0001C9.3778 10.0001 8.76113 10.075 8.15002 10.2247C7.53891 10.375 6.93335 10.6001 6.33335 10.9001C6.23335 10.9556 6.15291 11.0334 6.09202 11.1334C6.03069 11.2334 6.00002 11.3445 6.00002 11.4667V12.0001ZM10 6.66675C10.3667 6.66675 10.6807 6.53608 10.942 6.27475C11.2029 6.01386 11.3334 5.70008 11.3334 5.33341C11.3334 4.96675 11.2029 4.65297 10.942 4.39208C10.6807 4.13075 10.3667 4.00008 10 4.00008C9.63335 4.00008 9.31958 4.13075 9.05869 4.39208C8.79735 4.65297 8.66669 4.96675 8.66669 5.33341C8.66669 5.70008 8.79735 6.01386 9.05869 6.27475C9.31958 6.53608 9.63335 6.66675 10 6.66675Z", fill: "currentColor" }), h("path", { key: '46e2bd9a8e24a08dba63213e6ebce0b07b9a6511', d: "M3.33335 7.91258V8.62384C3.33318 8.69427 3.34711 8.76481 3.37404 8.82989C3.40098 8.89497 3.44036 8.95401 3.49025 9.00372C3.54015 9.05343 3.59955 9.09292 3.66473 9.11961C3.72991 9.1463 3.79971 9.15976 3.87014 9.15932C3.93971 9.15926 4.0085 9.14532 4.07261 9.11831C4.13672 9.09129 4.19488 9.05152 4.24351 9.00177L5.62209 7.62319C5.72203 7.52318 5.77802 7.38762 5.77802 7.24624C5.77802 7.10485 5.72203 6.96929 5.62209 6.86928L4.24351 5.4894C4.16885 5.41492 4.07353 5.36403 3.97007 5.34357C3.86661 5.32311 3.75953 5.33371 3.66213 5.37417C3.56473 5.41462 3.48139 5.48304 3.42287 5.57078C3.36436 5.65852 3.33327 5.76186 3.33335 5.86733V6.57924H1.33335C1.15654 6.57924 0.987024 6.64953 0.862 6.77456C0.736975 6.89958 0.666687 7.0691 0.666687 7.24591C0.666687 7.42272 0.736975 7.59224 0.862 7.71726C0.987024 7.84229 1.15654 7.91258 1.33335 7.91258H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c09979e91da29733415272e6c08aa9a3899f9cef' }, h("path", { key: 'd670dc9bb8b783927293cf61a540d44facf18485', d: "M15 12C13.9 12 12.9583 11.6083 12.175 10.825C11.3917 10.0417 11 9.1 11 8C11 6.9 11.3917 5.95833 12.175 5.175C12.9583 4.39167 13.9 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12ZM21 20H9C8.45 20 7.97933 19.8043 7.588 19.413C7.196 19.021 7 18.55 7 18V17.2C7 16.6333 7.146 16.1123 7.438 15.637C7.72933 15.1623 8.11667 14.8 8.6 14.55C9.63333 14.0333 10.6833 13.6457 11.75 13.387C12.8167 13.129 13.9 13 15 13C16.1 13 17.1833 13.129 18.25 13.387C19.3167 13.6457 20.3667 14.0333 21.4 14.55C21.8833 14.8 22.2707 15.1623 22.562 15.637C22.854 16.1123 23 16.6333 23 17.2V18C23 18.55 22.8043 19.021 22.413 19.413C22.021 19.8043 21.55 20 21 20ZM9 18H21V17.2C21 17.0167 20.9543 16.85 20.863 16.7C20.771 16.55 20.65 16.4333 20.5 16.35C19.6 15.9 18.6917 15.5623 17.775 15.337C16.8583 15.1123 15.9333 15 15 15C14.0667 15 13.1417 15.1123 12.225 15.337C11.3083 15.5623 10.4 15.9 9.5 16.35C9.35 16.4333 9.22933 16.55 9.138 16.7C9.046 16.85 9 17.0167 9 17.2V18ZM15 10C15.55 10 16.021 9.804 16.413 9.412C16.8043 9.02067 17 8.55 17 8C17 7.45 16.8043 6.97933 16.413 6.588C16.021 6.196 15.55 6 15 6C14.45 6 13.9793 6.196 13.588 6.588C13.196 6.97933 13 7.45 13 8C13 8.55 13.196 9.02067 13.588 9.412C13.9793 9.804 14.45 10 15 10Z", fill: "currentColor" }), h("path", { key: 'f8d969dbcca4a23befb22240bde2768d64a2dd5a', d: "M5 11.8687V12.9356C4.99973 13.0413 5.02064 13.1471 5.06104 13.2447C5.10143 13.3423 5.16051 13.4309 5.23535 13.5055C5.3102 13.58 5.3993 13.6393 5.49707 13.6793C5.59484 13.7193 5.69953 13.7395 5.80518 13.7389C5.90953 13.7388 6.01273 13.7179 6.10889 13.6773C6.20505 13.6368 6.29229 13.5772 6.36523 13.5025L8.43311 11.4347C8.58302 11.2846 8.66699 11.0813 8.66699 10.8692C8.66699 10.6571 8.58302 10.4538 8.43311 10.3038L6.36523 8.23398C6.25324 8.12225 6.11027 8.04592 5.95508 8.01523C5.79989 7.98454 5.63926 8.00044 5.49316 8.06113C5.34707 8.12181 5.22205 8.22443 5.13428 8.35605C5.04651 8.48766 4.99988 8.64268 5 8.80087V9.86874H2C1.73478 9.86874 1.48051 9.97417 1.29297 10.1617C1.10543 10.3492 1 10.6035 1 10.8687C1 11.134 1.10543 11.3882 1.29297 11.5758C1.48051 11.7633 1.73478 11.8687 2 11.8687H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1dbd09d1a32ab4f39966f4c881c5a0a4a5b30ee1' }, h("path", { key: '3e3298d42c896fc5e0c9dc92497771d7534af021', d: "M17.5 14.0001C16.2167 14.0001 15.1181 13.5431 14.2042 12.6292C13.2903 11.7154 12.8334 10.6167 12.8334 9.33341C12.8334 8.05008 13.2903 6.95147 14.2042 6.03758C15.1181 5.12369 16.2167 4.66675 17.5 4.66675C18.7834 4.66675 19.882 5.12369 20.7959 6.03758C21.7097 6.95147 22.1667 8.05008 22.1667 9.33341C22.1667 10.6167 21.7097 11.7154 20.7959 12.6292C19.882 13.5431 18.7834 14.0001 17.5 14.0001ZM24.5 23.3334H10.5C9.85835 23.3334 9.30924 23.1051 8.85269 22.6486C8.39535 22.1912 8.16669 21.6417 8.16669 21.0001V20.0667C8.16669 19.4056 8.33702 18.7978 8.67769 18.2432C9.01758 17.6895 9.46946 17.2667 10.0334 16.9751C11.2389 16.3723 12.4639 15.92 13.7084 15.6182C14.9528 15.3172 16.2167 15.1667 17.5 15.1667C18.7834 15.1667 20.0472 15.3172 21.2917 15.6182C22.5361 15.92 23.7611 16.3723 24.9667 16.9751C25.5306 17.2667 25.9825 17.6895 26.3224 18.2432C26.663 18.7978 26.8334 19.4056 26.8334 20.0667V21.0001C26.8334 21.6417 26.6051 22.1912 26.1485 22.6486C25.6912 23.1051 25.1417 23.3334 24.5 23.3334ZM10.5 21.0001H24.5V20.0667C24.5 19.8529 24.4467 19.6584 24.3402 19.4834C24.2329 19.3084 24.0917 19.1723 23.9167 19.0751C22.8667 18.5501 21.807 18.1561 20.7375 17.8932C19.6681 17.6311 18.5889 17.5001 17.5 17.5001C16.4111 17.5001 15.332 17.6311 14.2625 17.8932C13.1931 18.1561 12.1334 18.5501 11.0834 19.0751C10.9084 19.1723 10.7676 19.3084 10.661 19.4834C10.5537 19.6584 10.5 19.8529 10.5 20.0667V21.0001ZM17.5 11.6667C18.1417 11.6667 18.6912 11.4381 19.1485 10.9807C19.6051 10.5242 19.8334 9.97508 19.8334 9.33341C19.8334 8.69175 19.6051 8.14264 19.1485 7.68608C18.6912 7.22875 18.1417 7.00008 17.5 7.00008C16.8584 7.00008 16.3092 7.22875 15.8527 7.68608C15.3954 8.14264 15.1667 8.69175 15.1667 9.33341C15.1667 9.97508 15.3954 10.5242 15.8527 10.9807C16.3092 11.4381 16.8584 11.6667 17.5 11.6667Z", fill: "currentColor" }), h("path", { key: '782c09d17a3560c6c2acf24dba27731ce7cd25d4', d: "M5.83335 13.8469V15.0917C5.83304 15.2149 5.85743 15.3384 5.90456 15.4523C5.95169 15.5661 6.02061 15.6695 6.10793 15.7565C6.19525 15.8434 6.2992 15.9125 6.41327 15.9593C6.52733 16.006 6.64947 16.0295 6.77273 16.0288C6.89447 16.0286 7.01487 16.0043 7.12705 15.957C7.23924 15.9097 7.34103 15.8401 7.42613 15.753L9.83864 13.3405C10.0135 13.1655 10.1115 12.9283 10.1115 12.6809C10.1115 12.4334 10.0135 12.1962 9.83864 12.0212L7.42613 9.60639C7.29546 9.47604 7.12867 9.38699 6.94761 9.35118C6.76656 9.31537 6.57915 9.33393 6.40871 9.40473C6.23827 9.47553 6.09241 9.59525 5.99001 9.7488C5.88761 9.90235 5.83321 10.0832 5.83335 10.2678V11.5136H2.33335C2.02393 11.5136 1.72728 11.6366 1.50848 11.8554C1.28969 12.0742 1.16669 12.3709 1.16669 12.6803C1.16669 12.9897 1.28969 13.2864 1.50848 13.5052C1.72728 13.7239 2.02393 13.8469 2.33335 13.8469H5.83335Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-user-assign"; }
+    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"
             }
-          }
-        },
-        "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-video-camera.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconVideoCamera {
-  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: "M2.66665 13.3334C2.29998 13.3334 1.9862 13.203 1.72531 12.9421C1.46398 12.6807 1.33331 12.3667 1.33331 12.0001V4.00008C1.33331 3.63341 1.46398 3.31964 1.72531 3.05875C1.9862 2.79741 2.29998 2.66675 2.66665 2.66675H10.6666C11.0333 2.66675 11.3473 2.79741 11.6086 3.05875C11.8695 3.31964 12 3.63341 12 4.00008V7.00008L14.1 4.90008C14.2111 4.78897 14.3333 4.76119 14.4666 4.81675C14.6 4.8723 14.6666 4.97786 14.6666 5.13341V10.8667C14.6666 11.0223 14.6 11.1279 14.4666 11.1834C14.3333 11.239 14.2111 11.2112 14.1 11.1001L12 9.00008V12.0001C12 12.3667 11.8695 12.6807 11.6086 12.9421C11.3473 13.203 11.0333 13.3334 10.6666 13.3334H2.66665ZM2.66665 12.0001H10.6666V4.00008H2.66665V12.0001Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H16C16.55 4 17.021 4.196 17.413 4.588C17.8043 4.97933 18 5.45 18 6V10.5L21.15 7.35C21.3167 7.18333 21.5 7.14167 21.7 7.225C21.9 7.30833 22 7.46667 22 7.7V16.3C22 16.5333 21.9 16.6917 21.7 16.775C21.5 16.8583 21.3167 16.8167 21.15 16.65L18 13.5V18C18 18.55 17.8043 19.021 17.413 19.413C17.021 19.8043 16.55 20 16 20H4ZM4 18H16V6H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6486C2.56198 22.1912 2.33331 21.6417 2.33331 21.0001V7.00008C2.33331 6.35841 2.56198 5.8093 3.01931 5.35275C3.47587 4.89541 4.02498 4.66675 4.66665 4.66675H18.6666C19.3083 4.66675 19.8578 4.89541 20.3151 5.35275C20.7717 5.8093 21 6.35841 21 7.00008V12.2501L24.675 8.57508C24.8694 8.38064 25.0833 8.33203 25.3166 8.42925C25.55 8.52647 25.6666 8.71119 25.6666 8.98341V19.0167C25.6666 19.289 25.55 19.4737 25.3166 19.5709C25.0833 19.6681 24.8694 19.6195 24.675 19.4251L21 15.7501V21.0001C21 21.6417 20.7717 22.1912 20.3151 22.6486C19.8578 23.1051 19.3083 23.3334 18.6666 23.3334H4.66665ZM4.66665 21.0001H18.6666V7.00008H4.66665V21.0001Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-video-camera"; }
-  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"
+    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: '035b1a2795b09b09ef7d772599be81ec7bfd03e4', "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: '65f39932df40dee365fe04300894d3757c8a84e1' }, h("path", { key: '2cb4c3a900a4ea88f8c6bc0fd6fe0113ded4b4db', d: "M2.66665 13.3334C2.29998 13.3334 1.9862 13.203 1.72531 12.9421C1.46398 12.6807 1.33331 12.3667 1.33331 12.0001V4.00008C1.33331 3.63341 1.46398 3.31964 1.72531 3.05875C1.9862 2.79741 2.29998 2.66675 2.66665 2.66675H10.6666C11.0333 2.66675 11.3473 2.79741 11.6086 3.05875C11.8695 3.31964 12 3.63341 12 4.00008V7.00008L14.1 4.90008C14.2111 4.78897 14.3333 4.76119 14.4666 4.81675C14.6 4.8723 14.6666 4.97786 14.6666 5.13341V10.8667C14.6666 11.0223 14.6 11.1279 14.4666 11.1834C14.3333 11.239 14.2111 11.2112 14.1 11.1001L12 9.00008V12.0001C12 12.3667 11.8695 12.6807 11.6086 12.9421C11.3473 13.203 11.0333 13.3334 10.6666 13.3334H2.66665ZM2.66665 12.0001H10.6666V4.00008H2.66665V12.0001Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'cfe85a4f6b9ee6a0da7b720e8f894f614a3feeb6' }, h("path", { key: 'c7475def1406b8dc4f881ff76c93ec443d97015f', d: "M4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H16C16.55 4 17.021 4.196 17.413 4.588C17.8043 4.97933 18 5.45 18 6V10.5L21.15 7.35C21.3167 7.18333 21.5 7.14167 21.7 7.225C21.9 7.30833 22 7.46667 22 7.7V16.3C22 16.5333 21.9 16.6917 21.7 16.775C21.5 16.8583 21.3167 16.8167 21.15 16.65L18 13.5V18C18 18.55 17.8043 19.021 17.413 19.413C17.021 19.8043 16.55 20 16 20H4ZM4 18H16V6H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '02a08999cda48a1602f901a40b8efa77470de3c6' }, h("path", { key: '40c7e79f1975bc26980deb445858532cd8e4189b', d: "M4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6486C2.56198 22.1912 2.33331 21.6417 2.33331 21.0001V7.00008C2.33331 6.35841 2.56198 5.8093 3.01931 5.35275C3.47587 4.89541 4.02498 4.66675 4.66665 4.66675H18.6666C19.3083 4.66675 19.8578 4.89541 20.3151 5.35275C20.7717 5.8093 21 6.35841 21 7.00008V12.2501L24.675 8.57508C24.8694 8.38064 25.0833 8.33203 25.3166 8.42925C25.55 8.52647 25.6666 8.71119 25.6666 8.98341V19.0167C25.6666 19.289 25.55 19.4737 25.3166 19.5709C25.0833 19.6681 24.8694 19.6195 24.675 19.4251L21 15.7501V21.0001C21 21.6417 20.7717 22.1912 20.3151 22.6486C19.8578 23.1051 19.3083 23.3334 18.6666 23.3334H4.66665ZM4.66665 21.0001H18.6666V7.00008H4.66665V21.0001Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-video-camera"; }
+    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"
             }
-          }
-        },
-        "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-video-library.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconVideoLibrary {
-  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.6833 7.08325C11.8389 6.98325 11.9166 6.84436 11.9166 6.66658C11.9166 6.48881 11.8389 6.34992 11.6833 6.24992L8.43331 4.16659C8.26665 4.05547 8.0972 4.04714 7.92498 4.14159C7.75276 4.23603 7.66665 4.38325 7.66665 4.58325V8.74992C7.66665 8.94992 7.75276 9.09714 7.92498 9.19159C8.0972 9.28603 8.26665 9.2777 8.43331 9.16658L11.6833 7.08325ZM5.33331 11.9999C4.96665 11.9999 4.65276 11.8694 4.39165 11.6083C4.13054 11.3471 3.99998 11.0333 3.99998 10.6666V2.66659C3.99998 2.29992 4.13054 1.98603 4.39165 1.72492C4.65276 1.46381 4.96665 1.33325 5.33331 1.33325H13.3333C13.7 1.33325 14.0139 1.46381 14.275 1.72492C14.5361 1.98603 14.6666 2.29992 14.6666 2.66659V10.6666C14.6666 11.0333 14.5361 11.3471 14.275 11.6083C14.0139 11.8694 13.7 11.9999 13.3333 11.9999H5.33331ZM5.33331 10.6666H13.3333V2.66659H5.33331V10.6666ZM2.66665 14.6666C2.29998 14.6666 1.98609 14.536 1.72498 14.2749C1.46387 14.0138 1.33331 13.6999 1.33331 13.3333V4.66659C1.33331 4.4777 1.3972 4.31936 1.52498 4.19159C1.65276 4.06381 1.81109 3.99992 1.99998 3.99992C2.18887 3.99992 2.3472 4.06381 2.47498 4.19159C2.60276 4.31936 2.66665 4.4777 2.66665 4.66659V13.3333H11.3333C11.5222 13.3333 11.6805 13.3971 11.8083 13.5249C11.9361 13.6527 12 13.811 12 13.9999C12 14.1888 11.9361 14.3471 11.8083 14.4749C11.6805 14.6027 11.5222 14.6666 11.3333 14.6666H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M17.525 10.625C17.7583 10.475 17.875 10.2667 17.875 10C17.875 9.73333 17.7583 9.525 17.525 9.375L12.65 6.25C12.4 6.08333 12.1458 6.07083 11.8875 6.2125C11.6292 6.35417 11.5 6.575 11.5 6.875V13.125C11.5 13.425 11.6292 13.6458 11.8875 13.7875C12.1458 13.9292 12.4 13.9167 12.65 13.75L17.525 10.625ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V7C2 6.71667 2.09583 6.47917 2.2875 6.2875C2.47917 6.09583 2.71667 6 3 6C3.28333 6 3.52083 6.09583 3.7125 6.2875C3.90417 6.47917 4 6.71667 4 7V20H17C17.2833 20 17.5208 20.0958 17.7125 20.2875C17.9042 20.4792 18 20.7167 18 21C18 21.2833 17.9042 21.5208 17.7125 21.7125C17.5208 21.9042 17.2833 22 17 22H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M20.4458 12.3958C20.7181 12.2208 20.8542 11.9777 20.8542 11.6666C20.8542 11.3555 20.7181 11.1124 20.4458 10.9374L14.7583 7.29159C14.4667 7.09714 14.1701 7.08256 13.8688 7.24784C13.5674 7.41311 13.4167 7.67075 13.4167 8.02075V15.3124C13.4167 15.6624 13.5674 15.9201 13.8688 16.0853C14.1701 16.2506 14.4667 16.236 14.7583 16.0416L20.4458 12.3958ZM9.33334 20.9999C8.69168 20.9999 8.14237 20.7714 7.68543 20.3145C7.22848 19.8576 7.00001 19.3083 7.00001 18.6666V4.66659C7.00001 4.02492 7.22848 3.47561 7.68543 3.01867C8.14237 2.56172 8.69168 2.33325 9.33334 2.33325H23.3333C23.975 2.33325 24.5243 2.56172 24.9813 3.01867C25.4382 3.47561 25.6667 4.02492 25.6667 4.66659V18.6666C25.6667 19.3083 25.4382 19.8576 24.9813 20.3145C24.5243 20.7714 23.975 20.9999 23.3333 20.9999H9.33334ZM9.33334 18.6666H23.3333V4.66659H9.33334V18.6666ZM4.66668 25.6666C4.02501 25.6666 3.4757 25.4381 3.01876 24.9812C2.56182 24.5242 2.33334 23.9749 2.33334 23.3333V8.16659C2.33334 7.83603 2.44515 7.55895 2.66876 7.33534C2.89237 7.11172 3.16945 6.99992 3.50001 6.99992C3.83057 6.99992 4.10765 7.11172 4.33126 7.33534C4.55487 7.55895 4.66668 7.83603 4.66668 8.16659V23.3333H19.8333C20.1639 23.3333 20.441 23.4451 20.6646 23.6687C20.8882 23.8923 21 24.1694 21 24.4999C21 24.8305 20.8882 25.1076 20.6646 25.3312C20.441 25.5548 20.1639 25.6666 19.8333 25.6666H4.66668Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-video-library"; }
-  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"
+    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: 'd7f40c5b428e0422799634455652cd9a723568b7', "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: '3e94a4d08563fd31b60b113b92647ce25ac29ce9' }, h("path", { key: '4e7320f0a6b514d34cd4970b8b3affa37ee02e83', d: "M11.6833 7.08325C11.8389 6.98325 11.9166 6.84436 11.9166 6.66658C11.9166 6.48881 11.8389 6.34992 11.6833 6.24992L8.43331 4.16659C8.26665 4.05547 8.0972 4.04714 7.92498 4.14159C7.75276 4.23603 7.66665 4.38325 7.66665 4.58325V8.74992C7.66665 8.94992 7.75276 9.09714 7.92498 9.19159C8.0972 9.28603 8.26665 9.2777 8.43331 9.16658L11.6833 7.08325ZM5.33331 11.9999C4.96665 11.9999 4.65276 11.8694 4.39165 11.6083C4.13054 11.3471 3.99998 11.0333 3.99998 10.6666V2.66659C3.99998 2.29992 4.13054 1.98603 4.39165 1.72492C4.65276 1.46381 4.96665 1.33325 5.33331 1.33325H13.3333C13.7 1.33325 14.0139 1.46381 14.275 1.72492C14.5361 1.98603 14.6666 2.29992 14.6666 2.66659V10.6666C14.6666 11.0333 14.5361 11.3471 14.275 11.6083C14.0139 11.8694 13.7 11.9999 13.3333 11.9999H5.33331ZM5.33331 10.6666H13.3333V2.66659H5.33331V10.6666ZM2.66665 14.6666C2.29998 14.6666 1.98609 14.536 1.72498 14.2749C1.46387 14.0138 1.33331 13.6999 1.33331 13.3333V4.66659C1.33331 4.4777 1.3972 4.31936 1.52498 4.19159C1.65276 4.06381 1.81109 3.99992 1.99998 3.99992C2.18887 3.99992 2.3472 4.06381 2.47498 4.19159C2.60276 4.31936 2.66665 4.4777 2.66665 4.66659V13.3333H11.3333C11.5222 13.3333 11.6805 13.3971 11.8083 13.5249C11.9361 13.6527 12 13.811 12 13.9999C12 14.1888 11.9361 14.3471 11.8083 14.4749C11.6805 14.6027 11.5222 14.6666 11.3333 14.6666H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '585fd3e2af090250a19ed4cd97bdbd23e19509af' }, h("path", { key: '0684f3ea94e9e5e9ff0f96e9adf09bddbf37551b', d: "M17.525 10.625C17.7583 10.475 17.875 10.2667 17.875 10C17.875 9.73333 17.7583 9.525 17.525 9.375L12.65 6.25C12.4 6.08333 12.1458 6.07083 11.8875 6.2125C11.6292 6.35417 11.5 6.575 11.5 6.875V13.125C11.5 13.425 11.6292 13.6458 11.8875 13.7875C12.1458 13.9292 12.4 13.9167 12.65 13.75L17.525 10.625ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V7C2 6.71667 2.09583 6.47917 2.2875 6.2875C2.47917 6.09583 2.71667 6 3 6C3.28333 6 3.52083 6.09583 3.7125 6.2875C3.90417 6.47917 4 6.71667 4 7V20H17C17.2833 20 17.5208 20.0958 17.7125 20.2875C17.9042 20.4792 18 20.7167 18 21C18 21.2833 17.9042 21.5208 17.7125 21.7125C17.5208 21.9042 17.2833 22 17 22H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e031c07bf99862abedd4010353d227ec15cb2a1e' }, h("path", { key: '8ae0521ce534532f9e145305afb0ed0272f7693b', d: "M20.4458 12.3958C20.7181 12.2208 20.8542 11.9777 20.8542 11.6666C20.8542 11.3555 20.7181 11.1124 20.4458 10.9374L14.7583 7.29159C14.4667 7.09714 14.1701 7.08256 13.8688 7.24784C13.5674 7.41311 13.4167 7.67075 13.4167 8.02075V15.3124C13.4167 15.6624 13.5674 15.9201 13.8688 16.0853C14.1701 16.2506 14.4667 16.236 14.7583 16.0416L20.4458 12.3958ZM9.33334 20.9999C8.69168 20.9999 8.14237 20.7714 7.68543 20.3145C7.22848 19.8576 7.00001 19.3083 7.00001 18.6666V4.66659C7.00001 4.02492 7.22848 3.47561 7.68543 3.01867C8.14237 2.56172 8.69168 2.33325 9.33334 2.33325H23.3333C23.975 2.33325 24.5243 2.56172 24.9813 3.01867C25.4382 3.47561 25.6667 4.02492 25.6667 4.66659V18.6666C25.6667 19.3083 25.4382 19.8576 24.9813 20.3145C24.5243 20.7714 23.975 20.9999 23.3333 20.9999H9.33334ZM9.33334 18.6666H23.3333V4.66659H9.33334V18.6666ZM4.66668 25.6666C4.02501 25.6666 3.4757 25.4381 3.01876 24.9812C2.56182 24.5242 2.33334 23.9749 2.33334 23.3333V8.16659C2.33334 7.83603 2.44515 7.55895 2.66876 7.33534C2.89237 7.11172 3.16945 6.99992 3.50001 6.99992C3.83057 6.99992 4.10765 7.11172 4.33126 7.33534C4.55487 7.55895 4.66668 7.83603 4.66668 8.16659V23.3333H19.8333C20.1639 23.3333 20.441 23.4451 20.6646 23.6687C20.8882 23.8923 21 24.1694 21 24.4999C21 24.8305 20.8882 25.1076 20.6646 25.3312C20.441 25.5548 20.1639 25.6666 19.8333 25.6666H4.66668Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-video-library"; }
+    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"
             }
-          }
-        },
-        "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"
-      }
-    };
-  }
+        };
+    }
 }