npm - @getflip/swirl-components - Versions diffs - 0.338.2 → 0.340.0 - Mend

@getflip/swirl-components 0.338.2 → 0.340.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2520) hide show

package/dist/collection/components/swirl-icon/icons/swirl-icon-copy.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconCopy {
     constructor() {
-        this.color = undefined;
         this.size = 24;
     }
     render() {
@@ -12,7 +11,7 @@ export class SwirlIconCopy {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '33832c1c80729a2ef646f19002c18e3054f8090f', "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: 'a00cc639170487d5f21fa111e3fc788a55ca9759' }, h("path", { key: 'bc36e640019f2cd21a1ed32147790fa586cc1079', d: "M6 11.9999C5.63333 11.9999 5.31956 11.8695 5.05867 11.6086C4.79733 11.3473 4.66667 11.0333 4.66667 10.6666V2.66659C4.66667 2.29992 4.79733 1.98592 5.05867 1.72459C5.31956 1.4637 5.63333 1.33325 6 1.33325H12C12.3667 1.33325 12.6807 1.4637 12.942 1.72459C13.2029 1.98592 13.3333 2.29992 13.3333 2.66659V10.6666C13.3333 11.0333 13.2029 11.3473 12.942 11.6086C12.6807 11.8695 12.3667 11.9999 12 11.9999H6ZM6 10.6666H12V2.66659H6V10.6666ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V4.66659C2 4.4777 2.064 4.31925 2.192 4.19125C2.31956 4.0637 2.47778 3.99992 2.66667 3.99992C2.85556 3.99992 3.014 4.0637 3.142 4.19125C3.26956 4.31925 3.33333 4.4777 3.33333 4.66659V13.3333H10C10.1889 13.3333 10.3473 13.3973 10.4753 13.5253C10.6029 13.6528 10.6667 13.811 10.6667 13.9999C10.6667 14.1888 10.6029 14.347 10.4753 14.4746C10.3473 14.6026 10.1889 14.6666 10 14.6666H3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8efd860afcb246bab67d31ba9c779730302dcf66' }, h("path", { key: 'c0f95176222e52730d80245f9fe039a94187117b', d: "M9 18C8.45 18 7.97933 17.8043 7.588 17.413C7.196 17.021 7 16.55 7 16V4C7 3.45 7.196 2.979 7.588 2.587C7.97933 2.19567 8.45 2 9 2H18C18.55 2 19.021 2.19567 19.413 2.587C19.8043 2.979 20 3.45 20 4V16C20 16.55 19.8043 17.021 19.413 17.413C19.021 17.8043 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6C4.28333 6 4.521 6.09567 4.713 6.287C4.90433 6.479 5 6.71667 5 7V20H15C15.2833 20 15.521 20.096 15.713 20.288C15.9043 20.4793 16 20.7167 16 21C16 21.2833 15.9043 21.5207 15.713 21.712C15.521 21.904 15.2833 22 15 22H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ab679861b11f6e121f56cd9bf11683086906747a' }, h("path", { key: '44ffdcdf80562fdf5933a5b20aa870926146f6c2', d: "M10.5 20.9999C9.85833 20.9999 9.30922 20.7716 8.85267 20.3151C8.39533 19.8578 8.16667 19.3083 8.16667 18.6666V4.66659C8.16667 4.02492 8.39533 3.47542 8.85267 3.01809C9.30922 2.56153 9.85833 2.33325 10.5 2.33325H21C21.6417 2.33325 22.1912 2.56153 22.6485 3.01809C23.1051 3.47542 23.3333 4.02492 23.3333 4.66659V18.6666C23.3333 19.3083 23.1051 19.8578 22.6485 20.3151C22.1912 20.7716 21.6417 20.9999 21 20.9999H10.5ZM10.5 18.6666H21V4.66659H10.5V18.6666ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V8.16659C3.5 7.83603 3.612 7.55875 3.836 7.33475C4.05922 7.11153 4.33611 6.99992 4.66667 6.99992C4.99722 6.99992 5.2745 7.11153 5.4985 7.33475C5.72172 7.55875 5.83333 7.83603 5.83333 8.16659V23.3333H17.5C17.8306 23.3333 18.1078 23.4453 18.3318 23.6693C18.5551 23.8925 18.6667 24.1694 18.6667 24.4999C18.6667 24.8305 18.5551 25.1074 18.3318 25.3306C18.1078 25.5546 17.8306 25.6666 17.5 25.6666H5.83333Z", fill: "currentColor" })))));
+        return (h("svg", { key: '4efc8a6e33424a78ae340ae99d406e2a35d87954', "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: 'bb1a163d4af8a715a2cc2dc8bff75a25cf549f34' }, h("path", { key: '8f47e8a4ecd82be424eb6b8275d41f757310b167', d: "M6 11.9999C5.63333 11.9999 5.31956 11.8695 5.05867 11.6086C4.79733 11.3473 4.66667 11.0333 4.66667 10.6666V2.66659C4.66667 2.29992 4.79733 1.98592 5.05867 1.72459C5.31956 1.4637 5.63333 1.33325 6 1.33325H12C12.3667 1.33325 12.6807 1.4637 12.942 1.72459C13.2029 1.98592 13.3333 2.29992 13.3333 2.66659V10.6666C13.3333 11.0333 13.2029 11.3473 12.942 11.6086C12.6807 11.8695 12.3667 11.9999 12 11.9999H6ZM6 10.6666H12V2.66659H6V10.6666ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V4.66659C2 4.4777 2.064 4.31925 2.192 4.19125C2.31956 4.0637 2.47778 3.99992 2.66667 3.99992C2.85556 3.99992 3.014 4.0637 3.142 4.19125C3.26956 4.31925 3.33333 4.4777 3.33333 4.66659V13.3333H10C10.1889 13.3333 10.3473 13.3973 10.4753 13.5253C10.6029 13.6528 10.6667 13.811 10.6667 13.9999C10.6667 14.1888 10.6029 14.347 10.4753 14.4746C10.3473 14.6026 10.1889 14.6666 10 14.6666H3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd4a52caf1155ffc00f4501fb87b0c02a9e07d011' }, h("path", { key: '30b072cfe1a2f7d661e13483a338b199b3505096', d: "M9 18C8.45 18 7.97933 17.8043 7.588 17.413C7.196 17.021 7 16.55 7 16V4C7 3.45 7.196 2.979 7.588 2.587C7.97933 2.19567 8.45 2 9 2H18C18.55 2 19.021 2.19567 19.413 2.587C19.8043 2.979 20 3.45 20 4V16C20 16.55 19.8043 17.021 19.413 17.413C19.021 17.8043 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6C4.28333 6 4.521 6.09567 4.713 6.287C4.90433 6.479 5 6.71667 5 7V20H15C15.2833 20 15.521 20.096 15.713 20.288C15.9043 20.4793 16 20.7167 16 21C16 21.2833 15.9043 21.5207 15.713 21.712C15.521 21.904 15.2833 22 15 22H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '8bc16db3fb27f702e3a8c17b3804111c82e8350a' }, h("path", { key: '1740e8e4574da48d744f244bd6b57b0abe152878', d: "M10.5 20.9999C9.85833 20.9999 9.30922 20.7716 8.85267 20.3151C8.39533 19.8578 8.16667 19.3083 8.16667 18.6666V4.66659C8.16667 4.02492 8.39533 3.47542 8.85267 3.01809C9.30922 2.56153 9.85833 2.33325 10.5 2.33325H21C21.6417 2.33325 22.1912 2.56153 22.6485 3.01809C23.1051 3.47542 23.3333 4.02492 23.3333 4.66659V18.6666C23.3333 19.3083 23.1051 19.8578 22.6485 20.3151C22.1912 20.7716 21.6417 20.9999 21 20.9999H10.5ZM10.5 18.6666H21V4.66659H10.5V18.6666ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V8.16659C3.5 7.83603 3.612 7.55875 3.836 7.33475C4.05922 7.11153 4.33611 6.99992 4.66667 6.99992C4.99722 6.99992 5.2745 7.11153 5.4985 7.33475C5.72172 7.55875 5.83333 7.83603 5.83333 8.16659V23.3333H17.5C17.8306 23.3333 18.1078 23.4453 18.3318 23.6693C18.5551 23.8925 18.6667 24.1694 18.6667 24.4999C18.6667 24.8305 18.5551 25.1074 18.3318 25.3306C18.1078 25.5546 17.8306 25.6666 17.5 25.6666H5.83333Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-copy"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +29,7 @@ export class SwirlIconCopy {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconColor",
@@ -48,11 +48,13 @@ export class SwirlIconCopy {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconSize",
@@ -71,7 +73,8 @@ export class SwirlIconCopy {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "24"
             }

package/dist/collection/components/swirl-icon/icons/swirl-icon-crop.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconCrop {
     constructor() {
-        this.color = undefined;
         this.size = 24;
     }
     render() {
@@ -12,7 +11,7 @@ export class SwirlIconCrop {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '29031c1688b5b3061519abd41a4924ff1f70e2dc', "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: 'fdc2aaeef85c3804139f066a29e932a212dcb3b6' }, h("g", { key: 'ef6be98718f9de2a8978b6715c0a60416c1a1f5d', "clip-path": "url(#clip0_1497_19)" }, h("path", { key: '2e9b52fdc77ae1009ce5db75c3b0e9b702027d04', d: "M11.3334 9.99984V4.6665H6.00002V3.33317H11.3334C11.7 3.33317 12.0139 3.46373 12.275 3.72484C12.5361 3.98595 12.6667 4.29984 12.6667 4.6665V9.99984H11.3334ZM12 15.3332C11.8111 15.3332 11.6528 15.2693 11.525 15.1415C11.3972 15.0137 11.3334 14.8554 11.3334 14.6665V12.6665H4.66669C4.30002 12.6665 3.98613 12.5359 3.72502 12.2748C3.46391 12.0137 3.33335 11.6998 3.33335 11.3332V4.6665H1.33335C1.14446 4.6665 0.986131 4.60262 0.858354 4.47484C0.730576 4.34706 0.666687 4.18873 0.666687 3.99984C0.666687 3.81095 0.730576 3.65262 0.858354 3.52484C0.986131 3.39706 1.14446 3.33317 1.33335 3.33317H3.33335V1.33317C3.33335 1.14428 3.39724 0.985948 3.52502 0.858171C3.6528 0.730393 3.81113 0.666504 4.00002 0.666504C4.18891 0.666504 4.34724 0.730393 4.47502 0.858171C4.6028 0.985948 4.66669 1.14428 4.66669 1.33317V11.3332H14.6667C14.8556 11.3332 15.0139 11.3971 15.1417 11.5248C15.2695 11.6526 15.3334 11.8109 15.3334 11.9998C15.3334 12.1887 15.2695 12.3471 15.1417 12.4748C15.0139 12.6026 14.8556 12.6665 14.6667 12.6665H12.6667V14.6665C12.6667 14.8554 12.6028 15.0137 12.475 15.1415C12.3472 15.2693 12.1889 15.3332 12 15.3332Z", fill: "currentColor" })), h("defs", { key: '1353a67b86623d74c04918d212d397bc133e68a0' }, h("clipPath", { key: 'b4de92be4e423cc72ca636aed15e2851f438d6ad', id: "clip0_1497_19" }, h("rect", { key: 'd9544ad006d0004a4b076953c9404b98b2980412', width: "16", height: "16", fill: "currentColor" }))))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e993736ee9b83644d4a103c951647e6ce7fd531c' }, h("path", { key: 'fc1d38c717450a26d36108da34a22202831845d2', d: "M17 15V7H9V5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V15H17ZM18 23C17.7167 23 17.4792 22.9042 17.2875 22.7125C17.0958 22.5208 17 22.2833 17 22V19H7C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7H2C1.71667 7 1.47917 6.90417 1.2875 6.7125C1.09583 6.52083 1 6.28333 1 6C1 5.71667 1.09583 5.47917 1.2875 5.2875C1.47917 5.09583 1.71667 5 2 5H5V2C5 1.71667 5.09583 1.47917 5.2875 1.2875C5.47917 1.09583 5.71667 1 6 1C6.28333 1 6.52083 1.09583 6.7125 1.2875C6.90417 1.47917 7 1.71667 7 2V17H22C22.2833 17 22.5208 17.0958 22.7125 17.2875C22.9042 17.4792 23 17.7167 23 18C23 18.2833 22.9042 18.5208 22.7125 18.7125C22.5208 18.9042 22.2833 19 22 19H19V22C19 22.2833 18.9042 22.5208 18.7125 22.7125C18.5208 22.9042 18.2833 23 18 23Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1863fa132f7ae579c5909a9752375d7df58a224e' }, h("path", { key: '53c86708e0d2040d0c6a1855c715fbcb18a061a2', d: "M19.8334 17.4998V8.1665H10.5V5.83317H19.8334C20.475 5.83317 21.0243 6.06164 21.4813 6.51859C21.9382 6.97553 22.1667 7.52484 22.1667 8.1665V17.4998H19.8334ZM21 26.8332C20.6695 26.8332 20.3924 26.7214 20.1688 26.4978C19.9452 26.2741 19.8334 25.9971 19.8334 25.6665V22.1665H8.16669C7.52502 22.1665 6.97571 21.938 6.51877 21.4811C6.06183 21.0241 5.83335 20.4748 5.83335 19.8332V8.1665H2.33335C2.0028 8.1665 1.72571 8.0547 1.5021 7.83109C1.27849 7.60748 1.16669 7.33039 1.16669 6.99984C1.16669 6.66928 1.27849 6.3922 1.5021 6.16859C1.72571 5.94498 2.0028 5.83317 2.33335 5.83317H5.83335V2.33317C5.83335 2.00261 5.94516 1.72553 6.16877 1.50192C6.39238 1.27831 6.66946 1.1665 7.00002 1.1665C7.33058 1.1665 7.60766 1.27831 7.83127 1.50192C8.05488 1.72553 8.16669 2.00261 8.16669 2.33317V19.8332H25.6667C25.9972 19.8332 26.2743 19.945 26.4979 20.1686C26.7215 20.3922 26.8334 20.6693 26.8334 20.9998C26.8334 21.3304 26.7215 21.6075 26.4979 21.8311C26.2743 22.0547 25.9972 22.1665 25.6667 22.1665H22.1667V25.6665C22.1667 25.9971 22.0549 26.2741 21.8313 26.4978C21.6077 26.7214 21.3306 26.8332 21 26.8332Z", fill: "currentColor" })))));
+        return (h("svg", { key: '8636edd3a2453fb67fa0afdbfdaffd60510ccdec', "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: '8877711059e28e647dc07ff119c5fbf892b7b39c' }, h("g", { key: 'ed6d485f0bff01a5d0e48ebb6279df8b3b8eec99', "clip-path": "url(#clip0_1497_19)" }, h("path", { key: '38ec9f9f649a4b03260e3f79bbf1284e7dc99277', d: "M11.3334 9.99984V4.6665H6.00002V3.33317H11.3334C11.7 3.33317 12.0139 3.46373 12.275 3.72484C12.5361 3.98595 12.6667 4.29984 12.6667 4.6665V9.99984H11.3334ZM12 15.3332C11.8111 15.3332 11.6528 15.2693 11.525 15.1415C11.3972 15.0137 11.3334 14.8554 11.3334 14.6665V12.6665H4.66669C4.30002 12.6665 3.98613 12.5359 3.72502 12.2748C3.46391 12.0137 3.33335 11.6998 3.33335 11.3332V4.6665H1.33335C1.14446 4.6665 0.986131 4.60262 0.858354 4.47484C0.730576 4.34706 0.666687 4.18873 0.666687 3.99984C0.666687 3.81095 0.730576 3.65262 0.858354 3.52484C0.986131 3.39706 1.14446 3.33317 1.33335 3.33317H3.33335V1.33317C3.33335 1.14428 3.39724 0.985948 3.52502 0.858171C3.6528 0.730393 3.81113 0.666504 4.00002 0.666504C4.18891 0.666504 4.34724 0.730393 4.47502 0.858171C4.6028 0.985948 4.66669 1.14428 4.66669 1.33317V11.3332H14.6667C14.8556 11.3332 15.0139 11.3971 15.1417 11.5248C15.2695 11.6526 15.3334 11.8109 15.3334 11.9998C15.3334 12.1887 15.2695 12.3471 15.1417 12.4748C15.0139 12.6026 14.8556 12.6665 14.6667 12.6665H12.6667V14.6665C12.6667 14.8554 12.6028 15.0137 12.475 15.1415C12.3472 15.2693 12.1889 15.3332 12 15.3332Z", fill: "currentColor" })), h("defs", { key: 'acb61d8995c69a4917f30619d1df687365514ca9' }, h("clipPath", { key: '00e36f4ae03062e79592650c9280c6891d0f1628', id: "clip0_1497_19" }, h("rect", { key: '7d45b02d28f2d1044d53d1030aeae54b9bad7f15', width: "16", height: "16", fill: "currentColor" }))))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd48d3c09d43a78fb93015109e124995139f8fa51' }, h("path", { key: '743be715fc1e9df6ee695f0c08ecee0f46646f9b', d: "M17 15V7H9V5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V15H17ZM18 23C17.7167 23 17.4792 22.9042 17.2875 22.7125C17.0958 22.5208 17 22.2833 17 22V19H7C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7H2C1.71667 7 1.47917 6.90417 1.2875 6.7125C1.09583 6.52083 1 6.28333 1 6C1 5.71667 1.09583 5.47917 1.2875 5.2875C1.47917 5.09583 1.71667 5 2 5H5V2C5 1.71667 5.09583 1.47917 5.2875 1.2875C5.47917 1.09583 5.71667 1 6 1C6.28333 1 6.52083 1.09583 6.7125 1.2875C6.90417 1.47917 7 1.71667 7 2V17H22C22.2833 17 22.5208 17.0958 22.7125 17.2875C22.9042 17.4792 23 17.7167 23 18C23 18.2833 22.9042 18.5208 22.7125 18.7125C22.5208 18.9042 22.2833 19 22 19H19V22C19 22.2833 18.9042 22.5208 18.7125 22.7125C18.5208 22.9042 18.2833 23 18 23Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1726cb3977d2b35849ee67ad6c4929e0cdeb9e14' }, h("path", { key: 'c92eb31b2a750de3671ae42f5ac44b3ce160e212', d: "M19.8334 17.4998V8.1665H10.5V5.83317H19.8334C20.475 5.83317 21.0243 6.06164 21.4813 6.51859C21.9382 6.97553 22.1667 7.52484 22.1667 8.1665V17.4998H19.8334ZM21 26.8332C20.6695 26.8332 20.3924 26.7214 20.1688 26.4978C19.9452 26.2741 19.8334 25.9971 19.8334 25.6665V22.1665H8.16669C7.52502 22.1665 6.97571 21.938 6.51877 21.4811C6.06183 21.0241 5.83335 20.4748 5.83335 19.8332V8.1665H2.33335C2.0028 8.1665 1.72571 8.0547 1.5021 7.83109C1.27849 7.60748 1.16669 7.33039 1.16669 6.99984C1.16669 6.66928 1.27849 6.3922 1.5021 6.16859C1.72571 5.94498 2.0028 5.83317 2.33335 5.83317H5.83335V2.33317C5.83335 2.00261 5.94516 1.72553 6.16877 1.50192C6.39238 1.27831 6.66946 1.1665 7.00002 1.1665C7.33058 1.1665 7.60766 1.27831 7.83127 1.50192C8.05488 1.72553 8.16669 2.00261 8.16669 2.33317V19.8332H25.6667C25.9972 19.8332 26.2743 19.945 26.4979 20.1686C26.7215 20.3922 26.8334 20.6693 26.8334 20.9998C26.8334 21.3304 26.7215 21.6075 26.4979 21.8311C26.2743 22.0547 25.9972 22.1665 25.6667 22.1665H22.1667V25.6665C22.1667 25.9971 22.0549 26.2741 21.8313 26.4978C21.6077 26.7214 21.3306 26.8332 21 26.8332Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-crop"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +29,7 @@ export class SwirlIconCrop {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconColor",
@@ -48,11 +48,13 @@ export class SwirlIconCrop {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconSize",
@@ -71,7 +73,8 @@ export class SwirlIconCrop {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "24"
             }

package/dist/collection/components/swirl-icon/icons/swirl-icon-dark-mode.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDarkMode {
     constructor() {
-        this.color = undefined;
         this.size = 24;
     }
     render() {
@@ -12,7 +11,7 @@ export class SwirlIconDarkMode {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'bcc1729ad446cf9d9734657bc83832c25ab43171', "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: 'bb5dbffba59c8e3f6cf61192532a34c416ecd7c5' }, h("path", { key: '762f4b32d5a99f05e661485d70fd63ca536436de', d: "M8 13.9998C6.32222 13.9998 4.90267 13.4191 3.74133 12.2578C2.58044 11.0969 2 9.67755 2 7.99977C2 6.46644 2.5 5.13577 3.5 4.00777C4.5 2.88022 5.77778 2.22199 7.33333 2.03311C7.61111 1.99977 7.82778 2.09977 7.98333 2.33311C8.13889 2.56644 8.13333 2.81088 7.96667 3.06644C7.77778 3.35533 7.636 3.66088 7.54133 3.98311C7.44711 4.30533 7.4 4.64422 7.4 4.99977C7.4 5.99977 7.75 6.84977 8.45 7.54977C9.15 8.24977 10 8.59977 11 8.59977C11.3444 8.59977 11.6862 8.54977 12.0253 8.44977C12.364 8.34977 12.6667 8.21088 12.9333 8.03311C13.1667 7.87755 13.4056 7.86911 13.65 8.00777C13.8944 8.14688 14 8.36644 13.9667 8.66644C13.8111 10.1998 13.1584 11.472 12.0087 12.4831C10.8584 13.4942 9.52222 13.9998 8 13.9998ZM8 12.6664C8.97778 12.6664 9.85556 12.3971 10.6333 11.8584C11.4111 11.3193 11.9778 10.6164 12.3333 9.74977C12.1111 9.80533 11.8889 9.84977 11.6667 9.88311C11.4444 9.91644 11.2222 9.9331 11 9.9331C9.63333 9.9331 8.46933 9.45266 7.508 8.49177C6.54711 7.53044 6.06667 6.36644 6.06667 4.99977C6.06667 4.77755 6.08333 4.55533 6.11667 4.33311C6.15 4.11088 6.19444 3.88866 6.25 3.66644C5.38333 4.02199 4.68067 4.58866 4.142 5.36644C3.60289 6.14422 3.33333 7.02199 3.33333 7.99977C3.33333 9.28866 3.78889 10.3887 4.7 11.2998C5.61111 12.2109 6.71111 12.6664 8 12.6664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f0cc50c96622570a7acccd5bd515a8eade454bdf' }, h("path", { key: '49dfc59d348394618ce9d3915671ef693867773d', d: "M12 20.9999C9.48333 20.9999 7.354 20.1289 5.612 18.3869C3.87067 16.6456 3 14.5166 3 11.9999C3 9.6999 3.75 7.7039 5.25 6.0119C6.75 4.32057 8.66667 3.33324 11 3.0499C11.4167 2.9999 11.7417 3.1499 11.975 3.4999C12.2083 3.8499 12.2 4.21657 11.95 4.5999C11.6667 5.03324 11.454 5.49157 11.312 5.9749C11.1707 6.45824 11.1 6.96657 11.1 7.4999C11.1 8.9999 11.625 10.2749 12.675 11.3249C13.725 12.3749 15 12.8999 16.5 12.8999C17.0167 12.8999 17.5293 12.8249 18.038 12.6749C18.546 12.5249 19 12.3166 19.4 12.0499C19.75 11.8166 20.1083 11.8039 20.475 12.0119C20.8417 12.2206 21 12.5499 20.95 12.9999C20.7167 15.2999 19.7377 17.2082 18.013 18.7249C16.2877 20.2416 14.2833 20.9999 12 20.9999ZM12 18.9999C13.4667 18.9999 14.7833 18.5959 15.95 17.7879C17.1167 16.9792 17.9667 15.9249 18.5 14.6249C18.1667 14.7082 17.8333 14.7749 17.5 14.8249C17.1667 14.8749 16.8333 14.8999 16.5 14.8999C14.45 14.8999 12.704 14.1792 11.262 12.7379C9.82067 11.2959 9.1 9.5499 9.1 7.4999C9.1 7.16657 9.125 6.83324 9.175 6.4999C9.225 6.16657 9.29167 5.83324 9.375 5.4999C8.075 6.03324 7.021 6.88324 6.213 8.0499C5.40433 9.21657 5 10.5332 5 11.9999C5 13.9332 5.68333 15.5832 7.05 16.9499C8.41667 18.3166 10.0667 18.9999 12 18.9999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a75934f8cc7944e693c559822a03fff5311d4712' }, h("path", { key: 'c7ca8f887babd8bb2fe31dfc4401bcac06658377', d: "M14 24.5C11.0639 24.5 8.57967 23.4838 6.54733 21.4515C4.51578 19.4199 3.5 16.9361 3.5 14C3.5 11.3166 4.375 8.98797 6.125 7.01397C7.875 5.04075 10.1111 3.88886 12.8333 3.5583C13.3194 3.49997 13.6986 3.67497 13.9708 4.0833C14.2431 4.49163 14.2333 4.91941 13.9417 5.36663C13.6111 5.87219 13.363 6.40691 13.1973 6.9708C13.0324 7.53469 12.95 8.12774 12.95 8.74997C12.95 10.5 13.5625 11.9875 14.7875 13.2125C16.0125 14.4375 17.5 15.05 19.25 15.05C19.8528 15.05 20.4509 14.9625 21.0443 14.7875C21.637 14.6125 22.1667 14.3694 22.6333 14.0583C23.0417 13.7861 23.4597 13.7713 23.8875 14.014C24.3153 14.2574 24.5 14.6416 24.4417 15.1666C24.1694 17.85 23.0273 20.0764 21.0152 21.8458C19.0023 23.6152 16.6639 24.5 14 24.5ZM14 22.1666C15.7111 22.1666 17.2472 21.6953 18.6083 20.7526C19.9694 19.8092 20.9611 18.5791 21.5833 17.0625C21.1944 17.1597 20.8056 17.2375 20.4167 17.2958C20.0278 17.3541 19.6389 17.3833 19.25 17.3833C16.8583 17.3833 14.8213 16.5425 13.139 14.861C11.4574 13.1786 10.6167 11.1416 10.6167 8.74997C10.6167 8.36108 10.6458 7.97219 10.7042 7.5833C10.7625 7.19441 10.8403 6.80552 10.9375 6.41663C9.42083 7.03886 8.19117 8.03052 7.2485 9.39163C6.30506 10.7527 5.83333 12.2889 5.83333 14C5.83333 16.2555 6.63056 18.1805 8.225 19.775C9.81944 21.3694 11.7444 22.1666 14 22.1666Z", fill: "currentColor" })))));
+        return (h("svg", { key: '85b013898b12275a1bc2b0cd29309d37cc47dfa9', "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: 'f640ea16c31bbf23c074924d6f32fb982191bdc1' }, h("path", { key: '6296f594e7edab91f2b3e5e38923ef6f0e20dd29', d: "M8 13.9998C6.32222 13.9998 4.90267 13.4191 3.74133 12.2578C2.58044 11.0969 2 9.67755 2 7.99977C2 6.46644 2.5 5.13577 3.5 4.00777C4.5 2.88022 5.77778 2.22199 7.33333 2.03311C7.61111 1.99977 7.82778 2.09977 7.98333 2.33311C8.13889 2.56644 8.13333 2.81088 7.96667 3.06644C7.77778 3.35533 7.636 3.66088 7.54133 3.98311C7.44711 4.30533 7.4 4.64422 7.4 4.99977C7.4 5.99977 7.75 6.84977 8.45 7.54977C9.15 8.24977 10 8.59977 11 8.59977C11.3444 8.59977 11.6862 8.54977 12.0253 8.44977C12.364 8.34977 12.6667 8.21088 12.9333 8.03311C13.1667 7.87755 13.4056 7.86911 13.65 8.00777C13.8944 8.14688 14 8.36644 13.9667 8.66644C13.8111 10.1998 13.1584 11.472 12.0087 12.4831C10.8584 13.4942 9.52222 13.9998 8 13.9998ZM8 12.6664C8.97778 12.6664 9.85556 12.3971 10.6333 11.8584C11.4111 11.3193 11.9778 10.6164 12.3333 9.74977C12.1111 9.80533 11.8889 9.84977 11.6667 9.88311C11.4444 9.91644 11.2222 9.9331 11 9.9331C9.63333 9.9331 8.46933 9.45266 7.508 8.49177C6.54711 7.53044 6.06667 6.36644 6.06667 4.99977C6.06667 4.77755 6.08333 4.55533 6.11667 4.33311C6.15 4.11088 6.19444 3.88866 6.25 3.66644C5.38333 4.02199 4.68067 4.58866 4.142 5.36644C3.60289 6.14422 3.33333 7.02199 3.33333 7.99977C3.33333 9.28866 3.78889 10.3887 4.7 11.2998C5.61111 12.2109 6.71111 12.6664 8 12.6664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8a36e58ea4f001772bba93f6768edf7c961d0efa' }, h("path", { key: '8d9f24dc8077f5adf2793c9ac9d296ee848e51a6', d: "M12 20.9999C9.48333 20.9999 7.354 20.1289 5.612 18.3869C3.87067 16.6456 3 14.5166 3 11.9999C3 9.6999 3.75 7.7039 5.25 6.0119C6.75 4.32057 8.66667 3.33324 11 3.0499C11.4167 2.9999 11.7417 3.1499 11.975 3.4999C12.2083 3.8499 12.2 4.21657 11.95 4.5999C11.6667 5.03324 11.454 5.49157 11.312 5.9749C11.1707 6.45824 11.1 6.96657 11.1 7.4999C11.1 8.9999 11.625 10.2749 12.675 11.3249C13.725 12.3749 15 12.8999 16.5 12.8999C17.0167 12.8999 17.5293 12.8249 18.038 12.6749C18.546 12.5249 19 12.3166 19.4 12.0499C19.75 11.8166 20.1083 11.8039 20.475 12.0119C20.8417 12.2206 21 12.5499 20.95 12.9999C20.7167 15.2999 19.7377 17.2082 18.013 18.7249C16.2877 20.2416 14.2833 20.9999 12 20.9999ZM12 18.9999C13.4667 18.9999 14.7833 18.5959 15.95 17.7879C17.1167 16.9792 17.9667 15.9249 18.5 14.6249C18.1667 14.7082 17.8333 14.7749 17.5 14.8249C17.1667 14.8749 16.8333 14.8999 16.5 14.8999C14.45 14.8999 12.704 14.1792 11.262 12.7379C9.82067 11.2959 9.1 9.5499 9.1 7.4999C9.1 7.16657 9.125 6.83324 9.175 6.4999C9.225 6.16657 9.29167 5.83324 9.375 5.4999C8.075 6.03324 7.021 6.88324 6.213 8.0499C5.40433 9.21657 5 10.5332 5 11.9999C5 13.9332 5.68333 15.5832 7.05 16.9499C8.41667 18.3166 10.0667 18.9999 12 18.9999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '3955bf6cd809e72a40ebb12351740b62d1c08560' }, h("path", { key: '45f7a14b39b3195c9d6d9dc5bc7b0c5b803ced68', d: "M14 24.5C11.0639 24.5 8.57967 23.4838 6.54733 21.4515C4.51578 19.4199 3.5 16.9361 3.5 14C3.5 11.3166 4.375 8.98797 6.125 7.01397C7.875 5.04075 10.1111 3.88886 12.8333 3.5583C13.3194 3.49997 13.6986 3.67497 13.9708 4.0833C14.2431 4.49163 14.2333 4.91941 13.9417 5.36663C13.6111 5.87219 13.363 6.40691 13.1973 6.9708C13.0324 7.53469 12.95 8.12774 12.95 8.74997C12.95 10.5 13.5625 11.9875 14.7875 13.2125C16.0125 14.4375 17.5 15.05 19.25 15.05C19.8528 15.05 20.4509 14.9625 21.0443 14.7875C21.637 14.6125 22.1667 14.3694 22.6333 14.0583C23.0417 13.7861 23.4597 13.7713 23.8875 14.014C24.3153 14.2574 24.5 14.6416 24.4417 15.1666C24.1694 17.85 23.0273 20.0764 21.0152 21.8458C19.0023 23.6152 16.6639 24.5 14 24.5ZM14 22.1666C15.7111 22.1666 17.2472 21.6953 18.6083 20.7526C19.9694 19.8092 20.9611 18.5791 21.5833 17.0625C21.1944 17.1597 20.8056 17.2375 20.4167 17.2958C20.0278 17.3541 19.6389 17.3833 19.25 17.3833C16.8583 17.3833 14.8213 16.5425 13.139 14.861C11.4574 13.1786 10.6167 11.1416 10.6167 8.74997C10.6167 8.36108 10.6458 7.97219 10.7042 7.5833C10.7625 7.19441 10.8403 6.80552 10.9375 6.41663C9.42083 7.03886 8.19117 8.03052 7.2485 9.39163C6.30506 10.7527 5.83333 12.2889 5.83333 14C5.83333 16.2555 6.63056 18.1805 8.225 19.775C9.81944 21.3694 11.7444 22.1666 14 22.1666Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-dark-mode"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +29,7 @@ export class SwirlIconDarkMode {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconColor",
@@ -48,11 +48,13 @@ export class SwirlIconDarkMode {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconSize",
@@ -71,7 +73,8 @@ export class SwirlIconDarkMode {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "24"
             }

package/dist/collection/components/swirl-icon/icons/swirl-icon-date-range.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDateRange {
     constructor() {
-        this.color = undefined;
         this.size = 24;
     }
     render() {
@@ -12,7 +11,7 @@ export class SwirlIconDateRange {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '01f22dd4da3043e4940029a2dbec4c2741afd9b9', "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: '42982778f0beb68ad30cfcb2c9ed8bfa72790515' }, h("path", { key: 'e4582d20feacde4c18833d7673892ec5954918f7', d: "M12.6667 2.66671H12V2.00004C12 1.63337 11.7 1.33337 11.3333 1.33337C10.9667 1.33337 10.6667 1.63337 10.6667 2.00004V2.66671H5.33333V2.00004C5.33333 1.63337 5.03333 1.33337 4.66667 1.33337C4.3 1.33337 4 1.63337 4 2.00004V2.66671H3.33333C2.59333 2.66671 2.00667 3.26671 2.00667 4.00004L2 13.3334C2 14.0667 2.59333 14.6667 3.33333 14.6667H12.6667C13.4 14.6667 14 14.0667 14 13.3334V4.00004C14 3.26671 13.4 2.66671 12.6667 2.66671ZM12.6667 12.6667C12.6667 13.0334 12.3667 13.3334 12 13.3334H4C3.63333 13.3334 3.33333 13.0334 3.33333 12.6667V6.00004H12.6667V12.6667ZM4.66667 7.33337H6V8.66671H4.66667V7.33337ZM7.33333 7.33337H8.66667V8.66671H7.33333V7.33337ZM10 7.33337H11.3333V8.66671H10V7.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8e3bce2d56500262a2b6ffe8dedfd7ba696f33e5' }, h("path", { key: 'f046a0c384639d494310845aa4d9035f9c4595e8', d: "M19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 19C19 19.55 18.55 20 18 20H6C5.45 20 5 19.55 5 19V9H19V19ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '07ffecb9a2cc5d17bc13ba7a9f1c658eab7bbc1a' }, h("path", { key: 'ec29051a4da3bba49655d401f9d76b81649cc8a4', d: "M22.1667 4.66671H21V3.50004C21 2.85837 20.475 2.33337 19.8333 2.33337C19.1917 2.33337 18.6667 2.85837 18.6667 3.50004V4.66671H9.33333V3.50004C9.33333 2.85837 8.80833 2.33337 8.16667 2.33337C7.525 2.33337 7 2.85837 7 3.50004V4.66671H5.83333C4.53833 4.66671 3.51167 5.71671 3.51167 7.00004L3.5 23.3334C3.5 24.6167 4.53833 25.6667 5.83333 25.6667H22.1667C23.45 25.6667 24.5 24.6167 24.5 23.3334V7.00004C24.5 5.71671 23.45 4.66671 22.1667 4.66671ZM22.1667 22.1667C22.1667 22.8084 21.6417 23.3334 21 23.3334H7C6.35833 23.3334 5.83333 22.8084 5.83333 22.1667V10.5H22.1667V22.1667ZM8.16667 12.8334H10.5V15.1667H8.16667V12.8334ZM12.8333 12.8334H15.1667V15.1667H12.8333V12.8334ZM17.5 12.8334H19.8333V15.1667H17.5V12.8334Z", fill: "currentColor" })))));
+        return (h("svg", { key: '8b8040f41464ccbd7485f46e4064822d2cf2cb2a', "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: '65a8fa0fe88f9a6c504f47a613ad78f9993b8928' }, h("path", { key: '5e6f81831243aa75332c1c02632150c17fc363b8', d: "M12.6667 2.66671H12V2.00004C12 1.63337 11.7 1.33337 11.3333 1.33337C10.9667 1.33337 10.6667 1.63337 10.6667 2.00004V2.66671H5.33333V2.00004C5.33333 1.63337 5.03333 1.33337 4.66667 1.33337C4.3 1.33337 4 1.63337 4 2.00004V2.66671H3.33333C2.59333 2.66671 2.00667 3.26671 2.00667 4.00004L2 13.3334C2 14.0667 2.59333 14.6667 3.33333 14.6667H12.6667C13.4 14.6667 14 14.0667 14 13.3334V4.00004C14 3.26671 13.4 2.66671 12.6667 2.66671ZM12.6667 12.6667C12.6667 13.0334 12.3667 13.3334 12 13.3334H4C3.63333 13.3334 3.33333 13.0334 3.33333 12.6667V6.00004H12.6667V12.6667ZM4.66667 7.33337H6V8.66671H4.66667V7.33337ZM7.33333 7.33337H8.66667V8.66671H7.33333V7.33337ZM10 7.33337H11.3333V8.66671H10V7.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e1656f9a7be7f3217a3fdcd0ef89a921b3c2f46b' }, h("path", { key: '13d308f388cb32acaa04ac26de2eedcc809ea59c', d: "M19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 19C19 19.55 18.55 20 18 20H6C5.45 20 5 19.55 5 19V9H19V19ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '336e6599dbbb3c91108f49175b6db17d2e519e7b' }, h("path", { key: '52f5ef633df066735d7c55e947e7f68301e99280', d: "M22.1667 4.66671H21V3.50004C21 2.85837 20.475 2.33337 19.8333 2.33337C19.1917 2.33337 18.6667 2.85837 18.6667 3.50004V4.66671H9.33333V3.50004C9.33333 2.85837 8.80833 2.33337 8.16667 2.33337C7.525 2.33337 7 2.85837 7 3.50004V4.66671H5.83333C4.53833 4.66671 3.51167 5.71671 3.51167 7.00004L3.5 23.3334C3.5 24.6167 4.53833 25.6667 5.83333 25.6667H22.1667C23.45 25.6667 24.5 24.6167 24.5 23.3334V7.00004C24.5 5.71671 23.45 4.66671 22.1667 4.66671ZM22.1667 22.1667C22.1667 22.8084 21.6417 23.3334 21 23.3334H7C6.35833 23.3334 5.83333 22.8084 5.83333 22.1667V10.5H22.1667V22.1667ZM8.16667 12.8334H10.5V15.1667H8.16667V12.8334ZM12.8333 12.8334H15.1667V15.1667H12.8333V12.8334ZM17.5 12.8334H19.8333V15.1667H17.5V12.8334Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-date-range"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +29,7 @@ export class SwirlIconDateRange {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconColor",
@@ -48,11 +48,13 @@ export class SwirlIconDateRange {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconSize",
@@ -71,7 +73,8 @@ export class SwirlIconDateRange {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "24"
             }

package/dist/collection/components/swirl-icon/icons/swirl-icon-delete.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDelete {
     constructor() {
-        this.color = undefined;
         this.size = 24;
     }
     render() {
@@ -12,7 +11,7 @@ export class SwirlIconDelete {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'a59ecc35355ff077755acbf9829c2f90eb3c8df3', "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: '4a3ad07201c9cc5e11d5cd6fea426552fc267c54' }, h("path", { key: '94b6a878660580a21e88d636c3dc248a52adc994', d: "M4.66669 14C4.30002 14 3.98624 13.8696 3.72535 13.6087C3.46402 13.3473 3.33335 13.0333 3.33335 12.6667V4C3.14446 4 2.98602 3.93622 2.85802 3.80867C2.73046 3.68067 2.66669 3.52222 2.66669 3.33333C2.66669 3.14444 2.73046 2.986 2.85802 2.858C2.98602 2.73044 3.14446 2.66667 3.33335 2.66667H6.00002C6.00002 2.47778 6.06402 2.31933 6.19202 2.19133C6.31958 2.06378 6.4778 2 6.66669 2H9.33335C9.52224 2 9.68069 2.06378 9.80869 2.19133C9.93624 2.31933 10 2.47778 10 2.66667H12.6667C12.8556 2.66667 13.0138 2.73044 13.1414 2.858C13.2694 2.986 13.3334 3.14444 13.3334 3.33333C13.3334 3.52222 13.2694 3.68067 13.1414 3.80867C13.0138 3.93622 12.8556 4 12.6667 4V12.6667C12.6667 13.0333 12.5362 13.3473 12.2754 13.6087C12.014 13.8696 11.7 14 11.3334 14H4.66669ZM4.66669 4V12.6667H11.3334V4H4.66669ZM6.00002 10.6667C6.00002 10.8556 6.06402 11.0138 6.19202 11.1413C6.31958 11.2693 6.4778 11.3333 6.66669 11.3333C6.85558 11.3333 7.01402 11.2693 7.14202 11.1413C7.26958 11.0138 7.33335 10.8556 7.33335 10.6667V6C7.33335 5.81111 7.26958 5.65267 7.14202 5.52467C7.01402 5.39711 6.85558 5.33333 6.66669 5.33333C6.4778 5.33333 6.31958 5.39711 6.19202 5.52467C6.06402 5.65267 6.00002 5.81111 6.00002 6V10.6667ZM8.66669 10.6667C8.66669 10.8556 8.73069 11.0138 8.85869 11.1413C8.98624 11.2693 9.14446 11.3333 9.33335 11.3333C9.52224 11.3333 9.68069 11.2693 9.80869 11.1413C9.93624 11.0138 10 10.8556 10 10.6667V6C10 5.81111 9.93624 5.65267 9.80869 5.52467C9.68069 5.39711 9.52224 5.33333 9.33335 5.33333C9.14446 5.33333 8.98624 5.39711 8.85869 5.52467C8.73069 5.65267 8.66669 5.81111 8.66669 6V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '17d860e7be940fae1eac6bcbd92cbdd7f9b63833' }, h("path", { key: '5d97ab2d3e438442a4f244e75b7415db571048b4', d: "M7 21C6.45 21 5.97933 20.8043 5.588 20.413C5.196 20.021 5 19.55 5 19V6C4.71667 6 4.479 5.90433 4.287 5.713C4.09567 5.521 4 5.28333 4 5C4 4.71667 4.09567 4.479 4.287 4.287C4.479 4.09567 4.71667 4 5 4H9C9 3.71667 9.096 3.479 9.288 3.287C9.47933 3.09567 9.71667 3 10 3H14C14.2833 3 14.521 3.09567 14.713 3.287C14.9043 3.479 15 3.71667 15 4H19C19.2833 4 19.5207 4.09567 19.712 4.287C19.904 4.479 20 4.71667 20 5C20 5.28333 19.904 5.521 19.712 5.713C19.5207 5.90433 19.2833 6 19 6V19C19 19.55 18.8043 20.021 18.413 20.413C18.021 20.8043 17.55 21 17 21H7ZM7 6V19H17V6H7ZM9 16C9 16.2833 9.096 16.5207 9.288 16.712C9.47933 16.904 9.71667 17 10 17C10.2833 17 10.521 16.904 10.713 16.712C10.9043 16.5207 11 16.2833 11 16V9C11 8.71667 10.9043 8.479 10.713 8.287C10.521 8.09567 10.2833 8 10 8C9.71667 8 9.47933 8.09567 9.288 8.287C9.096 8.479 9 8.71667 9 9V16ZM13 16C13 16.2833 13.096 16.5207 13.288 16.712C13.4793 16.904 13.7167 17 14 17C14.2833 17 14.521 16.904 14.713 16.712C14.9043 16.5207 15 16.2833 15 16V9C15 8.71667 14.9043 8.479 14.713 8.287C14.521 8.09567 14.2833 8 14 8C13.7167 8 13.4793 8.09567 13.288 8.287C13.096 8.479 13 8.71667 13 9V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'aeffb0991afeffd61550d7af2565e1e267e101ae' }, h("path", { key: '0986f47dcce2b76d296ae13bc3b0373af7f4fb80', d: "M8.16669 24.5C7.52502 24.5 6.97591 24.2717 6.51935 23.8152C6.06202 23.3578 5.83335 22.8083 5.83335 22.1667V7C5.5028 7 5.22552 6.88839 5.00152 6.66517C4.7783 6.44117 4.66669 6.16389 4.66669 5.83333C4.66669 5.50278 4.7783 5.2255 5.00152 5.0015C5.22552 4.77828 5.5028 4.66667 5.83335 4.66667H10.5C10.5 4.33611 10.612 4.05883 10.836 3.83483C11.0592 3.61161 11.3361 3.5 11.6667 3.5H16.3334C16.6639 3.5 16.9412 3.61161 17.1652 3.83483C17.3884 4.05883 17.5 4.33611 17.5 4.66667H22.1667C22.4972 4.66667 22.7741 4.77828 22.9974 5.0015C23.2214 5.2255 23.3334 5.50278 23.3334 5.83333C23.3334 6.16389 23.2214 6.44117 22.9974 6.66517C22.7741 6.88839 22.4972 7 22.1667 7V22.1667C22.1667 22.8083 21.9384 23.3578 21.4819 23.8152C21.0245 24.2717 20.475 24.5 19.8334 24.5H8.16669ZM8.16669 7V22.1667H19.8334V7H8.16669ZM10.5 18.6667C10.5 18.9972 10.612 19.2741 10.836 19.4973C11.0592 19.7213 11.3361 19.8333 11.6667 19.8333C11.9972 19.8333 12.2745 19.7213 12.4985 19.4973C12.7217 19.2741 12.8334 18.9972 12.8334 18.6667V10.5C12.8334 10.1694 12.7217 9.89217 12.4985 9.66817C12.2745 9.44494 11.9972 9.33333 11.6667 9.33333C11.3361 9.33333 11.0592 9.44494 10.836 9.66817C10.612 9.89217 10.5 10.1694 10.5 10.5V18.6667ZM15.1667 18.6667C15.1667 18.9972 15.2787 19.2741 15.5027 19.4973C15.7259 19.7213 16.0028 19.8333 16.3334 19.8333C16.6639 19.8333 16.9412 19.7213 17.1652 19.4973C17.3884 19.2741 17.5 18.9972 17.5 18.6667V10.5C17.5 10.1694 17.3884 9.89217 17.1652 9.66817C16.9412 9.44494 16.6639 9.33333 16.3334 9.33333C16.0028 9.33333 15.7259 9.44494 15.5027 9.66817C15.2787 9.89217 15.1667 10.1694 15.1667 10.5V18.6667Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'd74f502c9071ce0fb354fc8c1914db5adf3a8172', "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: 'dff3c86cf4fc85ae9214a6ca3223e3ebd2ce3ada' }, h("path", { key: 'dfd75e433a6521c07a5334c41120fd568f5aa71b', d: "M4.66669 14C4.30002 14 3.98624 13.8696 3.72535 13.6087C3.46402 13.3473 3.33335 13.0333 3.33335 12.6667V4C3.14446 4 2.98602 3.93622 2.85802 3.80867C2.73046 3.68067 2.66669 3.52222 2.66669 3.33333C2.66669 3.14444 2.73046 2.986 2.85802 2.858C2.98602 2.73044 3.14446 2.66667 3.33335 2.66667H6.00002C6.00002 2.47778 6.06402 2.31933 6.19202 2.19133C6.31958 2.06378 6.4778 2 6.66669 2H9.33335C9.52224 2 9.68069 2.06378 9.80869 2.19133C9.93624 2.31933 10 2.47778 10 2.66667H12.6667C12.8556 2.66667 13.0138 2.73044 13.1414 2.858C13.2694 2.986 13.3334 3.14444 13.3334 3.33333C13.3334 3.52222 13.2694 3.68067 13.1414 3.80867C13.0138 3.93622 12.8556 4 12.6667 4V12.6667C12.6667 13.0333 12.5362 13.3473 12.2754 13.6087C12.014 13.8696 11.7 14 11.3334 14H4.66669ZM4.66669 4V12.6667H11.3334V4H4.66669ZM6.00002 10.6667C6.00002 10.8556 6.06402 11.0138 6.19202 11.1413C6.31958 11.2693 6.4778 11.3333 6.66669 11.3333C6.85558 11.3333 7.01402 11.2693 7.14202 11.1413C7.26958 11.0138 7.33335 10.8556 7.33335 10.6667V6C7.33335 5.81111 7.26958 5.65267 7.14202 5.52467C7.01402 5.39711 6.85558 5.33333 6.66669 5.33333C6.4778 5.33333 6.31958 5.39711 6.19202 5.52467C6.06402 5.65267 6.00002 5.81111 6.00002 6V10.6667ZM8.66669 10.6667C8.66669 10.8556 8.73069 11.0138 8.85869 11.1413C8.98624 11.2693 9.14446 11.3333 9.33335 11.3333C9.52224 11.3333 9.68069 11.2693 9.80869 11.1413C9.93624 11.0138 10 10.8556 10 10.6667V6C10 5.81111 9.93624 5.65267 9.80869 5.52467C9.68069 5.39711 9.52224 5.33333 9.33335 5.33333C9.14446 5.33333 8.98624 5.39711 8.85869 5.52467C8.73069 5.65267 8.66669 5.81111 8.66669 6V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'cd649f05a0d88d5a938850772acf8f1ff1463bde' }, h("path", { key: 'aed186484a33b7e546a6148952445682bc941167', d: "M7 21C6.45 21 5.97933 20.8043 5.588 20.413C5.196 20.021 5 19.55 5 19V6C4.71667 6 4.479 5.90433 4.287 5.713C4.09567 5.521 4 5.28333 4 5C4 4.71667 4.09567 4.479 4.287 4.287C4.479 4.09567 4.71667 4 5 4H9C9 3.71667 9.096 3.479 9.288 3.287C9.47933 3.09567 9.71667 3 10 3H14C14.2833 3 14.521 3.09567 14.713 3.287C14.9043 3.479 15 3.71667 15 4H19C19.2833 4 19.5207 4.09567 19.712 4.287C19.904 4.479 20 4.71667 20 5C20 5.28333 19.904 5.521 19.712 5.713C19.5207 5.90433 19.2833 6 19 6V19C19 19.55 18.8043 20.021 18.413 20.413C18.021 20.8043 17.55 21 17 21H7ZM7 6V19H17V6H7ZM9 16C9 16.2833 9.096 16.5207 9.288 16.712C9.47933 16.904 9.71667 17 10 17C10.2833 17 10.521 16.904 10.713 16.712C10.9043 16.5207 11 16.2833 11 16V9C11 8.71667 10.9043 8.479 10.713 8.287C10.521 8.09567 10.2833 8 10 8C9.71667 8 9.47933 8.09567 9.288 8.287C9.096 8.479 9 8.71667 9 9V16ZM13 16C13 16.2833 13.096 16.5207 13.288 16.712C13.4793 16.904 13.7167 17 14 17C14.2833 17 14.521 16.904 14.713 16.712C14.9043 16.5207 15 16.2833 15 16V9C15 8.71667 14.9043 8.479 14.713 8.287C14.521 8.09567 14.2833 8 14 8C13.7167 8 13.4793 8.09567 13.288 8.287C13.096 8.479 13 8.71667 13 9V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a14eb4081ee439b9729a043d6b45778d8b551b13' }, h("path", { key: '9a4c8192aeafa98945110284002aaa8bfd7d4e9f', d: "M8.16669 24.5C7.52502 24.5 6.97591 24.2717 6.51935 23.8152C6.06202 23.3578 5.83335 22.8083 5.83335 22.1667V7C5.5028 7 5.22552 6.88839 5.00152 6.66517C4.7783 6.44117 4.66669 6.16389 4.66669 5.83333C4.66669 5.50278 4.7783 5.2255 5.00152 5.0015C5.22552 4.77828 5.5028 4.66667 5.83335 4.66667H10.5C10.5 4.33611 10.612 4.05883 10.836 3.83483C11.0592 3.61161 11.3361 3.5 11.6667 3.5H16.3334C16.6639 3.5 16.9412 3.61161 17.1652 3.83483C17.3884 4.05883 17.5 4.33611 17.5 4.66667H22.1667C22.4972 4.66667 22.7741 4.77828 22.9974 5.0015C23.2214 5.2255 23.3334 5.50278 23.3334 5.83333C23.3334 6.16389 23.2214 6.44117 22.9974 6.66517C22.7741 6.88839 22.4972 7 22.1667 7V22.1667C22.1667 22.8083 21.9384 23.3578 21.4819 23.8152C21.0245 24.2717 20.475 24.5 19.8334 24.5H8.16669ZM8.16669 7V22.1667H19.8334V7H8.16669ZM10.5 18.6667C10.5 18.9972 10.612 19.2741 10.836 19.4973C11.0592 19.7213 11.3361 19.8333 11.6667 19.8333C11.9972 19.8333 12.2745 19.7213 12.4985 19.4973C12.7217 19.2741 12.8334 18.9972 12.8334 18.6667V10.5C12.8334 10.1694 12.7217 9.89217 12.4985 9.66817C12.2745 9.44494 11.9972 9.33333 11.6667 9.33333C11.3361 9.33333 11.0592 9.44494 10.836 9.66817C10.612 9.89217 10.5 10.1694 10.5 10.5V18.6667ZM15.1667 18.6667C15.1667 18.9972 15.2787 19.2741 15.5027 19.4973C15.7259 19.7213 16.0028 19.8333 16.3334 19.8333C16.6639 19.8333 16.9412 19.7213 17.1652 19.4973C17.3884 19.2741 17.5 18.9972 17.5 18.6667V10.5C17.5 10.1694 17.3884 9.89217 17.1652 9.66817C16.9412 9.44494 16.6639 9.33333 16.3334 9.33333C16.0028 9.33333 15.7259 9.44494 15.5027 9.66817C15.2787 9.89217 15.1667 10.1694 15.1667 10.5V18.6667Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-delete"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +29,7 @@ export class SwirlIconDelete {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconColor",
@@ -48,11 +48,13 @@ export class SwirlIconDelete {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconSize",
@@ -71,7 +73,8 @@ export class SwirlIconDelete {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "24"
             }

package/dist/collection/components/swirl-icon/icons/swirl-icon-deployed-code.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDeployedCode {
     constructor() {
-        this.color = undefined;
         this.size = 24;
     }
     render() {
@@ -12,7 +11,7 @@ export class SwirlIconDeployedCode {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '1530f29714f585c9f04cc663795559b442a2d95c', "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: '976961deaa23851a319b2f99c9489fa6be7ed95f' }, h("path", { key: '83e08b8a0f472a272aa205c6a1864c6df6315e28', d: "M7.33333 12.9499V8.38325L3.33333 6.06659V10.6333L7.33333 12.9499ZM8.66667 12.9499L12.6667 10.6333V6.06659L8.66667 8.38325V12.9499ZM8 7.23325L11.95 4.94992L8 2.66659L4.05 4.94992L8 7.23325ZM2.66667 11.7999C2.45556 11.6777 2.29167 11.5166 2.175 11.3166C2.05833 11.1166 2 10.8944 2 10.6499V5.34992C2 5.10547 2.05833 4.88325 2.175 4.68325C2.29167 4.48325 2.45556 4.32214 2.66667 4.19992L7.33333 1.51659C7.54444 1.39436 7.76667 1.33325 8 1.33325C8.23333 1.33325 8.45556 1.39436 8.66667 1.51659L13.3333 4.19992C13.5444 4.32214 13.7083 4.48325 13.825 4.68325C13.9417 4.88325 14 5.10547 14 5.34992V10.6499C14 10.8944 13.9417 11.1166 13.825 11.3166C13.7083 11.5166 13.5444 11.6777 13.3333 11.7999L8.66667 14.4833C8.45556 14.6055 8.23333 14.6666 8 14.6666C7.76667 14.6666 7.54444 14.6055 7.33333 14.4833L2.66667 11.7999Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3d6b3f5d6ce5ae3aedcc569e0c1976962ce8d374' }, h("path", { key: 'b3a72a9f231523744e35322751f03fca5c39e905', d: "M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'dc370baa181998b677498d98fadbfeb2ac6548d4' }, h("path", { key: 'b2de5336a8de6dfc907a70dfe71f8acb57b79b7d', d: "M12.8333 22.6624V14.6708L5.83333 10.6166V18.6083L12.8333 22.6624ZM15.1667 22.6624L22.1667 18.6083V10.6166L15.1667 14.6708V22.6624ZM14 12.6583L20.9125 8.66242L14 4.66659L7.0875 8.66242L14 12.6583ZM4.66667 20.6499C4.29722 20.436 4.01042 20.1541 3.80625 19.8041C3.60208 19.4541 3.5 19.0652 3.5 18.6374V9.36242C3.5 8.93464 3.60208 8.54575 3.80625 8.19575C4.01042 7.84575 4.29722 7.56381 4.66667 7.34992L12.8333 2.65409C13.2028 2.4402 13.5917 2.33325 14 2.33325C14.4083 2.33325 14.7972 2.4402 15.1667 2.65409L23.3333 7.34992C23.7028 7.56381 23.9896 7.84575 24.1938 8.19575C24.3979 8.54575 24.5 8.93464 24.5 9.36242V18.6374C24.5 19.0652 24.3979 19.4541 24.1938 19.8041C23.9896 20.1541 23.7028 20.436 23.3333 20.6499L15.1667 25.3458C14.7972 25.5596 14.4083 25.6666 14 25.6666C13.5917 25.6666 13.2028 25.5596 12.8333 25.3458L4.66667 20.6499Z", fill: "currentColor" })))));
+        return (h("svg", { key: '3e1b86102e3af93c958dc46c8f9a1a9101d6a038', "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: '04143ea8e0622da1a832122c669678d70e1442c1' }, h("path", { key: '2d5a0f682eb66740461a7dbc2f325c2563a19e88', d: "M7.33333 12.9499V8.38325L3.33333 6.06659V10.6333L7.33333 12.9499ZM8.66667 12.9499L12.6667 10.6333V6.06659L8.66667 8.38325V12.9499ZM8 7.23325L11.95 4.94992L8 2.66659L4.05 4.94992L8 7.23325ZM2.66667 11.7999C2.45556 11.6777 2.29167 11.5166 2.175 11.3166C2.05833 11.1166 2 10.8944 2 10.6499V5.34992C2 5.10547 2.05833 4.88325 2.175 4.68325C2.29167 4.48325 2.45556 4.32214 2.66667 4.19992L7.33333 1.51659C7.54444 1.39436 7.76667 1.33325 8 1.33325C8.23333 1.33325 8.45556 1.39436 8.66667 1.51659L13.3333 4.19992C13.5444 4.32214 13.7083 4.48325 13.825 4.68325C13.9417 4.88325 14 5.10547 14 5.34992V10.6499C14 10.8944 13.9417 11.1166 13.825 11.3166C13.7083 11.5166 13.5444 11.6777 13.3333 11.7999L8.66667 14.4833C8.45556 14.6055 8.23333 14.6666 8 14.6666C7.76667 14.6666 7.54444 14.6055 7.33333 14.4833L2.66667 11.7999Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '07f97abec9fabae4fa083e8bbefd9efeb93cb15e' }, h("path", { key: '1a7fd965101c8002c9c25894455288595c2b1cf5', d: "M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5ac7557bd581e297d25b5c8915913e57add6a628' }, h("path", { key: '2a4f08473c6d42767d96afa78ff3d08b3f882df5', d: "M12.8333 22.6624V14.6708L5.83333 10.6166V18.6083L12.8333 22.6624ZM15.1667 22.6624L22.1667 18.6083V10.6166L15.1667 14.6708V22.6624ZM14 12.6583L20.9125 8.66242L14 4.66659L7.0875 8.66242L14 12.6583ZM4.66667 20.6499C4.29722 20.436 4.01042 20.1541 3.80625 19.8041C3.60208 19.4541 3.5 19.0652 3.5 18.6374V9.36242C3.5 8.93464 3.60208 8.54575 3.80625 8.19575C4.01042 7.84575 4.29722 7.56381 4.66667 7.34992L12.8333 2.65409C13.2028 2.4402 13.5917 2.33325 14 2.33325C14.4083 2.33325 14.7972 2.4402 15.1667 2.65409L23.3333 7.34992C23.7028 7.56381 23.9896 7.84575 24.1938 8.19575C24.3979 8.54575 24.5 8.93464 24.5 9.36242V18.6374C24.5 19.0652 24.3979 19.4541 24.1938 19.8041C23.9896 20.1541 23.7028 20.436 23.3333 20.6499L15.1667 25.3458C14.7972 25.5596 14.4083 25.6666 14 25.6666C13.5917 25.6666 13.2028 25.5596 12.8333 25.3458L4.66667 20.6499Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-deployed-code"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +29,7 @@ export class SwirlIconDeployedCode {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconColor",
@@ -48,11 +48,13 @@ export class SwirlIconDeployedCode {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconSize",
@@ -71,7 +73,8 @@ export class SwirlIconDeployedCode {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "24"
             }

package/dist/collection/components/swirl-icon/icons/swirl-icon-description.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDescription {
     constructor() {
-        this.color = undefined;
         this.size = 24;
     }
     render() {
@@ -12,7 +11,7 @@ export class SwirlIconDescription {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'da81313b7e3584d4ec3873dde66b5d67c8cc4121', "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: '69b70b2d129e67feec14028b6c8e4ac41ab67503' }, h("path", { key: '4c1dcaa0d23c73d767951759ba8e0feb56bd34aa', d: "M6.00002 12H10C10.1889 12 10.3474 11.936 10.4754 11.808C10.6029 11.6805 10.6667 11.5223 10.6667 11.3334C10.6667 11.1445 10.6029 10.9863 10.4754 10.8587C10.3474 10.7307 10.1889 10.6667 10 10.6667H6.00002C5.81113 10.6667 5.65291 10.7307 5.52535 10.8587C5.39735 10.9863 5.33335 11.1445 5.33335 11.3334C5.33335 11.5223 5.39735 11.6805 5.52535 11.808C5.65291 11.936 5.81113 12 6.00002 12ZM6.00002 9.33337H10C10.1889 9.33337 10.3474 9.26937 10.4754 9.14137C10.6029 9.01382 10.6667 8.8556 10.6667 8.66671C10.6667 8.47782 10.6029 8.31937 10.4754 8.19137C10.3474 8.06382 10.1889 8.00004 10 8.00004H6.00002C5.81113 8.00004 5.65291 8.06382 5.52535 8.19137C5.39735 8.31937 5.33335 8.47782 5.33335 8.66671C5.33335 8.8556 5.39735 9.01382 5.52535 9.14137C5.65291 9.26937 5.81113 9.33337 6.00002 9.33337ZM4.00002 14.6667C3.63335 14.6667 3.31958 14.5363 3.05869 14.2754C2.79735 14.014 2.66669 13.7 2.66669 13.3334V2.66671C2.66669 2.30004 2.79735 1.98604 3.05869 1.72471C3.31958 1.46382 3.63335 1.33337 4.00002 1.33337H8.78335C8.96113 1.33337 9.13069 1.36671 9.29202 1.43337C9.45291 1.50004 9.59446 1.59449 9.71669 1.71671L12.95 4.95004C13.0722 5.07226 13.1667 5.21382 13.2334 5.37471C13.3 5.53604 13.3334 5.7056 13.3334 5.88337V13.3334C13.3334 13.7 13.2029 14.014 12.942 14.2754C12.6807 14.5363 12.3667 14.6667 12 14.6667H4.00002ZM8.66669 5.33337V2.66671H4.00002V13.3334H12V6.00004H9.33335C9.14446 6.00004 8.98624 5.93604 8.85869 5.80804C8.73069 5.68048 8.66669 5.52226 8.66669 5.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '767ab70f8f5dea833dc293b3e4af4a76f7ba2164' }, h("path", { key: '9939f7ba06472203890db460e9b62079659e5e8d', d: "M9 18H15C15.2833 18 15.521 17.904 15.713 17.712C15.9043 17.5207 16 17.2833 16 17C16 16.7167 15.9043 16.4793 15.713 16.288C15.521 16.096 15.2833 16 15 16H9C8.71667 16 8.47933 16.096 8.288 16.288C8.096 16.4793 8 16.7167 8 17C8 17.2833 8.096 17.5207 8.288 17.712C8.47933 17.904 8.71667 18 9 18ZM9 14H15C15.2833 14 15.521 13.904 15.713 13.712C15.9043 13.5207 16 13.2833 16 13C16 12.7167 15.9043 12.479 15.713 12.287C15.521 12.0957 15.2833 12 15 12H9C8.71667 12 8.47933 12.0957 8.288 12.287C8.096 12.479 8 12.7167 8 13C8 13.2833 8.096 13.5207 8.288 13.712C8.47933 13.904 8.71667 14 9 14ZM6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1aca97a7c2aa562dc72e3e15ac1f03b048bf2b35' }, h("path", { key: '5449bf6d48669a69ee3585026cf367788c977cee', d: "M10.5 21H17.5C17.8306 21 18.1079 20.888 18.3319 20.664C18.5551 20.4408 18.6667 20.1639 18.6667 19.8334C18.6667 19.5028 18.5551 19.2259 18.3319 19.0027C18.1079 18.7787 17.8306 18.6667 17.5 18.6667H10.5C10.1695 18.6667 9.89258 18.7787 9.66935 19.0027C9.44535 19.2259 9.33335 19.5028 9.33335 19.8334C9.33335 20.1639 9.44535 20.4408 9.66935 20.664C9.89258 20.888 10.1695 21 10.5 21ZM10.5 16.3334H17.5C17.8306 16.3334 18.1079 16.2214 18.3319 15.9974C18.5551 15.7742 18.6667 15.4973 18.6667 15.1667C18.6667 14.8362 18.5551 14.5589 18.3319 14.3349C18.1079 14.1117 17.8306 14 17.5 14H10.5C10.1695 14 9.89258 14.1117 9.66935 14.3349C9.44535 14.5589 9.33335 14.8362 9.33335 15.1667C9.33335 15.4973 9.44535 15.7742 9.66935 15.9974C9.89258 16.2214 10.1695 16.3334 10.5 16.3334ZM7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V4.66671C4.66669 4.02504 4.89535 3.47554 5.35269 3.01821C5.80924 2.56165 6.35835 2.33337 7.00002 2.33337H15.3709C15.682 2.33337 15.9787 2.39171 16.261 2.50837C16.5426 2.62504 16.7903 2.79032 17.0042 3.00421L22.6625 8.66254C22.8764 8.87643 23.0417 9.12415 23.1584 9.40571C23.275 9.68804 23.3334 9.98476 23.3334 10.2959V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM15.1667 9.33337V4.66671H7.00002V23.3334H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94082 15.1667 9.66393 15.1667 9.33337Z", fill: "currentColor" })))));
+        return (h("svg", { key: '2b92449dcac412756a9a196994d6ca2661169a0b', "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: '244d55c41035cf1c13488287fa9ab25e4a4db8f8' }, h("path", { key: 'dba102d5cb2e7f0b06957605778d502eeba46c6d', d: "M6.00002 12H10C10.1889 12 10.3474 11.936 10.4754 11.808C10.6029 11.6805 10.6667 11.5223 10.6667 11.3334C10.6667 11.1445 10.6029 10.9863 10.4754 10.8587C10.3474 10.7307 10.1889 10.6667 10 10.6667H6.00002C5.81113 10.6667 5.65291 10.7307 5.52535 10.8587C5.39735 10.9863 5.33335 11.1445 5.33335 11.3334C5.33335 11.5223 5.39735 11.6805 5.52535 11.808C5.65291 11.936 5.81113 12 6.00002 12ZM6.00002 9.33337H10C10.1889 9.33337 10.3474 9.26937 10.4754 9.14137C10.6029 9.01382 10.6667 8.8556 10.6667 8.66671C10.6667 8.47782 10.6029 8.31937 10.4754 8.19137C10.3474 8.06382 10.1889 8.00004 10 8.00004H6.00002C5.81113 8.00004 5.65291 8.06382 5.52535 8.19137C5.39735 8.31937 5.33335 8.47782 5.33335 8.66671C5.33335 8.8556 5.39735 9.01382 5.52535 9.14137C5.65291 9.26937 5.81113 9.33337 6.00002 9.33337ZM4.00002 14.6667C3.63335 14.6667 3.31958 14.5363 3.05869 14.2754C2.79735 14.014 2.66669 13.7 2.66669 13.3334V2.66671C2.66669 2.30004 2.79735 1.98604 3.05869 1.72471C3.31958 1.46382 3.63335 1.33337 4.00002 1.33337H8.78335C8.96113 1.33337 9.13069 1.36671 9.29202 1.43337C9.45291 1.50004 9.59446 1.59449 9.71669 1.71671L12.95 4.95004C13.0722 5.07226 13.1667 5.21382 13.2334 5.37471C13.3 5.53604 13.3334 5.7056 13.3334 5.88337V13.3334C13.3334 13.7 13.2029 14.014 12.942 14.2754C12.6807 14.5363 12.3667 14.6667 12 14.6667H4.00002ZM8.66669 5.33337V2.66671H4.00002V13.3334H12V6.00004H9.33335C9.14446 6.00004 8.98624 5.93604 8.85869 5.80804C8.73069 5.68048 8.66669 5.52226 8.66669 5.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '71ae64da939159a4bdd64094827d1e50ed71449c' }, h("path", { key: '522d94548a527f2f04b283b31363228f37a97770', d: "M9 18H15C15.2833 18 15.521 17.904 15.713 17.712C15.9043 17.5207 16 17.2833 16 17C16 16.7167 15.9043 16.4793 15.713 16.288C15.521 16.096 15.2833 16 15 16H9C8.71667 16 8.47933 16.096 8.288 16.288C8.096 16.4793 8 16.7167 8 17C8 17.2833 8.096 17.5207 8.288 17.712C8.47933 17.904 8.71667 18 9 18ZM9 14H15C15.2833 14 15.521 13.904 15.713 13.712C15.9043 13.5207 16 13.2833 16 13C16 12.7167 15.9043 12.479 15.713 12.287C15.521 12.0957 15.2833 12 15 12H9C8.71667 12 8.47933 12.0957 8.288 12.287C8.096 12.479 8 12.7167 8 13C8 13.2833 8.096 13.5207 8.288 13.712C8.47933 13.904 8.71667 14 9 14ZM6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b417350dbf23fbbe6e7aef2edc979b6c6ed90936' }, h("path", { key: 'c8cab587a3119a657f4f72f6aa4e9c5f3c6bdcf6', d: "M10.5 21H17.5C17.8306 21 18.1079 20.888 18.3319 20.664C18.5551 20.4408 18.6667 20.1639 18.6667 19.8334C18.6667 19.5028 18.5551 19.2259 18.3319 19.0027C18.1079 18.7787 17.8306 18.6667 17.5 18.6667H10.5C10.1695 18.6667 9.89258 18.7787 9.66935 19.0027C9.44535 19.2259 9.33335 19.5028 9.33335 19.8334C9.33335 20.1639 9.44535 20.4408 9.66935 20.664C9.89258 20.888 10.1695 21 10.5 21ZM10.5 16.3334H17.5C17.8306 16.3334 18.1079 16.2214 18.3319 15.9974C18.5551 15.7742 18.6667 15.4973 18.6667 15.1667C18.6667 14.8362 18.5551 14.5589 18.3319 14.3349C18.1079 14.1117 17.8306 14 17.5 14H10.5C10.1695 14 9.89258 14.1117 9.66935 14.3349C9.44535 14.5589 9.33335 14.8362 9.33335 15.1667C9.33335 15.4973 9.44535 15.7742 9.66935 15.9974C9.89258 16.2214 10.1695 16.3334 10.5 16.3334ZM7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V4.66671C4.66669 4.02504 4.89535 3.47554 5.35269 3.01821C5.80924 2.56165 6.35835 2.33337 7.00002 2.33337H15.3709C15.682 2.33337 15.9787 2.39171 16.261 2.50837C16.5426 2.62504 16.7903 2.79032 17.0042 3.00421L22.6625 8.66254C22.8764 8.87643 23.0417 9.12415 23.1584 9.40571C23.275 9.68804 23.3334 9.98476 23.3334 10.2959V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM15.1667 9.33337V4.66671H7.00002V23.3334H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94082 15.1667 9.66393 15.1667 9.33337Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-description"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +29,7 @@ export class SwirlIconDescription {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconColor",
@@ -48,11 +48,13 @@ export class SwirlIconDescription {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconSize",
@@ -71,7 +73,8 @@ export class SwirlIconDescription {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "24"
             }

package/dist/collection/components/swirl-icon/icons/swirl-icon-desktop.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDesktop {
     constructor() {
-        this.color = undefined;
         this.size = 24;
     }
     render() {
@@ -12,7 +11,7 @@ export class SwirlIconDesktop {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '1b41fc76cd98cea2428855693c0bfcd6b8495d28', "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: '00457ed149158882dcc66f3c2f0639da15d18fb0' }, h("path", { key: '7fbfbedb9399d2430ce3fcac7ef36efa32aea37c', d: "M6.66665 12.6667V11.3333H2.66665C2.29998 11.3333 1.98609 11.2028 1.72498 10.9417C1.46387 10.6806 1.33331 10.3667 1.33331 10V3.33333C1.33331 2.96667 1.46387 2.65278 1.72498 2.39167C1.98609 2.13056 2.29998 2 2.66665 2H13.3333C13.7 2 14.0139 2.13056 14.275 2.39167C14.5361 2.65278 14.6666 2.96667 14.6666 3.33333V10C14.6666 10.3667 14.5361 10.6806 14.275 10.9417C14.0139 11.2028 13.7 11.3333 13.3333 11.3333H9.33331V12.6667H9.99998C10.1889 12.6667 10.3472 12.7306 10.475 12.8583C10.6028 12.9861 10.6666 13.1444 10.6666 13.3333C10.6666 13.5222 10.6028 13.6806 10.475 13.8083C10.3472 13.9361 10.1889 14 9.99998 14H5.99998C5.81109 14 5.65276 13.9361 5.52498 13.8083C5.3972 13.6806 5.33331 13.5222 5.33331 13.3333C5.33331 13.1444 5.3972 12.9861 5.52498 12.8583C5.65276 12.7306 5.81109 12.6667 5.99998 12.6667H6.66665ZM2.66665 10H13.3333V3.33333H2.66665V10Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6a4b44c664300d02e5034a2e6da3eedb9cb421da' }, h("path", { key: '7bf3c444daa397e7112f6b3af8ebc5b6fe335b80', d: "M10 19V17H4C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V5C2 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 5V15C22 15.55 21.8042 16.0208 21.4125 16.4125C21.0208 16.8042 20.55 17 20 17H14V19H15C15.2833 19 15.5208 19.0958 15.7125 19.2875C15.9042 19.4792 16 19.7167 16 20C16 20.2833 15.9042 20.5208 15.7125 20.7125C15.5208 20.9042 15.2833 21 15 21H9C8.71667 21 8.47917 20.9042 8.2875 20.7125C8.09583 20.5208 8 20.2833 8 20C8 19.7167 8.09583 19.4792 8.2875 19.2875C8.47917 19.0958 8.71667 19 9 19H10ZM4 15H20V5H4V15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'cf759c77a3a92bd4c7ddae3d2f55a81cbbc99cdb' }, h("path", { key: '6ce9c846f6020995e63eb32b4496cf54f8ea85fe', d: "M11.6666 22.1667V19.8333H4.66665C4.02498 19.8333 3.47567 19.6049 3.01873 19.1479C2.56179 18.691 2.33331 18.1417 2.33331 17.5V5.83333C2.33331 5.19167 2.56179 4.64236 3.01873 4.18542C3.47567 3.72847 4.02498 3.5 4.66665 3.5H23.3333C23.975 3.5 24.5243 3.72847 24.9812 4.18542C25.4382 4.64236 25.6666 5.19167 25.6666 5.83333V17.5C25.6666 18.1417 25.4382 18.691 24.9812 19.1479C24.5243 19.6049 23.975 19.8333 23.3333 19.8333H16.3333V22.1667H17.5C17.8305 22.1667 18.1076 22.2785 18.3312 22.5021C18.5548 22.7257 18.6666 23.0028 18.6666 23.3333C18.6666 23.6639 18.5548 23.941 18.3312 24.1646C18.1076 24.3882 17.8305 24.5 17.5 24.5H10.5C10.1694 24.5 9.89234 24.3882 9.66873 24.1646C9.44512 23.941 9.33331 23.6639 9.33331 23.3333C9.33331 23.0028 9.44512 22.7257 9.66873 22.5021C9.89234 22.2785 10.1694 22.1667 10.5 22.1667H11.6666ZM4.66665 17.5H23.3333V5.83333H4.66665V17.5Z", fill: "currentColor" })))));
+        return (h("svg", { key: '5dd64b50975742bb381b442d302b4474a81db025', "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: 'bf4f0be30a5261a7141727ea4b549e352df16483' }, h("path", { key: 'ba557d5008b4d4d49989190ed93340c18312fe1a', d: "M6.66665 12.6667V11.3333H2.66665C2.29998 11.3333 1.98609 11.2028 1.72498 10.9417C1.46387 10.6806 1.33331 10.3667 1.33331 10V3.33333C1.33331 2.96667 1.46387 2.65278 1.72498 2.39167C1.98609 2.13056 2.29998 2 2.66665 2H13.3333C13.7 2 14.0139 2.13056 14.275 2.39167C14.5361 2.65278 14.6666 2.96667 14.6666 3.33333V10C14.6666 10.3667 14.5361 10.6806 14.275 10.9417C14.0139 11.2028 13.7 11.3333 13.3333 11.3333H9.33331V12.6667H9.99998C10.1889 12.6667 10.3472 12.7306 10.475 12.8583C10.6028 12.9861 10.6666 13.1444 10.6666 13.3333C10.6666 13.5222 10.6028 13.6806 10.475 13.8083C10.3472 13.9361 10.1889 14 9.99998 14H5.99998C5.81109 14 5.65276 13.9361 5.52498 13.8083C5.3972 13.6806 5.33331 13.5222 5.33331 13.3333C5.33331 13.1444 5.3972 12.9861 5.52498 12.8583C5.65276 12.7306 5.81109 12.6667 5.99998 12.6667H6.66665ZM2.66665 10H13.3333V3.33333H2.66665V10Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3ea223c4c092722b60d36dc739da63a96c54bf7e' }, h("path", { key: 'f2dded78f1d4c7f4adfbf4a477da59fd13042b3c', d: "M10 19V17H4C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V5C2 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 5V15C22 15.55 21.8042 16.0208 21.4125 16.4125C21.0208 16.8042 20.55 17 20 17H14V19H15C15.2833 19 15.5208 19.0958 15.7125 19.2875C15.9042 19.4792 16 19.7167 16 20C16 20.2833 15.9042 20.5208 15.7125 20.7125C15.5208 20.9042 15.2833 21 15 21H9C8.71667 21 8.47917 20.9042 8.2875 20.7125C8.09583 20.5208 8 20.2833 8 20C8 19.7167 8.09583 19.4792 8.2875 19.2875C8.47917 19.0958 8.71667 19 9 19H10ZM4 15H20V5H4V15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2a2c67339cbd20e2643f6f8456fb8d8bfef0a924' }, h("path", { key: '18e017a2ba93b4e7f8b9e78471b3246bdc48d9d3', d: "M11.6666 22.1667V19.8333H4.66665C4.02498 19.8333 3.47567 19.6049 3.01873 19.1479C2.56179 18.691 2.33331 18.1417 2.33331 17.5V5.83333C2.33331 5.19167 2.56179 4.64236 3.01873 4.18542C3.47567 3.72847 4.02498 3.5 4.66665 3.5H23.3333C23.975 3.5 24.5243 3.72847 24.9812 4.18542C25.4382 4.64236 25.6666 5.19167 25.6666 5.83333V17.5C25.6666 18.1417 25.4382 18.691 24.9812 19.1479C24.5243 19.6049 23.975 19.8333 23.3333 19.8333H16.3333V22.1667H17.5C17.8305 22.1667 18.1076 22.2785 18.3312 22.5021C18.5548 22.7257 18.6666 23.0028 18.6666 23.3333C18.6666 23.6639 18.5548 23.941 18.3312 24.1646C18.1076 24.3882 17.8305 24.5 17.5 24.5H10.5C10.1694 24.5 9.89234 24.3882 9.66873 24.1646C9.44512 23.941 9.33331 23.6639 9.33331 23.3333C9.33331 23.0028 9.44512 22.7257 9.66873 22.5021C9.89234 22.2785 10.1694 22.1667 10.5 22.1667H11.6666ZM4.66665 17.5H23.3333V5.83333H4.66665V17.5Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-desktop"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +29,7 @@ export class SwirlIconDesktop {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconColor",
@@ -48,11 +48,13 @@ export class SwirlIconDesktop {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconSize",
@@ -71,7 +73,8 @@ export class SwirlIconDesktop {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "24"
             }

package/dist/collection/components/swirl-icon/icons/swirl-icon-directory-filled.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDirectoryFilled {
     constructor() {
-        this.color = undefined;
         this.size = 24;
     }
     render() {
@@ -12,7 +11,7 @@ export class SwirlIconDirectoryFilled {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '5171db4c1cda83cd9ab30422c83b0d4427d866fa', "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: '9a7de06996a1344aed2f28cad15e299a6ea3c26e' }, h("path", { key: '30e316d79ca1db630cc8a5eaf5b73564974747d9', d: "M0.666626 4C0.666626 3.63181 0.965103 3.33333 1.33329 3.33333C1.70148 3.33333 1.99996 3.63181 1.99996 4V12C1.99996 12.3682 1.70148 12.6667 1.33329 12.6667C0.965103 12.6667 0.666626 12.3682 0.666626 12V4Z", fill: "currentColor" }), h("path", { key: 'bf415e12a925e327523ae4a16b508adb38653925', d: "M2.66663 4C2.66663 2.89543 3.56206 2 4.66663 2H12.6666C13.7712 2 14.6666 2.89543 14.6666 4V12C14.6666 13.1046 13.7712 14 12.6666 14H4.66663C3.56206 14 2.66663 13.1046 2.66663 12V4ZM4.83671 12.6667H12.4971C11.6538 11.4577 10.2527 10.6667 8.66692 10.6667C7.08109 10.6667 5.68001 11.4577 4.83671 12.6667ZM8.66663 9.33333C9.7712 9.33333 10.6666 8.4379 10.6666 7.33333C10.6666 6.22876 9.7712 5.33333 8.66663 5.33333C7.56206 5.33333 6.66663 6.22876 6.66663 7.33333C6.66663 8.4379 7.56206 9.33333 8.66663 9.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b2c3cec7bfb42cd8ff799a39cab1d63dc58cfde3' }, h("path", { key: 'ee2bf8f300558417fce8642a257a30ecd3c295b2', d: "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6V18C3 18.5523 2.55228 19 2 19C1.44772 19 1 18.5523 1 18V6Z", fill: "currentColor" }), h("path", { key: '675216f62db59c091d7cc712c74627fee75f553b', d: "M4 6C4 4.34315 5.34315 3 7 3H19C20.6569 3 22 4.34315 22 6V18C22 19.6569 20.6569 21 19 21H7C5.34315 21 4 19.6569 4 18V6ZM7.25513 19H18.7457C17.4808 17.1865 15.3792 16 13.0004 16C10.6217 16 8.52007 17.1865 7.25513 19ZM13 14C14.6569 14 16 12.6569 16 11C16 9.34315 14.6569 8 13 8C11.3431 8 10 9.34315 10 11C10 12.6569 11.3431 14 13 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '573ce77c8b3ca791e35937736847af100041ffd3' }, h("path", { key: '7d4171260ca6307f6af520bb8cb653270d6e3fa7', d: "M1.16663 7C1.16663 6.35567 1.68896 5.83333 2.33329 5.83333C2.97762 5.83333 3.49996 6.35567 3.49996 7V21C3.49996 21.6443 2.97762 22.1667 2.33329 22.1667C1.68896 22.1667 1.16663 21.6443 1.16663 21V7Z", fill: "currentColor" }), h("path", { key: 'f6d3b5bd091d0a0f5a50ce0f06ed4648d5c4bc5e', d: "M4.66663 7C4.66663 5.067 6.23363 3.5 8.16663 3.5H22.1666C24.0996 3.5 25.6666 5.067 25.6666 7V21C25.6666 22.933 24.0996 24.5 22.1666 24.5H8.16663C6.23363 24.5 4.66663 22.933 4.66663 21V7ZM8.46427 22.1667H21.87C20.3942 20.0509 17.9423 18.6667 15.1671 18.6667C12.3919 18.6667 9.94004 20.0509 8.46427 22.1667ZM15.1666 16.3333C17.0996 16.3333 18.6666 14.7663 18.6666 12.8333C18.6666 10.9003 17.0996 9.33333 15.1666 9.33333C13.2336 9.33333 11.6666 10.9003 11.6666 12.8333C11.6666 14.7663 13.2336 16.3333 15.1666 16.3333Z", fill: "currentColor" })))));
+        return (h("svg", { key: '1a14b1117dbcba1dbc786917e9d269a4de9ed851', "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: '55d9a46bfbb88e19196a93c242ab24ec8bcb4711' }, h("path", { key: 'e12b471e3e16bc1110a567fe141aa4f858a2aa05', d: "M0.666626 4C0.666626 3.63181 0.965103 3.33333 1.33329 3.33333C1.70148 3.33333 1.99996 3.63181 1.99996 4V12C1.99996 12.3682 1.70148 12.6667 1.33329 12.6667C0.965103 12.6667 0.666626 12.3682 0.666626 12V4Z", fill: "currentColor" }), h("path", { key: '93325f381e9390e77c7f72cb71d56d4126442c08', d: "M2.66663 4C2.66663 2.89543 3.56206 2 4.66663 2H12.6666C13.7712 2 14.6666 2.89543 14.6666 4V12C14.6666 13.1046 13.7712 14 12.6666 14H4.66663C3.56206 14 2.66663 13.1046 2.66663 12V4ZM4.83671 12.6667H12.4971C11.6538 11.4577 10.2527 10.6667 8.66692 10.6667C7.08109 10.6667 5.68001 11.4577 4.83671 12.6667ZM8.66663 9.33333C9.7712 9.33333 10.6666 8.4379 10.6666 7.33333C10.6666 6.22876 9.7712 5.33333 8.66663 5.33333C7.56206 5.33333 6.66663 6.22876 6.66663 7.33333C6.66663 8.4379 7.56206 9.33333 8.66663 9.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'a692e8bf7615340e7f29b725e1e9daecdf29f2a3' }, h("path", { key: '3d22e0702e1cbe86c4b97c5a08838ce9ed8026d9', d: "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6V18C3 18.5523 2.55228 19 2 19C1.44772 19 1 18.5523 1 18V6Z", fill: "currentColor" }), h("path", { key: 'a73b2fc335271d7e27c84f47d0b1722859c30400', d: "M4 6C4 4.34315 5.34315 3 7 3H19C20.6569 3 22 4.34315 22 6V18C22 19.6569 20.6569 21 19 21H7C5.34315 21 4 19.6569 4 18V6ZM7.25513 19H18.7457C17.4808 17.1865 15.3792 16 13.0004 16C10.6217 16 8.52007 17.1865 7.25513 19ZM13 14C14.6569 14 16 12.6569 16 11C16 9.34315 14.6569 8 13 8C11.3431 8 10 9.34315 10 11C10 12.6569 11.3431 14 13 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '8807556506f5185907e26f6809b5c6c0ab361d38' }, h("path", { key: '35282a785f6cbeca8bbd9d3fc7dc82e83f1363df', d: "M1.16663 7C1.16663 6.35567 1.68896 5.83333 2.33329 5.83333C2.97762 5.83333 3.49996 6.35567 3.49996 7V21C3.49996 21.6443 2.97762 22.1667 2.33329 22.1667C1.68896 22.1667 1.16663 21.6443 1.16663 21V7Z", fill: "currentColor" }), h("path", { key: '643878a65009fbfc3dc2dfeb38d61881baacb69e', d: "M4.66663 7C4.66663 5.067 6.23363 3.5 8.16663 3.5H22.1666C24.0996 3.5 25.6666 5.067 25.6666 7V21C25.6666 22.933 24.0996 24.5 22.1666 24.5H8.16663C6.23363 24.5 4.66663 22.933 4.66663 21V7ZM8.46427 22.1667H21.87C20.3942 20.0509 17.9423 18.6667 15.1671 18.6667C12.3919 18.6667 9.94004 20.0509 8.46427 22.1667ZM15.1666 16.3333C17.0996 16.3333 18.6666 14.7663 18.6666 12.8333C18.6666 10.9003 17.0996 9.33333 15.1666 9.33333C13.2336 9.33333 11.6666 10.9003 11.6666 12.8333C11.6666 14.7663 13.2336 16.3333 15.1666 16.3333Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-directory-filled"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +29,7 @@ export class SwirlIconDirectoryFilled {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconColor",
@@ -48,11 +48,13 @@ export class SwirlIconDirectoryFilled {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlIconSize",
@@ -71,7 +73,8 @@ export class SwirlIconDirectoryFilled {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "24"
             }