npm - @getflip/swirl-components - Versions diffs - 0.429.0 → 0.431.0 - Mend

@getflip/swirl-components 0.429.0 → 0.431.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 (2564) hide show

package/dist/components/swirl-icon-mic-off.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconMicOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconMicOff extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconMicOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconMicOff
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '2d5c52267f5229fa4826a3a221c53e9c88772c4c', "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: '0a3212e2c094b9faa128384f21fe55d5a51dd6b9' }, h("path", { key: '67d4ca5a5b532013145be462c5f452d0bf0a3ee3', d: "M11.2 9.71683C11.0445 9.62794 10.9445 9.49183 10.9 9.3085C10.8556 9.12516 10.8778 8.95572 10.9667 8.80016C11.0445 8.67794 11.1083 8.54739 11.1583 8.4085C11.2083 8.26961 11.2445 8.12794 11.2667 7.9835C11.3111 7.79461 11.3972 7.63905 11.525 7.51683C11.6528 7.39461 11.8111 7.3335 12 7.3335C12.1889 7.3335 12.3445 7.40016 12.4667 7.5335C12.5889 7.66683 12.6389 7.82794 12.6167 8.01683C12.5833 8.27239 12.525 8.52239 12.4417 8.76683C12.3583 9.01127 12.25 9.24461 12.1167 9.46683C12.0278 9.62239 11.8917 9.72516 11.7083 9.77516C11.525 9.82516 11.3556 9.80572 11.2 9.71683ZM8.00001 1.3335C8.55556 1.3335 9.02779 1.52794 9.41668 1.91683C9.80556 2.30572 10 2.77794 10 3.3335V6.50016C10 6.72239 9.93056 6.88905 9.79168 7.00016C9.65279 7.11127 9.50001 7.16683 9.33334 7.16683C9.16668 7.16683 9.0139 7.1085 8.87501 6.99183C8.73612 6.87516 8.66668 6.70572 8.66668 6.4835V3.3335C8.66668 3.14461 8.60279 2.98627 8.47501 2.8585C8.34723 2.73072 8.1889 2.66683 8.00001 2.66683C7.81112 2.66683 7.65279 2.73072 7.52501 2.8585C7.39723 2.98627 7.33334 3.14461 7.33334 3.3335V3.8335C7.33334 4.05572 7.2639 4.22239 7.12501 4.3335C6.98612 4.44461 6.83334 4.50016 6.66668 4.50016C6.50001 4.50016 6.34723 4.44183 6.20834 4.32516C6.06945 4.2085 6.00001 4.03905 6.00001 3.81683V3.3335C6.00001 2.77794 6.19445 2.30572 6.58334 1.91683C6.97223 1.52794 7.44445 1.3335 8.00001 1.3335ZM7.33334 13.3335V11.9502C6.31112 11.8168 5.43612 11.3863 4.70834 10.6585C3.98056 9.93072 3.5389 9.05016 3.38334 8.01683C3.36112 7.82794 3.41112 7.66683 3.53334 7.5335C3.65556 7.40016 3.81112 7.3335 4.00001 7.3335C4.1889 7.3335 4.35001 7.39739 4.48334 7.52516C4.61667 7.65294 4.70001 7.81127 4.73334 8.00016C4.8889 8.78905 5.27223 9.43072 5.88334 9.92516C6.49445 10.4196 7.20001 10.6668 8.00001 10.6668C8.37779 10.6668 8.73612 10.6085 9.07501 10.4918C9.4139 10.3752 9.72223 10.2113 10 10.0002L10.95 10.9502C10.6278 11.2057 10.275 11.4224 9.89167 11.6002C9.50834 11.7779 9.10001 11.8946 8.66668 11.9502V13.3335C8.66668 13.5224 8.60279 13.6807 8.47501 13.8085C8.34723 13.9363 8.1889 14.0002 8.00001 14.0002C7.81112 14.0002 7.65279 13.9363 7.52501 13.8085C7.39723 13.6807 7.33334 13.5224 7.33334 13.3335ZM12.7333 14.6002L1.40001 3.26683C1.27779 3.14461 1.21667 2.98905 1.21667 2.80016C1.21667 2.61127 1.27779 2.45572 1.40001 2.3335C1.52223 2.21127 1.67779 2.15016 1.86667 2.15016C2.05556 2.15016 2.21112 2.21127 2.33334 2.3335L13.6667 13.6668C13.7889 13.7891 13.85 13.9446 13.85 14.1335C13.85 14.3224 13.7889 14.4779 13.6667 14.6002C13.5445 14.7224 13.3889 14.7835 13.2 14.7835C13.0111 14.7835 12.8556 14.7224 12.7333 14.6002Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c49640dd985c7230e4a4b11acfd1cf1e38fb2357' }, h("path", { key: 'a7cdd1e5aa55fa7ab85ac4b50b7341882bcd6b3c', d: "M16.8 14.575C16.5667 14.4417 16.4167 14.2375 16.35 13.9625C16.2833 13.6875 16.3167 13.4333 16.45 13.2C16.5667 13.0167 16.6625 12.8208 16.7375 12.6125C16.8125 12.4042 16.8667 12.1917 16.9 11.975C16.9667 11.6917 17.0958 11.4583 17.2875 11.275C17.4792 11.0917 17.7167 11 18 11C18.2833 11 18.5167 11.1 18.7 11.3C18.8833 11.5 18.9583 11.7417 18.925 12.025C18.875 12.4083 18.7875 12.7833 18.6625 13.15C18.5375 13.5167 18.375 13.8667 18.175 14.2C18.0417 14.4333 17.8375 14.5875 17.5625 14.6625C17.2875 14.7375 17.0333 14.7083 16.8 14.575ZM12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V9.75C15 10.0833 14.8958 10.3333 14.6875 10.5C14.4792 10.6667 14.25 10.75 14 10.75C13.75 10.75 13.5208 10.6625 13.3125 10.4875C13.1042 10.3125 13 10.0583 13 9.725V5C13 4.71667 12.9042 4.47917 12.7125 4.2875C12.5208 4.09583 12.2833 4 12 4C11.7167 4 11.4792 4.09583 11.2875 4.2875C11.0958 4.47917 11 4.71667 11 5V5.75C11 6.08333 10.8958 6.33333 10.6875 6.5C10.4792 6.66667 10.25 6.75 10 6.75C9.75001 6.75 9.52085 6.6625 9.31251 6.4875C9.10418 6.3125 9.00001 6.05833 9.00001 5.725V5C9.00001 4.16667 9.29168 3.45833 9.87501 2.875C10.4583 2.29167 11.1667 2 12 2ZM11 20V17.925C9.46668 17.725 8.15418 17.0792 7.06251 15.9875C5.97085 14.8958 5.30835 13.575 5.07501 12.025C5.04168 11.7417 5.11668 11.5 5.30001 11.3C5.48335 11.1 5.71668 11 6.00001 11C6.28335 11 6.52501 11.0958 6.72501 11.2875C6.92501 11.4792 7.05001 11.7167 7.10001 12C7.33335 13.1833 7.90835 14.1458 8.82501 14.8875C9.74168 15.6292 10.8 16 12 16C12.5667 16 13.1042 15.9125 13.6125 15.7375C14.1208 15.5625 14.5833 15.3167 15 15L16.425 16.425C15.9417 16.8083 15.4125 17.1333 14.8375 17.4C14.2625 17.6667 13.65 17.8417 13 17.925V20C13 20.2833 12.9042 20.5208 12.7125 20.7125C12.5208 20.9042 12.2833 21 12 21C11.7167 21 11.4792 20.9042 11.2875 20.7125C11.0958 20.5208 11 20.2833 11 20ZM19.1 21.9L2.10001 4.9C1.91668 4.71667 1.82501 4.48333 1.82501 4.2C1.82501 3.91667 1.91668 3.68333 2.10001 3.5C2.28335 3.31667 2.51668 3.225 2.80001 3.225C3.08335 3.225 3.31668 3.31667 3.50001 3.5L20.5 20.5C20.6833 20.6833 20.775 20.9167 20.775 21.2C20.775 21.4833 20.6833 21.7167 20.5 21.9C20.3167 22.0833 20.0833 22.175 19.8 22.175C19.5167 22.175 19.2833 22.0833 19.1 21.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '615662f762318fffc15937341f3293a89fccb43d' }, h("path", { key: '9bbac187dd0ccdf0822c9ce09bad4dc6f6bb995e', d: "M19.6 17.0043C19.3278 16.8488 19.1528 16.6106 19.075 16.2897C18.9972 15.9689 19.0361 15.6724 19.1917 15.4002C19.3278 15.1863 19.4396 14.9578 19.5271 14.7147C19.6146 14.4717 19.6778 14.2238 19.7167 13.971C19.7944 13.6404 19.9451 13.3682 20.1687 13.1543C20.3923 12.9404 20.6694 12.8335 21 12.8335C21.3305 12.8335 21.6028 12.9502 21.8167 13.1835C22.0305 13.4168 22.118 13.6988 22.0792 14.0293C22.0208 14.4766 21.9187 14.9141 21.7729 15.3418C21.6271 15.7696 21.4375 16.1779 21.2042 16.5668C21.0486 16.8391 20.8104 17.0189 20.4896 17.1064C20.1687 17.1939 19.8722 17.1599 19.6 17.0043ZM14 2.3335C14.9722 2.3335 15.7986 2.67377 16.4792 3.35433C17.1597 4.03489 17.5 4.86127 17.5 5.8335V11.3752C17.5 11.7641 17.3785 12.0557 17.1354 12.2502C16.8923 12.4446 16.625 12.5418 16.3333 12.5418C16.0417 12.5418 15.7743 12.4397 15.5312 12.2356C15.2882 12.0314 15.1667 11.7349 15.1667 11.346V5.8335C15.1667 5.50294 15.0548 5.22586 14.8312 5.00225C14.6076 4.77864 14.3305 4.66683 14 4.66683C13.6694 4.66683 13.3923 4.77864 13.1687 5.00225C12.9451 5.22586 12.8333 5.50294 12.8333 5.8335V6.7085C12.8333 7.09739 12.7118 7.38905 12.4687 7.5835C12.2257 7.77794 11.9583 7.87516 11.6667 7.87516C11.375 7.87516 11.1076 7.77308 10.8646 7.56891C10.6215 7.36475 10.5 7.06822 10.5 6.67933V5.8335C10.5 4.86127 10.8403 4.03489 11.5208 3.35433C12.2014 2.67377 13.0278 2.3335 14 2.3335ZM12.8333 23.3335V20.9127C11.0444 20.6793 9.51318 19.9259 8.23957 18.6522C6.96596 17.3786 6.19304 15.8377 5.92082 14.0293C5.88193 13.6988 5.96943 13.4168 6.18332 13.1835C6.39721 12.9502 6.66943 12.8335 6.99998 12.8335C7.33054 12.8335 7.61248 12.9453 7.84582 13.1689C8.07915 13.3925 8.22498 13.6696 8.28332 14.0002C8.55554 15.3807 9.22637 16.5036 10.2958 17.3689C11.3653 18.2342 12.6 18.6668 14 18.6668C14.6611 18.6668 15.2882 18.5647 15.8812 18.3606C16.4743 18.1564 17.0139 17.8696 17.5 17.5002L19.1625 19.1627C18.5986 19.6099 17.9812 19.9891 17.3104 20.3002C16.6396 20.6113 15.925 20.8154 15.1667 20.9127V23.3335C15.1667 23.6641 15.0548 23.9411 14.8312 24.1647C14.6076 24.3884 14.3305 24.5002 14 24.5002C13.6694 24.5002 13.3923 24.3884 13.1687 24.1647C12.9451 23.9411 12.8333 23.6641 12.8333 23.3335ZM22.2833 25.5502L2.44998 5.71683C2.23609 5.50294 2.12915 5.23072 2.12915 4.90016C2.12915 4.56961 2.23609 4.29739 2.44998 4.0835C2.66387 3.86961 2.93609 3.76266 3.26665 3.76266C3.59721 3.76266 3.86943 3.86961 4.08332 4.0835L23.9167 23.9168C24.1305 24.1307 24.2375 24.4029 24.2375 24.7335C24.2375 25.0641 24.1305 25.3363 23.9167 25.5502C23.7028 25.7641 23.4305 25.871 23.1 25.871C22.7694 25.871 22.4972 25.7641 22.2833 25.5502Z", fill: "currentColor" })))));
+        return (h("svg", { key: '7e4d603df51629bf3715b00bcdb6148695672c75', "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: 'fcc2991a101a8b0cfab13b17eabbcf8d3a968952' }, h("path", { key: 'dc5466776d9592cdf0133b14556ec1848dee2377', d: "M11.2 9.71683C11.0445 9.62794 10.9445 9.49183 10.9 9.3085C10.8556 9.12516 10.8778 8.95572 10.9667 8.80016C11.0445 8.67794 11.1083 8.54739 11.1583 8.4085C11.2083 8.26961 11.2445 8.12794 11.2667 7.9835C11.3111 7.79461 11.3972 7.63905 11.525 7.51683C11.6528 7.39461 11.8111 7.3335 12 7.3335C12.1889 7.3335 12.3445 7.40016 12.4667 7.5335C12.5889 7.66683 12.6389 7.82794 12.6167 8.01683C12.5833 8.27239 12.525 8.52239 12.4417 8.76683C12.3583 9.01127 12.25 9.24461 12.1167 9.46683C12.0278 9.62239 11.8917 9.72516 11.7083 9.77516C11.525 9.82516 11.3556 9.80572 11.2 9.71683ZM8.00001 1.3335C8.55556 1.3335 9.02779 1.52794 9.41668 1.91683C9.80556 2.30572 10 2.77794 10 3.3335V6.50016C10 6.72239 9.93056 6.88905 9.79168 7.00016C9.65279 7.11127 9.50001 7.16683 9.33334 7.16683C9.16668 7.16683 9.0139 7.1085 8.87501 6.99183C8.73612 6.87516 8.66668 6.70572 8.66668 6.4835V3.3335C8.66668 3.14461 8.60279 2.98627 8.47501 2.8585C8.34723 2.73072 8.1889 2.66683 8.00001 2.66683C7.81112 2.66683 7.65279 2.73072 7.52501 2.8585C7.39723 2.98627 7.33334 3.14461 7.33334 3.3335V3.8335C7.33334 4.05572 7.2639 4.22239 7.12501 4.3335C6.98612 4.44461 6.83334 4.50016 6.66668 4.50016C6.50001 4.50016 6.34723 4.44183 6.20834 4.32516C6.06945 4.2085 6.00001 4.03905 6.00001 3.81683V3.3335C6.00001 2.77794 6.19445 2.30572 6.58334 1.91683C6.97223 1.52794 7.44445 1.3335 8.00001 1.3335ZM7.33334 13.3335V11.9502C6.31112 11.8168 5.43612 11.3863 4.70834 10.6585C3.98056 9.93072 3.5389 9.05016 3.38334 8.01683C3.36112 7.82794 3.41112 7.66683 3.53334 7.5335C3.65556 7.40016 3.81112 7.3335 4.00001 7.3335C4.1889 7.3335 4.35001 7.39739 4.48334 7.52516C4.61667 7.65294 4.70001 7.81127 4.73334 8.00016C4.8889 8.78905 5.27223 9.43072 5.88334 9.92516C6.49445 10.4196 7.20001 10.6668 8.00001 10.6668C8.37779 10.6668 8.73612 10.6085 9.07501 10.4918C9.4139 10.3752 9.72223 10.2113 10 10.0002L10.95 10.9502C10.6278 11.2057 10.275 11.4224 9.89167 11.6002C9.50834 11.7779 9.10001 11.8946 8.66668 11.9502V13.3335C8.66668 13.5224 8.60279 13.6807 8.47501 13.8085C8.34723 13.9363 8.1889 14.0002 8.00001 14.0002C7.81112 14.0002 7.65279 13.9363 7.52501 13.8085C7.39723 13.6807 7.33334 13.5224 7.33334 13.3335ZM12.7333 14.6002L1.40001 3.26683C1.27779 3.14461 1.21667 2.98905 1.21667 2.80016C1.21667 2.61127 1.27779 2.45572 1.40001 2.3335C1.52223 2.21127 1.67779 2.15016 1.86667 2.15016C2.05556 2.15016 2.21112 2.21127 2.33334 2.3335L13.6667 13.6668C13.7889 13.7891 13.85 13.9446 13.85 14.1335C13.85 14.3224 13.7889 14.4779 13.6667 14.6002C13.5445 14.7224 13.3889 14.7835 13.2 14.7835C13.0111 14.7835 12.8556 14.7224 12.7333 14.6002Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8a19ad4ffbcd88b58dcd8d2438929f6de2337e2c' }, h("path", { key: 'fec9036c7acef766ab43a2fa8bc8f8643673380b', d: "M16.8 14.575C16.5667 14.4417 16.4167 14.2375 16.35 13.9625C16.2833 13.6875 16.3167 13.4333 16.45 13.2C16.5667 13.0167 16.6625 12.8208 16.7375 12.6125C16.8125 12.4042 16.8667 12.1917 16.9 11.975C16.9667 11.6917 17.0958 11.4583 17.2875 11.275C17.4792 11.0917 17.7167 11 18 11C18.2833 11 18.5167 11.1 18.7 11.3C18.8833 11.5 18.9583 11.7417 18.925 12.025C18.875 12.4083 18.7875 12.7833 18.6625 13.15C18.5375 13.5167 18.375 13.8667 18.175 14.2C18.0417 14.4333 17.8375 14.5875 17.5625 14.6625C17.2875 14.7375 17.0333 14.7083 16.8 14.575ZM12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V9.75C15 10.0833 14.8958 10.3333 14.6875 10.5C14.4792 10.6667 14.25 10.75 14 10.75C13.75 10.75 13.5208 10.6625 13.3125 10.4875C13.1042 10.3125 13 10.0583 13 9.725V5C13 4.71667 12.9042 4.47917 12.7125 4.2875C12.5208 4.09583 12.2833 4 12 4C11.7167 4 11.4792 4.09583 11.2875 4.2875C11.0958 4.47917 11 4.71667 11 5V5.75C11 6.08333 10.8958 6.33333 10.6875 6.5C10.4792 6.66667 10.25 6.75 10 6.75C9.75001 6.75 9.52085 6.6625 9.31251 6.4875C9.10418 6.3125 9.00001 6.05833 9.00001 5.725V5C9.00001 4.16667 9.29168 3.45833 9.87501 2.875C10.4583 2.29167 11.1667 2 12 2ZM11 20V17.925C9.46668 17.725 8.15418 17.0792 7.06251 15.9875C5.97085 14.8958 5.30835 13.575 5.07501 12.025C5.04168 11.7417 5.11668 11.5 5.30001 11.3C5.48335 11.1 5.71668 11 6.00001 11C6.28335 11 6.52501 11.0958 6.72501 11.2875C6.92501 11.4792 7.05001 11.7167 7.10001 12C7.33335 13.1833 7.90835 14.1458 8.82501 14.8875C9.74168 15.6292 10.8 16 12 16C12.5667 16 13.1042 15.9125 13.6125 15.7375C14.1208 15.5625 14.5833 15.3167 15 15L16.425 16.425C15.9417 16.8083 15.4125 17.1333 14.8375 17.4C14.2625 17.6667 13.65 17.8417 13 17.925V20C13 20.2833 12.9042 20.5208 12.7125 20.7125C12.5208 20.9042 12.2833 21 12 21C11.7167 21 11.4792 20.9042 11.2875 20.7125C11.0958 20.5208 11 20.2833 11 20ZM19.1 21.9L2.10001 4.9C1.91668 4.71667 1.82501 4.48333 1.82501 4.2C1.82501 3.91667 1.91668 3.68333 2.10001 3.5C2.28335 3.31667 2.51668 3.225 2.80001 3.225C3.08335 3.225 3.31668 3.31667 3.50001 3.5L20.5 20.5C20.6833 20.6833 20.775 20.9167 20.775 21.2C20.775 21.4833 20.6833 21.7167 20.5 21.9C20.3167 22.0833 20.0833 22.175 19.8 22.175C19.5167 22.175 19.2833 22.0833 19.1 21.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0c49524896d5408069815e934585b4a9b7afd12a' }, h("path", { key: 'be601a8cb7f95f37c0c023d91a12f826d5f29187', d: "M19.6 17.0043C19.3278 16.8488 19.1528 16.6106 19.075 16.2897C18.9972 15.9689 19.0361 15.6724 19.1917 15.4002C19.3278 15.1863 19.4396 14.9578 19.5271 14.7147C19.6146 14.4717 19.6778 14.2238 19.7167 13.971C19.7944 13.6404 19.9451 13.3682 20.1687 13.1543C20.3923 12.9404 20.6694 12.8335 21 12.8335C21.3305 12.8335 21.6028 12.9502 21.8167 13.1835C22.0305 13.4168 22.118 13.6988 22.0792 14.0293C22.0208 14.4766 21.9187 14.9141 21.7729 15.3418C21.6271 15.7696 21.4375 16.1779 21.2042 16.5668C21.0486 16.8391 20.8104 17.0189 20.4896 17.1064C20.1687 17.1939 19.8722 17.1599 19.6 17.0043ZM14 2.3335C14.9722 2.3335 15.7986 2.67377 16.4792 3.35433C17.1597 4.03489 17.5 4.86127 17.5 5.8335V11.3752C17.5 11.7641 17.3785 12.0557 17.1354 12.2502C16.8923 12.4446 16.625 12.5418 16.3333 12.5418C16.0417 12.5418 15.7743 12.4397 15.5312 12.2356C15.2882 12.0314 15.1667 11.7349 15.1667 11.346V5.8335C15.1667 5.50294 15.0548 5.22586 14.8312 5.00225C14.6076 4.77864 14.3305 4.66683 14 4.66683C13.6694 4.66683 13.3923 4.77864 13.1687 5.00225C12.9451 5.22586 12.8333 5.50294 12.8333 5.8335V6.7085C12.8333 7.09739 12.7118 7.38905 12.4687 7.5835C12.2257 7.77794 11.9583 7.87516 11.6667 7.87516C11.375 7.87516 11.1076 7.77308 10.8646 7.56891C10.6215 7.36475 10.5 7.06822 10.5 6.67933V5.8335C10.5 4.86127 10.8403 4.03489 11.5208 3.35433C12.2014 2.67377 13.0278 2.3335 14 2.3335ZM12.8333 23.3335V20.9127C11.0444 20.6793 9.51318 19.9259 8.23957 18.6522C6.96596 17.3786 6.19304 15.8377 5.92082 14.0293C5.88193 13.6988 5.96943 13.4168 6.18332 13.1835C6.39721 12.9502 6.66943 12.8335 6.99998 12.8335C7.33054 12.8335 7.61248 12.9453 7.84582 13.1689C8.07915 13.3925 8.22498 13.6696 8.28332 14.0002C8.55554 15.3807 9.22637 16.5036 10.2958 17.3689C11.3653 18.2342 12.6 18.6668 14 18.6668C14.6611 18.6668 15.2882 18.5647 15.8812 18.3606C16.4743 18.1564 17.0139 17.8696 17.5 17.5002L19.1625 19.1627C18.5986 19.6099 17.9812 19.9891 17.3104 20.3002C16.6396 20.6113 15.925 20.8154 15.1667 20.9127V23.3335C15.1667 23.6641 15.0548 23.9411 14.8312 24.1647C14.6076 24.3884 14.3305 24.5002 14 24.5002C13.6694 24.5002 13.3923 24.3884 13.1687 24.1647C12.9451 23.9411 12.8333 23.6641 12.8333 23.3335ZM22.2833 25.5502L2.44998 5.71683C2.23609 5.50294 2.12915 5.23072 2.12915 4.90016C2.12915 4.56961 2.23609 4.29739 2.44998 4.0835C2.66387 3.86961 2.93609 3.76266 3.26665 3.76266C3.59721 3.76266 3.86943 3.86961 4.08332 4.0835L23.9167 23.9168C24.1305 24.1307 24.2375 24.4029 24.2375 24.7335C24.2375 25.0641 24.1305 25.3363 23.9167 25.5502C23.7028 25.7641 23.4305 25.871 23.1 25.871C22.7694 25.871 22.4972 25.7641 22.2833 25.5502Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-mic-off", {

package/dist/components/swirl-icon-mic.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconMic$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconMic extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconMic$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconMic exten
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'd938893a091ee665347269b4938993fd6e050f68', "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: '20c4ddf0199b3f0bdb17d0442ff0b957770a1e78' }, h("path", { key: 'a8326e8f877d92e785c01c18bd573b5edc920617', d: "M8.00002 9.33337C7.44446 9.33337 6.97224 9.13893 6.58335 8.75004C6.19446 8.36115 6.00002 7.88893 6.00002 7.33337V3.33337C6.00002 2.77782 6.19446 2.3056 6.58335 1.91671C6.97224 1.52782 7.44446 1.33337 8.00002 1.33337C8.55557 1.33337 9.0278 1.52782 9.41669 1.91671C9.80557 2.3056 10 2.77782 10 3.33337V7.33337C10 7.88893 9.80557 8.36115 9.41669 8.75004C9.0278 9.13893 8.55557 9.33337 8.00002 9.33337ZM8.00002 14C7.81113 14 7.65291 13.936 7.52535 13.808C7.39735 13.6805 7.33335 13.5223 7.33335 13.3334V11.95C6.30002 11.8056 5.42224 11.3723 4.70002 10.65C3.9778 9.92782 3.53891 9.06115 3.38335 8.05004C3.35002 7.86115 3.40002 7.69449 3.53335 7.55004C3.66669 7.4056 3.84446 7.33337 4.06669 7.33337C4.22224 7.33337 4.36113 7.3916 4.48335 7.50804C4.60557 7.62493 4.68335 7.76671 4.71669 7.93337C4.86113 8.71115 5.23891 9.36115 5.85002 9.88337C6.46113 10.4056 7.1778 10.6667 8.00002 10.6667C8.82224 10.6667 9.53891 10.4056 10.15 9.88337C10.7611 9.36115 11.1389 8.71115 11.2834 7.93337C11.3167 7.76671 11.3974 7.62493 11.5254 7.50804C11.6529 7.3916 11.7945 7.33337 11.95 7.33337C12.1611 7.33337 12.3334 7.4056 12.4667 7.55004C12.6 7.69449 12.65 7.86115 12.6167 8.05004C12.4611 9.06115 12.0222 9.92782 11.3 10.65C10.5778 11.3723 9.70002 11.8056 8.66669 11.95V13.3334C8.66669 13.5223 8.60291 13.6805 8.47535 13.808C8.34735 13.936 8.18891 14 8.00002 14ZM8.00002 8.00004C8.18891 8.00004 8.34735 7.93604 8.47535 7.80804C8.60291 7.68049 8.66669 7.52226 8.66669 7.33337V3.33337C8.66669 3.14449 8.60291 2.98604 8.47535 2.85804C8.34735 2.73049 8.18891 2.66671 8.00002 2.66671C7.81113 2.66671 7.65291 2.73049 7.52535 2.85804C7.39735 2.98604 7.33335 3.14449 7.33335 3.33337V7.33337C7.33335 7.52226 7.39735 7.68049 7.52535 7.80804C7.65291 7.93604 7.81113 8.00004 8.00002 8.00004Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'bc2de6011ee4ad81ff53fbf5af52fd21a0853bf9' }, h("path", { key: 'c198ee7a9a5316d89c2ee73ce3ad3540b21135c2', d: "M12 14C11.1667 14 10.4583 13.7083 9.875 13.125C9.29166 12.5417 9 11.8333 9 11V5C9 4.16667 9.29166 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V11C15 11.8333 14.7083 12.5417 14.125 13.125C13.5417 13.7083 12.8333 14 12 14ZM12 21C11.7167 21 11.4793 20.904 11.288 20.712C11.096 20.5207 11 20.2833 11 20V17.925C9.45 17.7083 8.13333 17.0583 7.05 15.975C5.96666 14.8917 5.30833 13.5917 5.075 12.075C5.025 11.7917 5.1 11.5417 5.3 11.325C5.5 11.1083 5.76666 11 6.1 11C6.33333 11 6.54166 11.0873 6.725 11.262C6.90833 11.4373 7.025 11.65 7.075 11.9C7.29166 13.0667 7.85833 14.0417 8.775 14.825C9.69166 15.6083 10.7667 16 12 16C13.2333 16 14.3083 15.6083 15.225 14.825C16.1417 14.0417 16.7083 13.0667 16.925 11.9C16.975 11.65 17.096 11.4373 17.288 11.262C17.4793 11.0873 17.6917 11 17.925 11C18.2417 11 18.5 11.1083 18.7 11.325C18.9 11.5417 18.975 11.7917 18.925 12.075C18.6917 13.5917 18.0333 14.8917 16.95 15.975C15.8667 17.0583 14.55 17.7083 13 17.925V20C13 20.2833 12.9043 20.5207 12.713 20.712C12.521 20.904 12.2833 21 12 21ZM12 12C12.2833 12 12.521 11.904 12.713 11.712C12.9043 11.5207 13 11.2833 13 11V5C13 4.71667 12.9043 4.479 12.713 4.287C12.521 4.09567 12.2833 4 12 4C11.7167 4 11.4793 4.09567 11.288 4.287C11.096 4.479 11 4.71667 11 5V11C11 11.2833 11.096 11.5207 11.288 11.712C11.4793 11.904 11.7167 12 12 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '473aa5d8ed3ee3f40f1595cd8d4ee68b61e33c16' }, h("path", { key: '81e38df4eae4454ce0dd33f7152f2a4d1f9dc5d7', d: "M14 16.3334C13.0278 16.3334 12.2014 15.9931 11.5208 15.3125C10.8403 14.632 10.5 13.8056 10.5 12.8334V5.83337C10.5 4.86115 10.8403 4.03476 11.5208 3.35421C12.2014 2.67365 13.0278 2.33337 14 2.33337C14.9722 2.33337 15.7986 2.67365 16.4792 3.35421C17.1597 4.03476 17.5 4.86115 17.5 5.83337V12.8334C17.5 13.8056 17.1597 14.632 16.4792 15.3125C15.7986 15.9931 14.9722 16.3334 14 16.3334ZM14 24.5C13.6694 24.5 13.3925 24.388 13.1693 24.164C12.9453 23.9408 12.8333 23.6639 12.8333 23.3334V20.9125C11.025 20.6598 9.48888 19.9014 8.22499 18.6375C6.9611 17.3737 6.19304 15.857 5.92082 14.0875C5.86249 13.757 5.94999 13.4653 6.18332 13.2125C6.41665 12.9598 6.72776 12.8334 7.11665 12.8334C7.38888 12.8334 7.63193 12.9353 7.84582 13.139C8.05971 13.3436 8.19582 13.5917 8.25415 13.8834C8.50693 15.2445 9.16804 16.382 10.2375 17.2959C11.3069 18.2098 12.5611 18.6667 14 18.6667C15.4389 18.6667 16.693 18.2098 17.7625 17.2959C18.8319 16.382 19.493 15.2445 19.7458 13.8834C19.8042 13.5917 19.9453 13.3436 20.1693 13.139C20.3925 12.9353 20.6403 12.8334 20.9125 12.8334C21.2819 12.8334 21.5833 12.9598 21.8167 13.2125C22.05 13.4653 22.1375 13.757 22.0792 14.0875C21.8069 15.857 21.0389 17.3737 19.775 18.6375C18.5111 19.9014 16.975 20.6598 15.1667 20.9125V23.3334C15.1667 23.6639 15.055 23.9408 14.8318 24.164C14.6078 24.388 14.3305 24.5 14 24.5ZM14 14C14.3305 14 14.6078 13.888 14.8318 13.664C15.055 13.4408 15.1667 13.1639 15.1667 12.8334V5.83337C15.1667 5.50282 15.055 5.22554 14.8318 5.00154C14.6078 4.77832 14.3305 4.66671 14 4.66671C13.6694 4.66671 13.3925 4.77832 13.1693 5.00154C12.9453 5.22554 12.8333 5.50282 12.8333 5.83337V12.8334C12.8333 13.1639 12.9453 13.4408 13.1693 13.664C13.3925 13.888 13.6694 14 14 14Z", fill: "currentColor" })))));
+        return (h("svg", { key: '6ba33f388f526a1aa2fd72472bda34969a9f9514', "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: '1d3e280e52abf2568794a7456e8e6f48365ac2f8' }, h("path", { key: '33eaa7f7821f6dd590eaca6a9e24c48ff8d2deaa', d: "M8.00002 9.33337C7.44446 9.33337 6.97224 9.13893 6.58335 8.75004C6.19446 8.36115 6.00002 7.88893 6.00002 7.33337V3.33337C6.00002 2.77782 6.19446 2.3056 6.58335 1.91671C6.97224 1.52782 7.44446 1.33337 8.00002 1.33337C8.55557 1.33337 9.0278 1.52782 9.41669 1.91671C9.80557 2.3056 10 2.77782 10 3.33337V7.33337C10 7.88893 9.80557 8.36115 9.41669 8.75004C9.0278 9.13893 8.55557 9.33337 8.00002 9.33337ZM8.00002 14C7.81113 14 7.65291 13.936 7.52535 13.808C7.39735 13.6805 7.33335 13.5223 7.33335 13.3334V11.95C6.30002 11.8056 5.42224 11.3723 4.70002 10.65C3.9778 9.92782 3.53891 9.06115 3.38335 8.05004C3.35002 7.86115 3.40002 7.69449 3.53335 7.55004C3.66669 7.4056 3.84446 7.33337 4.06669 7.33337C4.22224 7.33337 4.36113 7.3916 4.48335 7.50804C4.60557 7.62493 4.68335 7.76671 4.71669 7.93337C4.86113 8.71115 5.23891 9.36115 5.85002 9.88337C6.46113 10.4056 7.1778 10.6667 8.00002 10.6667C8.82224 10.6667 9.53891 10.4056 10.15 9.88337C10.7611 9.36115 11.1389 8.71115 11.2834 7.93337C11.3167 7.76671 11.3974 7.62493 11.5254 7.50804C11.6529 7.3916 11.7945 7.33337 11.95 7.33337C12.1611 7.33337 12.3334 7.4056 12.4667 7.55004C12.6 7.69449 12.65 7.86115 12.6167 8.05004C12.4611 9.06115 12.0222 9.92782 11.3 10.65C10.5778 11.3723 9.70002 11.8056 8.66669 11.95V13.3334C8.66669 13.5223 8.60291 13.6805 8.47535 13.808C8.34735 13.936 8.18891 14 8.00002 14ZM8.00002 8.00004C8.18891 8.00004 8.34735 7.93604 8.47535 7.80804C8.60291 7.68049 8.66669 7.52226 8.66669 7.33337V3.33337C8.66669 3.14449 8.60291 2.98604 8.47535 2.85804C8.34735 2.73049 8.18891 2.66671 8.00002 2.66671C7.81113 2.66671 7.65291 2.73049 7.52535 2.85804C7.39735 2.98604 7.33335 3.14449 7.33335 3.33337V7.33337C7.33335 7.52226 7.39735 7.68049 7.52535 7.80804C7.65291 7.93604 7.81113 8.00004 8.00002 8.00004Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b1183caaef4a8be271393fc7a26a871be67770c7' }, h("path", { key: 'afc4a16921b49be93bab26b9e37ed202ef6d7b43', d: "M12 14C11.1667 14 10.4583 13.7083 9.875 13.125C9.29166 12.5417 9 11.8333 9 11V5C9 4.16667 9.29166 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V11C15 11.8333 14.7083 12.5417 14.125 13.125C13.5417 13.7083 12.8333 14 12 14ZM12 21C11.7167 21 11.4793 20.904 11.288 20.712C11.096 20.5207 11 20.2833 11 20V17.925C9.45 17.7083 8.13333 17.0583 7.05 15.975C5.96666 14.8917 5.30833 13.5917 5.075 12.075C5.025 11.7917 5.1 11.5417 5.3 11.325C5.5 11.1083 5.76666 11 6.1 11C6.33333 11 6.54166 11.0873 6.725 11.262C6.90833 11.4373 7.025 11.65 7.075 11.9C7.29166 13.0667 7.85833 14.0417 8.775 14.825C9.69166 15.6083 10.7667 16 12 16C13.2333 16 14.3083 15.6083 15.225 14.825C16.1417 14.0417 16.7083 13.0667 16.925 11.9C16.975 11.65 17.096 11.4373 17.288 11.262C17.4793 11.0873 17.6917 11 17.925 11C18.2417 11 18.5 11.1083 18.7 11.325C18.9 11.5417 18.975 11.7917 18.925 12.075C18.6917 13.5917 18.0333 14.8917 16.95 15.975C15.8667 17.0583 14.55 17.7083 13 17.925V20C13 20.2833 12.9043 20.5207 12.713 20.712C12.521 20.904 12.2833 21 12 21ZM12 12C12.2833 12 12.521 11.904 12.713 11.712C12.9043 11.5207 13 11.2833 13 11V5C13 4.71667 12.9043 4.479 12.713 4.287C12.521 4.09567 12.2833 4 12 4C11.7167 4 11.4793 4.09567 11.288 4.287C11.096 4.479 11 4.71667 11 5V11C11 11.2833 11.096 11.5207 11.288 11.712C11.4793 11.904 11.7167 12 12 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2487efd6cda2adbb348947af1fb046f6e3f2bb52' }, h("path", { key: '34723f77bb4a8e6d3b75fbc4362912f8ff78691d', d: "M14 16.3334C13.0278 16.3334 12.2014 15.9931 11.5208 15.3125C10.8403 14.632 10.5 13.8056 10.5 12.8334V5.83337C10.5 4.86115 10.8403 4.03476 11.5208 3.35421C12.2014 2.67365 13.0278 2.33337 14 2.33337C14.9722 2.33337 15.7986 2.67365 16.4792 3.35421C17.1597 4.03476 17.5 4.86115 17.5 5.83337V12.8334C17.5 13.8056 17.1597 14.632 16.4792 15.3125C15.7986 15.9931 14.9722 16.3334 14 16.3334ZM14 24.5C13.6694 24.5 13.3925 24.388 13.1693 24.164C12.9453 23.9408 12.8333 23.6639 12.8333 23.3334V20.9125C11.025 20.6598 9.48888 19.9014 8.22499 18.6375C6.9611 17.3737 6.19304 15.857 5.92082 14.0875C5.86249 13.757 5.94999 13.4653 6.18332 13.2125C6.41665 12.9598 6.72776 12.8334 7.11665 12.8334C7.38888 12.8334 7.63193 12.9353 7.84582 13.139C8.05971 13.3436 8.19582 13.5917 8.25415 13.8834C8.50693 15.2445 9.16804 16.382 10.2375 17.2959C11.3069 18.2098 12.5611 18.6667 14 18.6667C15.4389 18.6667 16.693 18.2098 17.7625 17.2959C18.8319 16.382 19.493 15.2445 19.7458 13.8834C19.8042 13.5917 19.9453 13.3436 20.1693 13.139C20.3925 12.9353 20.6403 12.8334 20.9125 12.8334C21.2819 12.8334 21.5833 12.9598 21.8167 13.2125C22.05 13.4653 22.1375 13.757 22.0792 14.0875C21.8069 15.857 21.0389 17.3737 19.775 18.6375C18.5111 19.9014 16.975 20.6598 15.1667 20.9125V23.3334C15.1667 23.6639 15.055 23.9408 14.8318 24.164C14.6078 24.388 14.3305 24.5 14 24.5ZM14 14C14.3305 14 14.6078 13.888 14.8318 13.664C15.055 13.4408 15.1667 13.1639 15.1667 12.8334V5.83337C15.1667 5.50282 15.055 5.22554 14.8318 5.00154C14.6078 4.77832 14.3305 4.66671 14 4.66671C13.6694 4.66671 13.3925 4.77832 13.1693 5.00154C12.9453 5.22554 12.8333 5.50282 12.8333 5.83337V12.8334C12.8333 13.1639 12.9453 13.4408 13.1693 13.664C13.3925 13.888 13.6694 14 14 14Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-mic", {

package/dist/components/swirl-icon-more-horizontal.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconMoreHorizontal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconMoreHorizontal extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconMoreHorizontal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIc
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '8d0759359b05405087f48a231b7eab42cf25e1c0', "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: '82d80fd3796640425ed975b4bce161322c258378' }, h("path", { key: 'cf424dea1a90ff273382a39320462f6f35e5446d', d: "M3.88334 9.39998C3.49445 9.39998 3.164 9.26109 2.892 8.98331C2.61956 8.70553 2.48334 8.37775 2.48334 7.99998C2.48334 7.61109 2.61956 7.28042 2.892 7.00798C3.164 6.73598 3.49445 6.59998 3.88334 6.59998C4.26112 6.59998 4.58623 6.73598 4.85867 7.00798C5.13067 7.28042 5.26667 7.61109 5.26667 7.99998C5.26667 8.37775 5.13067 8.70553 4.85867 8.98331C4.58623 9.26109 4.26112 9.39998 3.88334 9.39998ZM8 9.39998C7.62223 9.39998 7.29445 9.26109 7.01667 8.98331C6.73889 8.70553 6.6 8.37775 6.6 7.99998C6.6 7.61109 6.73889 7.28042 7.01667 7.00798C7.29445 6.73598 7.62223 6.59998 8 6.59998C8.38889 6.59998 8.71956 6.73598 8.992 7.00798C9.264 7.28042 9.4 7.61109 9.4 7.99998C9.4 8.37775 9.264 8.70553 8.992 8.98331C8.71956 9.26109 8.38889 9.39998 8 9.39998ZM12.1167 9.39998C11.7389 9.39998 11.4138 9.26109 11.1413 8.98331C10.8693 8.70553 10.7333 8.37775 10.7333 7.99998C10.7333 7.61109 10.8693 7.28042 11.1413 7.00798C11.4138 6.73598 11.7389 6.59998 12.1167 6.59998C12.5056 6.59998 12.8362 6.73598 13.1087 7.00798C13.3807 7.28042 13.5167 7.61109 13.5167 7.99998C13.5167 8.37775 13.3807 8.70553 13.1087 8.98331C12.8362 9.26109 12.5056 9.39998 12.1167 9.39998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f184447f798e05b1081e0a9b455cb41bf9810733' }, h("path", { key: '726417b43276c3902f201eec0b71579aa0f1838c', d: "M5.82501 14.1C5.24167 14.1 4.74601 13.8917 4.33801 13.475C3.92934 13.0584 3.72501 12.5667 3.72501 12C3.72501 11.4167 3.92934 10.9207 4.33801 10.512C4.74601 10.104 5.24167 9.90002 5.82501 9.90002C6.39167 9.90002 6.87934 10.104 7.28801 10.512C7.69601 10.9207 7.90001 11.4167 7.90001 12C7.90001 12.5667 7.69601 13.0584 7.28801 13.475C6.87934 13.8917 6.39167 14.1 5.82501 14.1ZM12 14.1C11.4333 14.1 10.9417 13.8917 10.525 13.475C10.1083 13.0584 9.90001 12.5667 9.90001 12C9.90001 11.4167 10.1083 10.9207 10.525 10.512C10.9417 10.104 11.4333 9.90002 12 9.90002C12.5833 9.90002 13.0793 10.104 13.488 10.512C13.896 10.9207 14.1 11.4167 14.1 12C14.1 12.5667 13.896 13.0584 13.488 13.475C13.0793 13.8917 12.5833 14.1 12 14.1ZM18.175 14.1C17.6083 14.1 17.1207 13.8917 16.712 13.475C16.304 13.0584 16.1 12.5667 16.1 12C16.1 11.4167 16.304 10.9207 16.712 10.512C17.1207 10.104 17.6083 9.90002 18.175 9.90002C18.7583 9.90002 19.2543 10.104 19.663 10.512C20.071 10.9207 20.275 11.4167 20.275 12C20.275 12.5667 20.071 13.0584 19.663 13.475C19.2543 13.8917 18.7583 14.1 18.175 14.1Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4ae0b82c9994366222a354631949af3af7651cf7' }, h("path", { key: 'b78a9cff7a9f90b1418c71d615ada6cf58c13954', d: "M6.79583 16.45C6.11527 16.45 5.53699 16.2069 5.06099 15.7208C4.58421 15.2347 4.34583 14.6611 4.34583 14C4.34583 13.3194 4.58421 12.7408 5.06099 12.264C5.53699 11.788 6.11527 11.55 6.79583 11.55C7.45694 11.55 8.02588 11.788 8.50266 12.264C8.97866 12.7408 9.21666 13.3194 9.21666 14C9.21666 14.6611 8.97866 15.2347 8.50266 15.7208C8.02588 16.2069 7.45694 16.45 6.79583 16.45ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45ZM21.2042 16.45C20.543 16.45 19.9741 16.2069 19.4973 15.7208C19.0213 15.2347 18.7833 14.6611 18.7833 14C18.7833 13.3194 19.0213 12.7408 19.4973 12.264C19.9741 11.788 20.543 11.55 21.2042 11.55C21.8847 11.55 22.4634 11.788 22.9402 12.264C23.4162 12.7408 23.6542 13.3194 23.6542 14C23.6542 14.6611 23.4162 15.2347 22.9402 15.7208C22.4634 16.2069 21.8847 16.45 21.2042 16.45Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'b53c19bcfd37a4979a916f5ee1ead2e32296f7ed', "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: 'ce0cc9af7a60eac21eb87329842f82b5b568e82c' }, h("path", { key: '87a796b29b5ab2cfa54519465e915414ce5ec737', d: "M3.88334 9.39998C3.49445 9.39998 3.164 9.26109 2.892 8.98331C2.61956 8.70553 2.48334 8.37775 2.48334 7.99998C2.48334 7.61109 2.61956 7.28042 2.892 7.00798C3.164 6.73598 3.49445 6.59998 3.88334 6.59998C4.26112 6.59998 4.58623 6.73598 4.85867 7.00798C5.13067 7.28042 5.26667 7.61109 5.26667 7.99998C5.26667 8.37775 5.13067 8.70553 4.85867 8.98331C4.58623 9.26109 4.26112 9.39998 3.88334 9.39998ZM8 9.39998C7.62223 9.39998 7.29445 9.26109 7.01667 8.98331C6.73889 8.70553 6.6 8.37775 6.6 7.99998C6.6 7.61109 6.73889 7.28042 7.01667 7.00798C7.29445 6.73598 7.62223 6.59998 8 6.59998C8.38889 6.59998 8.71956 6.73598 8.992 7.00798C9.264 7.28042 9.4 7.61109 9.4 7.99998C9.4 8.37775 9.264 8.70553 8.992 8.98331C8.71956 9.26109 8.38889 9.39998 8 9.39998ZM12.1167 9.39998C11.7389 9.39998 11.4138 9.26109 11.1413 8.98331C10.8693 8.70553 10.7333 8.37775 10.7333 7.99998C10.7333 7.61109 10.8693 7.28042 11.1413 7.00798C11.4138 6.73598 11.7389 6.59998 12.1167 6.59998C12.5056 6.59998 12.8362 6.73598 13.1087 7.00798C13.3807 7.28042 13.5167 7.61109 13.5167 7.99998C13.5167 8.37775 13.3807 8.70553 13.1087 8.98331C12.8362 9.26109 12.5056 9.39998 12.1167 9.39998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6e9b80255539a59de1eef4b410a8d80d6817fd17' }, h("path", { key: 'bd4e9317e177f16adcf6e02c4dc39d6034463db7', d: "M5.82501 14.1C5.24167 14.1 4.74601 13.8917 4.33801 13.475C3.92934 13.0584 3.72501 12.5667 3.72501 12C3.72501 11.4167 3.92934 10.9207 4.33801 10.512C4.74601 10.104 5.24167 9.90002 5.82501 9.90002C6.39167 9.90002 6.87934 10.104 7.28801 10.512C7.69601 10.9207 7.90001 11.4167 7.90001 12C7.90001 12.5667 7.69601 13.0584 7.28801 13.475C6.87934 13.8917 6.39167 14.1 5.82501 14.1ZM12 14.1C11.4333 14.1 10.9417 13.8917 10.525 13.475C10.1083 13.0584 9.90001 12.5667 9.90001 12C9.90001 11.4167 10.1083 10.9207 10.525 10.512C10.9417 10.104 11.4333 9.90002 12 9.90002C12.5833 9.90002 13.0793 10.104 13.488 10.512C13.896 10.9207 14.1 11.4167 14.1 12C14.1 12.5667 13.896 13.0584 13.488 13.475C13.0793 13.8917 12.5833 14.1 12 14.1ZM18.175 14.1C17.6083 14.1 17.1207 13.8917 16.712 13.475C16.304 13.0584 16.1 12.5667 16.1 12C16.1 11.4167 16.304 10.9207 16.712 10.512C17.1207 10.104 17.6083 9.90002 18.175 9.90002C18.7583 9.90002 19.2543 10.104 19.663 10.512C20.071 10.9207 20.275 11.4167 20.275 12C20.275 12.5667 20.071 13.0584 19.663 13.475C19.2543 13.8917 18.7583 14.1 18.175 14.1Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'eed9c9de7dd7f8b83a29d3d36400f69d30c586bd' }, h("path", { key: 'de712bdbaab8c74544581e76e7879e9b34903436', d: "M6.79583 16.45C6.11527 16.45 5.53699 16.2069 5.06099 15.7208C4.58421 15.2347 4.34583 14.6611 4.34583 14C4.34583 13.3194 4.58421 12.7408 5.06099 12.264C5.53699 11.788 6.11527 11.55 6.79583 11.55C7.45694 11.55 8.02588 11.788 8.50266 12.264C8.97866 12.7408 9.21666 13.3194 9.21666 14C9.21666 14.6611 8.97866 15.2347 8.50266 15.7208C8.02588 16.2069 7.45694 16.45 6.79583 16.45ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45ZM21.2042 16.45C20.543 16.45 19.9741 16.2069 19.4973 15.7208C19.0213 15.2347 18.7833 14.6611 18.7833 14C18.7833 13.3194 19.0213 12.7408 19.4973 12.264C19.9741 11.788 20.543 11.55 21.2042 11.55C21.8847 11.55 22.4634 11.788 22.9402 12.264C23.4162 12.7408 23.6542 13.3194 23.6542 14C23.6542 14.6611 23.4162 15.2347 22.9402 15.7208C22.4634 16.2069 21.8847 16.45 21.2042 16.45Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-more-horizontal", {

package/dist/components/swirl-icon-more-vertikal2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconMoreVertikal = /*@__PURE__*/ proxyCustomElement(class SwirlIconMoreVertikal extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconMoreVertikal = /*@__PURE__*/ proxyCustomElement(class SwirlIconMo
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'bf802b109d26645c714520fa0013e522733633b5', "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: '032d5bebbec17ce049d6e91c4730b6cd56c6d3aa' }, h("path", { key: '6a9cf6aa79357f6eafc2d14fc66a5c9c9d7f548a', d: "M8.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '2fbe22ca902612d265cd5e681b21874358614467' }, h("path", { key: 'cc965707c8887257a9da9217f5b8bd931119ec69', d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '7ae8ad926c49d9335bc3913ed9a30d86b7dabb2a' }, h("path", { key: '8729a052b60303ea7881e09558c5765617aa6932', d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })))));
+        return (h("svg", { key: '5bbc3ccc3fa80c8768bab9b13233053eccb98716', "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: '0d454e121159800be672d8e6f265a9ced5e6b3bf' }, h("path", { key: 'cf2d372ea2f1aba151002f392b7a36a3ab22c0b3', d: "M8.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '7c4a72a7973e8c3baa7829c65d53525ba483a0f1' }, h("path", { key: '34ba02d5599cdc962e5be77e12c44de5ebe7ad0c', d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd1f533eb817e085c7e1209e9e7ed7f8b3cd965db' }, h("path", { key: 'f30077691a830abc075853bbfb3316c3f3ded62c', d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-more-vertikal", {

package/dist/components/swirl-icon-news-filled.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconNewsFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNewsFilled extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconNewsFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNe
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '67c3a9376253fec2548f5e89e5707514ebca8da1', "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: 'f242d65a1d2cc7ec6c3f7077d2ed4c130dd4aadc' }, h("path", { key: '44308ab951fb76469b38312c893bdfb53e683d15', d: "M2 4C2 2.89543 2.89543 2 4 2H12C13.1046 2 14 2.89543 14 4V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V4ZM3.33333 8.66667V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H12C12.3682 12.6667 12.6667 12.3682 12.6667 12V8.66667H3.33333ZM6 5.33333C6 4.78105 5.55228 4.33333 5 4.33333C4.44772 4.33333 4 4.78105 4 5.33333C4 5.88562 4.44772 6.33333 5 6.33333C5.55228 6.33333 6 5.88562 6 5.33333ZM8 4.66667C7.63181 4.66667 7.33333 4.96514 7.33333 5.33333C7.33333 5.70152 7.63181 6 8 6H11C11.3682 6 11.6667 5.70152 11.6667 5.33333C11.6667 4.96514 11.3682 4.66667 11 4.66667H8Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '80b62853c079920c328ecfb429e84417bf41c9eb' }, h("path", { key: 'd69065671f1a1c5b454609b4ba40ea97992593f8', d: "M3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6ZM5 13V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V13H5ZM9 8C9 7.17157 8.32843 6.5 7.5 6.5C6.67157 6.5 6 7.17157 6 8C6 8.82843 6.67157 9.5 7.5 9.5C8.32843 9.5 9 8.82843 9 8ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55229 11.4477 9 12 9H16.5C17.0523 9 17.5 8.55229 17.5 8C17.5 7.44772 17.0523 7 16.5 7H12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd3468d461d7b08ad4705a50500212445fc232926' }, h("path", { key: 'c04b6d9f0967aaa467096d576ca566b5726bcbad', d: "M3.5 7C3.5 5.067 5.067 3.5 7 3.5H21C22.933 3.5 24.5 5.067 24.5 7V21C24.5 22.933 22.933 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7ZM5.83333 15.1667V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H21C21.6443 22.1667 22.1667 21.6443 22.1667 21V15.1667H5.83333ZM10.5 9.33333C10.5 8.36683 9.7165 7.58333 8.75 7.58333C7.7835 7.58333 7 8.36683 7 9.33333C7 10.2998 7.7835 11.0833 8.75 11.0833C9.7165 11.0833 10.5 10.2998 10.5 9.33333ZM14 8.16667C13.3557 8.16667 12.8333 8.689 12.8333 9.33333C12.8333 9.97767 13.3557 10.5 14 10.5H19.25C19.8943 10.5 20.4167 9.97767 20.4167 9.33333C20.4167 8.689 19.8943 8.16667 19.25 8.16667H14Z", fill: "currentColor" })))));
+        return (h("svg", { key: '58b210a52f817b5aaf0df1d5b3ddad804024e11d', "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: 'bf3ac974f092bc5a928247ea7b4b468b14d4c340' }, h("path", { key: '4e842d74aa8305eb49f002ab6268780e30d92114', d: "M2 4C2 2.89543 2.89543 2 4 2H12C13.1046 2 14 2.89543 14 4V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V4ZM3.33333 8.66667V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H12C12.3682 12.6667 12.6667 12.3682 12.6667 12V8.66667H3.33333ZM6 5.33333C6 4.78105 5.55228 4.33333 5 4.33333C4.44772 4.33333 4 4.78105 4 5.33333C4 5.88562 4.44772 6.33333 5 6.33333C5.55228 6.33333 6 5.88562 6 5.33333ZM8 4.66667C7.63181 4.66667 7.33333 4.96514 7.33333 5.33333C7.33333 5.70152 7.63181 6 8 6H11C11.3682 6 11.6667 5.70152 11.6667 5.33333C11.6667 4.96514 11.3682 4.66667 11 4.66667H8Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ae73d870a7e8edb731e7fc56e3e7f734ce17501f' }, h("path", { key: 'd665ff6ecdcee60a78fc6042f29ac383b79df334', d: "M3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6ZM5 13V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V13H5ZM9 8C9 7.17157 8.32843 6.5 7.5 6.5C6.67157 6.5 6 7.17157 6 8C6 8.82843 6.67157 9.5 7.5 9.5C8.32843 9.5 9 8.82843 9 8ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55229 11.4477 9 12 9H16.5C17.0523 9 17.5 8.55229 17.5 8C17.5 7.44772 17.0523 7 16.5 7H12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2ff975d9efcb0fa8571bbb310a1d3f260168c267' }, h("path", { key: '4b454b72bb6cf566c0d588d1a32bf2f0b7d0fd1f', d: "M3.5 7C3.5 5.067 5.067 3.5 7 3.5H21C22.933 3.5 24.5 5.067 24.5 7V21C24.5 22.933 22.933 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7ZM5.83333 15.1667V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H21C21.6443 22.1667 22.1667 21.6443 22.1667 21V15.1667H5.83333ZM10.5 9.33333C10.5 8.36683 9.7165 7.58333 8.75 7.58333C7.7835 7.58333 7 8.36683 7 9.33333C7 10.2998 7.7835 11.0833 8.75 11.0833C9.7165 11.0833 10.5 10.2998 10.5 9.33333ZM14 8.16667C13.3557 8.16667 12.8333 8.689 12.8333 9.33333C12.8333 9.97767 13.3557 10.5 14 10.5H19.25C19.8943 10.5 20.4167 9.97767 20.4167 9.33333C20.4167 8.689 19.8943 8.16667 19.25 8.16667H14Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-news-filled", {

package/dist/components/swirl-icon-news-off.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconNewsOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNewsOff extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconNewsOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNewsO
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '1587ecb04307c3582d55b15a80d1e8d9a0fc99ff', "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: '3d72ac4a1c50892b4a3eaae2860f4c847e820f83' }, h("path", { key: 'ce79255a8827812bef3a263627e91b2d19405a5c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6569 13.6569C13.9172 13.9172 13.9172 14.3393 13.6569 14.5997C13.3965 14.86 12.9744 14.86 12.714 14.5997L12.1113 13.997C12.0745 13.999 12.0374 14 12 14H4C2.89543 14 2 13.1046 2 12V4C2 3.96264 2.00102 3.92552 2.00305 3.88866L1.40034 3.28596C1.13999 3.02561 1.13999 2.6035 1.40034 2.34315C1.66069 2.0828 2.0828 2.0828 2.34315 2.34315L13.6569 13.6569ZM3.33333 5.21895V7.33333H5.44772L3.33333 5.21895ZM6.78105 8.66667H3.33333V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H10.781L6.78105 8.66667Z", fill: "currentColor" }), h("path", { key: '807f2cde27541f1d930611718ea887833e6dec4e', d: "M12.6667 7.33333H8.93221L10.2655 8.66667H12.6667V11.0678L13.9663 12.3674C13.9884 12.2483 14 12.1255 14 12V4C14 2.89543 13.1046 2 12 2H4C3.87448 2 3.75167 2.01156 3.63256 2.03368L4.93221 3.33333H12C12.3682 3.33333 12.6667 3.63181 12.6667 4V7.33333Z", fill: "currentColor" }), h("path", { key: 'c55a1011741af471e11d7fd129b54f4437030e16', d: "M7.33333 5.33333C7.33333 4.96514 7.63181 4.66667 8 4.66667H10.6667C11.0349 4.66667 11.3333 4.96514 11.3333 5.33333C11.3333 5.70152 11.0349 6 10.6667 6H8C7.63181 6 7.33333 5.70152 7.33333 5.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4179e35811a546db4c5ee893f823692645254565' }, h("path", { key: 'f5bb9d431d0df8d97bed0a6426433b6ace6276b8', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.4853 20.4853C20.8758 20.8758 20.8758 21.509 20.4853 21.8995C20.0948 22.29 19.4616 22.29 19.0711 21.8995L18.167 20.9954C18.1117 20.9985 18.056 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 5.94396 3.00154 5.88828 3.00457 5.833L2.10051 4.92894C1.70999 4.53841 1.70999 3.90525 2.10051 3.51472C2.49103 3.1242 3.1242 3.1242 3.51472 3.51472L20.4853 20.4853ZM5 7.82843V11H8.17157L5 7.82843ZM10.1716 13H5V18C5 18.5523 5.44772 19 6 19H16.1716L10.1716 13Z", fill: "currentColor" }), h("path", { key: '9be2700d9d772a7b1946b72ccbc115378ac367e9', d: "M19 11H13.3983L15.3983 13H19V16.6017L20.9495 18.5512C20.9827 18.3725 21 18.1883 21 18V6C21 4.34315 19.6569 3 18 3H6C5.81172 3 5.6275 3.01734 5.44884 3.05052L7.39831 5H18C18.5523 5 19 5.44772 19 6V11Z", fill: "currentColor" }), h("path", { key: '6917947a5518a0e754ed1924521bb304d5bfc02a', d: "M11 8C11 7.44772 11.4477 7 12 7H16C16.5523 7 17 7.44772 17 8C17 8.55228 16.5523 9 16 9H12C11.4477 9 11 8.55228 11 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '3ae126d48edcd10b6a982ce625b4b48c44e2cda5' }, h("path", { key: 'f67de0fbe182e4c59121aab5754d2904e0baf79b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M23.8995 23.8995C24.3551 24.3551 24.3551 25.0938 23.8995 25.5494C23.4439 26.005 22.7052 26.005 22.2496 25.5494L21.1948 24.4947C21.1303 24.4982 21.0654 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7C3.5 6.93462 3.50179 6.86966 3.50533 6.80516L2.4506 5.75043C1.99498 5.29482 1.99498 4.55612 2.4506 4.10051C2.90621 3.6449 3.6449 3.6449 4.10051 4.10051L23.8995 23.8995ZM5.83333 9.13316V12.8333H9.5335L5.83333 9.13316ZM11.8668 15.1667H5.83333V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H18.8668L11.8668 15.1667Z", fill: "currentColor" }), h("path", { key: 'c2961530f828a76dc3f485989041152654acc6ec', d: "M22.1667 12.8333H15.6314L17.9647 15.1667H22.1667V19.3686L24.4411 21.643C24.4798 21.4346 24.5 21.2197 24.5 21V7C24.5 5.067 22.933 3.5 21 3.5H7C6.78034 3.5 6.56542 3.52023 6.35698 3.55894L8.63137 5.83333H21C21.6443 5.83333 22.1667 6.35567 22.1667 7V12.8333Z", fill: "currentColor" }), h("path", { key: '884205f5fd338c0ad7c30daacdb43f84e318f94e', d: "M12.8333 9.33333C12.8333 8.689 13.3557 8.16667 14 8.16667H18.6667C19.311 8.16667 19.8333 8.689 19.8333 9.33333C19.8333 9.97766 19.311 10.5 18.6667 10.5H14C13.3557 10.5 12.8333 9.97766 12.8333 9.33333Z", fill: "currentColor" })))));
+        return (h("svg", { key: '89a1bcb7c9876aded5e53be835d9ef844f29ab1a', "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: '76f672efd05d7381451a8b52968b8acb971990f3' }, h("path", { key: '6eb60cb6f7dbf6f08500f3a5e23f4efcca7e469e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6569 13.6569C13.9172 13.9172 13.9172 14.3393 13.6569 14.5997C13.3965 14.86 12.9744 14.86 12.714 14.5997L12.1113 13.997C12.0745 13.999 12.0374 14 12 14H4C2.89543 14 2 13.1046 2 12V4C2 3.96264 2.00102 3.92552 2.00305 3.88866L1.40034 3.28596C1.13999 3.02561 1.13999 2.6035 1.40034 2.34315C1.66069 2.0828 2.0828 2.0828 2.34315 2.34315L13.6569 13.6569ZM3.33333 5.21895V7.33333H5.44772L3.33333 5.21895ZM6.78105 8.66667H3.33333V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H10.781L6.78105 8.66667Z", fill: "currentColor" }), h("path", { key: '41ca3162a4f45da420a50375af1aa4b9e1f05cda', d: "M12.6667 7.33333H8.93221L10.2655 8.66667H12.6667V11.0678L13.9663 12.3674C13.9884 12.2483 14 12.1255 14 12V4C14 2.89543 13.1046 2 12 2H4C3.87448 2 3.75167 2.01156 3.63256 2.03368L4.93221 3.33333H12C12.3682 3.33333 12.6667 3.63181 12.6667 4V7.33333Z", fill: "currentColor" }), h("path", { key: 'd092114ce6c0b3a7d53f9c2b2818890fdbae5ecc', d: "M7.33333 5.33333C7.33333 4.96514 7.63181 4.66667 8 4.66667H10.6667C11.0349 4.66667 11.3333 4.96514 11.3333 5.33333C11.3333 5.70152 11.0349 6 10.6667 6H8C7.63181 6 7.33333 5.70152 7.33333 5.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '61c51277dbf9ef4f53249659f89cdab6bc17c001' }, h("path", { key: '0e40cbeb59451bd09efdfcfb7d052ad51d1b20ea', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.4853 20.4853C20.8758 20.8758 20.8758 21.509 20.4853 21.8995C20.0948 22.29 19.4616 22.29 19.0711 21.8995L18.167 20.9954C18.1117 20.9985 18.056 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 5.94396 3.00154 5.88828 3.00457 5.833L2.10051 4.92894C1.70999 4.53841 1.70999 3.90525 2.10051 3.51472C2.49103 3.1242 3.1242 3.1242 3.51472 3.51472L20.4853 20.4853ZM5 7.82843V11H8.17157L5 7.82843ZM10.1716 13H5V18C5 18.5523 5.44772 19 6 19H16.1716L10.1716 13Z", fill: "currentColor" }), h("path", { key: 'ec66042d6f3172c9e97371852d34880fcca12923', d: "M19 11H13.3983L15.3983 13H19V16.6017L20.9495 18.5512C20.9827 18.3725 21 18.1883 21 18V6C21 4.34315 19.6569 3 18 3H6C5.81172 3 5.6275 3.01734 5.44884 3.05052L7.39831 5H18C18.5523 5 19 5.44772 19 6V11Z", fill: "currentColor" }), h("path", { key: '50fc8e8271facf188eab5ad4baba2f08f1c39079', d: "M11 8C11 7.44772 11.4477 7 12 7H16C16.5523 7 17 7.44772 17 8C17 8.55228 16.5523 9 16 9H12C11.4477 9 11 8.55228 11 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ce09cadd9e4a25dc3984ee138889afb328cf8b13' }, h("path", { key: 'dcba35dbe409708f0314280965be135b94cedb16', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M23.8995 23.8995C24.3551 24.3551 24.3551 25.0938 23.8995 25.5494C23.4439 26.005 22.7052 26.005 22.2496 25.5494L21.1948 24.4947C21.1303 24.4982 21.0654 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7C3.5 6.93462 3.50179 6.86966 3.50533 6.80516L2.4506 5.75043C1.99498 5.29482 1.99498 4.55612 2.4506 4.10051C2.90621 3.6449 3.6449 3.6449 4.10051 4.10051L23.8995 23.8995ZM5.83333 9.13316V12.8333H9.5335L5.83333 9.13316ZM11.8668 15.1667H5.83333V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H18.8668L11.8668 15.1667Z", fill: "currentColor" }), h("path", { key: 'e28a4409e196b14607c6f5c1caec48e9ab1545ad', d: "M22.1667 12.8333H15.6314L17.9647 15.1667H22.1667V19.3686L24.4411 21.643C24.4798 21.4346 24.5 21.2197 24.5 21V7C24.5 5.067 22.933 3.5 21 3.5H7C6.78034 3.5 6.56542 3.52023 6.35698 3.55894L8.63137 5.83333H21C21.6443 5.83333 22.1667 6.35567 22.1667 7V12.8333Z", fill: "currentColor" }), h("path", { key: '1f8de6441db704748c50c43a983e9073c2a7f881', d: "M12.8333 9.33333C12.8333 8.689 13.3557 8.16667 14 8.16667H18.6667C19.311 8.16667 19.8333 8.689 19.8333 9.33333C19.8333 9.97766 19.311 10.5 18.6667 10.5H14C13.3557 10.5 12.8333 9.97766 12.8333 9.33333Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-news-off", {

package/dist/components/swirl-icon-news.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconNews$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNews extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconNews$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNews ext
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '7c5fd885a981991bff29e48d906091bbcd6833ff', "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: 'b3dbf00cbe7f7eb5616d533004a784cd86879145' }, h("path", { key: '6b8e6a8e0c0bbdaee7058900179ecf3f65ae7a8d', d: "M6.33333 5.33333C6.33333 5.88562 5.88562 6.33333 5.33333 6.33333C4.78105 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 4.78105 4.33333 5.33333 4.33333C5.88562 4.33333 6.33333 4.78105 6.33333 5.33333Z", fill: "currentColor" }), h("path", { key: 'dff2d08ef4592ebad1bee9551f192a04ab933426', d: "M2 4C2 2.89543 2.89543 2 4 2H12C13.1046 2 14 2.89543 14 4V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V4ZM4 3.33333C3.63181 3.33333 3.33333 3.63181 3.33333 4V7.33333H12.6667V4C12.6667 3.63181 12.3682 3.33333 12 3.33333H4ZM3.33333 8.66667V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H12C12.3682 12.6667 12.6667 12.3682 12.6667 12V8.66667H3.33333Z", fill: "currentColor" }), h("path", { key: 'be44c7b7e17783ea24b076cf0d2022a5e57dc72e', d: "M7.33333 5.33333C7.33333 4.96514 7.63181 4.66667 8 4.66667H10.6667C11.0349 4.66667 11.3333 4.96514 11.3333 5.33333C11.3333 5.70152 11.0349 6 10.6667 6H8C7.63181 6 7.33333 5.70152 7.33333 5.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '7c3c676d3808e3a4a8dd3cc1304784642cdce4e4' }, h("path", { key: 'ffef5d2c4a1aa4ab31916a8772ca5dc4d5ef51c0', d: "M9.5 8C9.5 8.82843 8.82843 9.5 8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8Z", fill: "currentColor" }), h("path", { key: '4939280f53fa38272ae5df488bd59f5a660a3bf7', d: "M3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6ZM6 5C5.44772 5 5 5.44772 5 6V11H19V6C19 5.44772 18.5523 5 18 5H6ZM5 13V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V13H5Z", fill: "currentColor" }), h("path", { key: '1775737ad39c830247fbefe6fb8f46562f852f0b', d: "M11 8C11 7.44772 11.4477 7 12 7H16C16.5523 7 17 7.44772 17 8C17 8.55228 16.5523 9 16 9H12C11.4477 9 11 8.55228 11 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a4f63ba643a1fd0437677dad467adbbf6db5d006' }, h("path", { key: '5fed78b6215d3cc5dbe86e645101cdeb00921c12', d: "M11.0833 9.33333C11.0833 10.2998 10.2998 11.0833 9.33333 11.0833C8.36684 11.0833 7.58333 10.2998 7.58333 9.33333C7.58333 8.36684 8.36684 7.58333 9.33333 7.58333C10.2998 7.58333 11.0833 8.36684 11.0833 9.33333Z", fill: "currentColor" }), h("path", { key: '04402a59f1d7b1d7c9f5ab23e70405f42ed30ed2', d: "M3.5 7C3.5 5.067 5.067 3.5 7 3.5H21C22.933 3.5 24.5 5.067 24.5 7V21C24.5 22.933 22.933 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7ZM7 5.83333C6.35567 5.83333 5.83333 6.35567 5.83333 7V12.8333H22.1667V7C22.1667 6.35567 21.6443 5.83333 21 5.83333H7ZM5.83333 15.1667V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H21C21.6443 22.1667 22.1667 21.6443 22.1667 21V15.1667H5.83333Z", fill: "currentColor" }), h("path", { key: 'b1733d42e8aa7ecb88fa281299a5d9866f72a68a', d: "M12.8333 9.33333C12.8333 8.689 13.3557 8.16667 14 8.16667H18.6667C19.311 8.16667 19.8333 8.689 19.8333 9.33333C19.8333 9.97767 19.311 10.5 18.6667 10.5H14C13.3557 10.5 12.8333 9.97767 12.8333 9.33333Z", fill: "currentColor" })))));
+        return (h("svg", { key: '0498bb1be7eccfa520120b51539b855f99ba38ac', "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: 'df83bca0449ff011d5e8878cd66409f46150bdf9' }, h("path", { key: '4f0cb2f5ad520b8df0e6cd153681b28274faffde', d: "M6.33333 5.33333C6.33333 5.88562 5.88562 6.33333 5.33333 6.33333C4.78105 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 4.78105 4.33333 5.33333 4.33333C5.88562 4.33333 6.33333 4.78105 6.33333 5.33333Z", fill: "currentColor" }), h("path", { key: '6ee5e57dfc7bc2198e32b2261ad74da87d3c136b', d: "M2 4C2 2.89543 2.89543 2 4 2H12C13.1046 2 14 2.89543 14 4V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V4ZM4 3.33333C3.63181 3.33333 3.33333 3.63181 3.33333 4V7.33333H12.6667V4C12.6667 3.63181 12.3682 3.33333 12 3.33333H4ZM3.33333 8.66667V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H12C12.3682 12.6667 12.6667 12.3682 12.6667 12V8.66667H3.33333Z", fill: "currentColor" }), h("path", { key: 'a4db0b580bf196932415524b504dcecae40a09df', d: "M7.33333 5.33333C7.33333 4.96514 7.63181 4.66667 8 4.66667H10.6667C11.0349 4.66667 11.3333 4.96514 11.3333 5.33333C11.3333 5.70152 11.0349 6 10.6667 6H8C7.63181 6 7.33333 5.70152 7.33333 5.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd9c3b0d492d2f6967870075ae83ee2ee1d96cb5f' }, h("path", { key: 'faafa78333af3cbd2328ee0497096e672e315c68', d: "M9.5 8C9.5 8.82843 8.82843 9.5 8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8Z", fill: "currentColor" }), h("path", { key: '17d7c0e8f4482702a4df6fe608a5050de31b6475', d: "M3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6ZM6 5C5.44772 5 5 5.44772 5 6V11H19V6C19 5.44772 18.5523 5 18 5H6ZM5 13V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V13H5Z", fill: "currentColor" }), h("path", { key: 'b5dcedc4f27cb945975da272c10583684103c40d', d: "M11 8C11 7.44772 11.4477 7 12 7H16C16.5523 7 17 7.44772 17 8C17 8.55228 16.5523 9 16 9H12C11.4477 9 11 8.55228 11 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '7f4e36083d16004df506f99af7c83cae6670d6fa' }, h("path", { key: '3ee9a6fc9641831391dbc799e7fdc890095107de', d: "M11.0833 9.33333C11.0833 10.2998 10.2998 11.0833 9.33333 11.0833C8.36684 11.0833 7.58333 10.2998 7.58333 9.33333C7.58333 8.36684 8.36684 7.58333 9.33333 7.58333C10.2998 7.58333 11.0833 8.36684 11.0833 9.33333Z", fill: "currentColor" }), h("path", { key: 'bbd42b7d8c72678a268c6f5ab5f54f99ff308090', d: "M3.5 7C3.5 5.067 5.067 3.5 7 3.5H21C22.933 3.5 24.5 5.067 24.5 7V21C24.5 22.933 22.933 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7ZM7 5.83333C6.35567 5.83333 5.83333 6.35567 5.83333 7V12.8333H22.1667V7C22.1667 6.35567 21.6443 5.83333 21 5.83333H7ZM5.83333 15.1667V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H21C21.6443 22.1667 22.1667 21.6443 22.1667 21V15.1667H5.83333Z", fill: "currentColor" }), h("path", { key: '1e3f7b425d4e08f818e261c2c17c7a6b2d83e634', d: "M12.8333 9.33333C12.8333 8.689 13.3557 8.16667 14 8.16667H18.6667C19.311 8.16667 19.8333 8.689 19.8333 9.33333C19.8333 9.97767 19.311 10.5 18.6667 10.5H14C13.3557 10.5 12.8333 9.97767 12.8333 9.33333Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-news", {

package/dist/components/swirl-icon-next-plan.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconNextPlan$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNextPlan extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconNextPlan$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNext
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '03c5ba2cb2e1f869652e99670ab54679527a33cb', "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: 'a3e2b9ffc4c18bf8d97fa066885da0c2b1ab21d9' }, h("path", { key: 'ea687f5a66f518a0378675a48074c6e1679b4acb', d: "M9.73301 7.99992H9.33301C9.14412 7.99992 8.98579 8.06381 8.85801 8.19159C8.73023 8.31936 8.66634 8.4777 8.66634 8.66659C8.66634 8.85547 8.73023 9.01381 8.85801 9.14159C8.98579 9.26936 9.14412 9.33325 9.33301 9.33325H11.333C11.5219 9.33325 11.6802 9.26936 11.808 9.14159C11.9358 9.01381 11.9997 8.85547 11.9997 8.66659V6.66659C11.9997 6.4777 11.9358 6.31936 11.808 6.19159C11.6802 6.06381 11.5219 5.99992 11.333 5.99992C11.1441 5.99992 10.9858 6.06381 10.858 6.19159C10.7302 6.31936 10.6663 6.4777 10.6663 6.66659V7.03325C10.3108 6.61103 9.88579 6.2777 9.39134 6.03325C8.8969 5.78881 8.35523 5.66659 7.76634 5.66659C6.84412 5.66659 6.0469 5.94159 5.37467 6.49159C4.70245 7.04159 4.2719 7.73325 4.08301 8.56659C4.03856 8.76659 4.07745 8.94436 4.19967 9.09992C4.3219 9.25547 4.47745 9.33325 4.66634 9.33325C4.85523 9.33325 5.01912 9.26381 5.15801 9.12492C5.2969 8.98603 5.39412 8.82214 5.44967 8.63325C5.60523 8.15547 5.89412 7.76381 6.31634 7.45825C6.73856 7.1527 7.2219 6.99992 7.76634 6.99992C8.16634 6.99992 8.53856 7.09159 8.88301 7.27492C9.22745 7.45825 9.51079 7.69992 9.73301 7.99992ZM7.99967 14.6666C7.07745 14.6666 6.21079 14.4916 5.39967 14.1416C4.58856 13.7916 3.88301 13.3166 3.28301 12.7166C2.68301 12.1166 2.20801 11.411 1.85801 10.5999C1.50801 9.78881 1.33301 8.92214 1.33301 7.99992C1.33301 7.0777 1.50801 6.21103 1.85801 5.39992C2.20801 4.58881 2.68301 3.88325 3.28301 3.28325C3.88301 2.68325 4.58856 2.20825 5.39967 1.85825C6.21079 1.50825 7.07745 1.33325 7.99967 1.33325C8.9219 1.33325 9.78856 1.50825 10.5997 1.85825C11.4108 2.20825 12.1163 2.68325 12.7163 3.28325C13.3163 3.88325 13.7913 4.58881 14.1413 5.39992C14.4913 6.21103 14.6663 7.0777 14.6663 7.99992C14.6663 8.92214 14.4913 9.78881 14.1413 10.5999C13.7913 11.411 13.3163 12.1166 12.7163 12.7166C12.1163 13.3166 11.4108 13.7916 10.5997 14.1416C9.78856 14.4916 8.9219 14.6666 7.99967 14.6666ZM7.99967 13.3333C9.48856 13.3333 10.7497 12.8166 11.783 11.7833C12.8163 10.7499 13.333 9.48881 13.333 7.99992C13.333 6.51103 12.8163 5.24992 11.783 4.21659C10.7497 3.18325 9.48856 2.66659 7.99967 2.66659C6.51079 2.66659 5.24967 3.18325 4.21634 4.21659C3.18301 5.24992 2.66634 6.51103 2.66634 7.99992C2.66634 9.48881 3.18301 10.7499 4.21634 11.7833C5.24967 12.8166 6.51079 13.3333 7.99967 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '062b62bce083efdacca941282d01f1ffaa9560c6' }, h("path", { key: 'd09b60e4b8fecd9226d784e2fea08f6f34e578aa', d: "M14.6 12H14C13.7167 12 13.4792 12.0958 13.2875 12.2875C13.0958 12.4792 13 12.7167 13 13C13 13.2833 13.0958 13.5208 13.2875 13.7125C13.4792 13.9042 13.7167 14 14 14H17C17.2833 14 17.5208 13.9042 17.7125 13.7125C17.9042 13.5208 18 13.2833 18 13V10C18 9.71667 17.9042 9.47917 17.7125 9.2875C17.5208 9.09583 17.2833 9 17 9C16.7167 9 16.4792 9.09583 16.2875 9.2875C16.0958 9.47917 16 9.71667 16 10V10.55C15.4667 9.91667 14.8292 9.41667 14.0875 9.05C13.3458 8.68333 12.5333 8.5 11.65 8.5C10.2667 8.5 9.07083 8.9125 8.0625 9.7375C7.05417 10.5625 6.40833 11.6 6.125 12.85C6.05833 13.15 6.11667 13.4167 6.3 13.65C6.48333 13.8833 6.71667 14 7 14C7.28333 14 7.52917 13.8958 7.7375 13.6875C7.94583 13.4792 8.09167 13.2333 8.175 12.95C8.40833 12.2333 8.84167 11.6458 9.475 11.1875C10.1083 10.7292 10.8333 10.5 11.65 10.5C12.25 10.5 12.8083 10.6375 13.325 10.9125C13.8417 11.1875 14.2667 11.55 14.6 12ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5e07897fd1e9a3fb7d387ce486c9849af5e3876c' }, h("path", { key: 'c45a400f464257d53e8afca7754c909315aaf263', d: "M17.033 13.9999H16.333C16.0025 13.9999 15.7254 14.1117 15.5018 14.3353C15.2781 14.5589 15.1663 14.836 15.1663 15.1666C15.1663 15.4971 15.2781 15.7742 15.5018 15.9978C15.7254 16.2214 16.0025 16.3333 16.333 16.3333H19.833C20.1636 16.3333 20.4406 16.2214 20.6643 15.9978C20.8879 15.7742 20.9997 15.4971 20.9997 15.1666V11.6666C20.9997 11.336 20.8879 11.0589 20.6643 10.8353C20.4406 10.6117 20.1636 10.4999 19.833 10.4999C19.5025 10.4999 19.2254 10.6117 19.0018 10.8353C18.7781 11.0589 18.6663 11.336 18.6663 11.6666V12.3083C18.0441 11.5694 17.3004 10.986 16.4351 10.5583C15.5698 10.1305 14.6219 9.91659 13.5913 9.91659C11.9775 9.91659 10.5823 10.3978 9.40592 11.3603C8.22954 12.3228 7.47606 13.5333 7.14551 14.9916C7.06773 15.3416 7.13579 15.6527 7.34967 15.9249C7.56356 16.1971 7.83579 16.3333 8.16634 16.3333C8.4969 16.3333 8.7837 16.2117 9.02676 15.9687C9.26981 15.7256 9.43995 15.4388 9.53717 15.1083C9.8094 14.2721 10.315 13.5867 11.0538 13.052C11.7927 12.5173 12.6386 12.2499 13.5913 12.2499C14.2913 12.2499 14.9427 12.4103 15.5455 12.7312C16.1483 13.052 16.6441 13.4749 17.033 13.9999ZM13.9997 25.6666C12.3858 25.6666 10.8691 25.3603 9.44967 24.7478C8.03023 24.1353 6.79551 23.3041 5.74551 22.2541C4.69551 21.2041 3.86426 19.9694 3.25176 18.5499C2.63926 17.1305 2.33301 15.6138 2.33301 13.9999C2.33301 12.386 2.63926 10.8694 3.25176 9.44992C3.86426 8.03047 4.69551 6.79575 5.74551 5.74575C6.79551 4.69575 8.03023 3.8645 9.44967 3.252C10.8691 2.6395 12.3858 2.33325 13.9997 2.33325C15.6136 2.33325 17.1302 2.6395 18.5497 3.252C19.9691 3.8645 21.2038 4.69575 22.2538 5.74575C23.3038 6.79575 24.1351 8.03047 24.7476 9.44992C25.3601 10.8694 25.6663 12.386 25.6663 13.9999C25.6663 15.6138 25.3601 17.1305 24.7476 18.5499C24.1351 19.9694 23.3038 21.2041 22.2538 22.2541C21.2038 23.3041 19.9691 24.1353 18.5497 24.7478C17.1302 25.3603 15.6136 25.6666 13.9997 25.6666ZM13.9997 23.3333C16.6052 23.3333 18.8122 22.4291 20.6205 20.6208C22.4288 18.8124 23.333 16.6055 23.333 13.9999C23.333 11.3944 22.4288 9.18742 20.6205 7.37909C18.8122 5.57075 16.6052 4.66659 13.9997 4.66659C11.3941 4.66659 9.18717 5.57075 7.37884 7.37909C5.57051 9.18742 4.66634 11.3944 4.66634 13.9999C4.66634 16.6055 5.57051 18.8124 7.37884 20.6208C9.18717 22.4291 11.3941 23.3333 13.9997 23.3333Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'eb5e663b1fe1918460f068f2ca307674eed7a96d', "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: 'ac4b65e451bf1eee0c4d58efe80dd2749b01262d' }, h("path", { key: 'aaae369ad514a786606481d8f3c599537a883895', d: "M9.73301 7.99992H9.33301C9.14412 7.99992 8.98579 8.06381 8.85801 8.19159C8.73023 8.31936 8.66634 8.4777 8.66634 8.66659C8.66634 8.85547 8.73023 9.01381 8.85801 9.14159C8.98579 9.26936 9.14412 9.33325 9.33301 9.33325H11.333C11.5219 9.33325 11.6802 9.26936 11.808 9.14159C11.9358 9.01381 11.9997 8.85547 11.9997 8.66659V6.66659C11.9997 6.4777 11.9358 6.31936 11.808 6.19159C11.6802 6.06381 11.5219 5.99992 11.333 5.99992C11.1441 5.99992 10.9858 6.06381 10.858 6.19159C10.7302 6.31936 10.6663 6.4777 10.6663 6.66659V7.03325C10.3108 6.61103 9.88579 6.2777 9.39134 6.03325C8.8969 5.78881 8.35523 5.66659 7.76634 5.66659C6.84412 5.66659 6.0469 5.94159 5.37467 6.49159C4.70245 7.04159 4.2719 7.73325 4.08301 8.56659C4.03856 8.76659 4.07745 8.94436 4.19967 9.09992C4.3219 9.25547 4.47745 9.33325 4.66634 9.33325C4.85523 9.33325 5.01912 9.26381 5.15801 9.12492C5.2969 8.98603 5.39412 8.82214 5.44967 8.63325C5.60523 8.15547 5.89412 7.76381 6.31634 7.45825C6.73856 7.1527 7.2219 6.99992 7.76634 6.99992C8.16634 6.99992 8.53856 7.09159 8.88301 7.27492C9.22745 7.45825 9.51079 7.69992 9.73301 7.99992ZM7.99967 14.6666C7.07745 14.6666 6.21079 14.4916 5.39967 14.1416C4.58856 13.7916 3.88301 13.3166 3.28301 12.7166C2.68301 12.1166 2.20801 11.411 1.85801 10.5999C1.50801 9.78881 1.33301 8.92214 1.33301 7.99992C1.33301 7.0777 1.50801 6.21103 1.85801 5.39992C2.20801 4.58881 2.68301 3.88325 3.28301 3.28325C3.88301 2.68325 4.58856 2.20825 5.39967 1.85825C6.21079 1.50825 7.07745 1.33325 7.99967 1.33325C8.9219 1.33325 9.78856 1.50825 10.5997 1.85825C11.4108 2.20825 12.1163 2.68325 12.7163 3.28325C13.3163 3.88325 13.7913 4.58881 14.1413 5.39992C14.4913 6.21103 14.6663 7.0777 14.6663 7.99992C14.6663 8.92214 14.4913 9.78881 14.1413 10.5999C13.7913 11.411 13.3163 12.1166 12.7163 12.7166C12.1163 13.3166 11.4108 13.7916 10.5997 14.1416C9.78856 14.4916 8.9219 14.6666 7.99967 14.6666ZM7.99967 13.3333C9.48856 13.3333 10.7497 12.8166 11.783 11.7833C12.8163 10.7499 13.333 9.48881 13.333 7.99992C13.333 6.51103 12.8163 5.24992 11.783 4.21659C10.7497 3.18325 9.48856 2.66659 7.99967 2.66659C6.51079 2.66659 5.24967 3.18325 4.21634 4.21659C3.18301 5.24992 2.66634 6.51103 2.66634 7.99992C2.66634 9.48881 3.18301 10.7499 4.21634 11.7833C5.24967 12.8166 6.51079 13.3333 7.99967 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f8ee4b5a606119cbd9f98694f05b80cfc0202ac1' }, h("path", { key: '0d6e7bcf7e0334ce843e8c5fb2f4c7d60bce9ea7', d: "M14.6 12H14C13.7167 12 13.4792 12.0958 13.2875 12.2875C13.0958 12.4792 13 12.7167 13 13C13 13.2833 13.0958 13.5208 13.2875 13.7125C13.4792 13.9042 13.7167 14 14 14H17C17.2833 14 17.5208 13.9042 17.7125 13.7125C17.9042 13.5208 18 13.2833 18 13V10C18 9.71667 17.9042 9.47917 17.7125 9.2875C17.5208 9.09583 17.2833 9 17 9C16.7167 9 16.4792 9.09583 16.2875 9.2875C16.0958 9.47917 16 9.71667 16 10V10.55C15.4667 9.91667 14.8292 9.41667 14.0875 9.05C13.3458 8.68333 12.5333 8.5 11.65 8.5C10.2667 8.5 9.07083 8.9125 8.0625 9.7375C7.05417 10.5625 6.40833 11.6 6.125 12.85C6.05833 13.15 6.11667 13.4167 6.3 13.65C6.48333 13.8833 6.71667 14 7 14C7.28333 14 7.52917 13.8958 7.7375 13.6875C7.94583 13.4792 8.09167 13.2333 8.175 12.95C8.40833 12.2333 8.84167 11.6458 9.475 11.1875C10.1083 10.7292 10.8333 10.5 11.65 10.5C12.25 10.5 12.8083 10.6375 13.325 10.9125C13.8417 11.1875 14.2667 11.55 14.6 12ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'fd47b3310c80b810ed6964a9e83b9e88f38c9cf2' }, h("path", { key: 'a1163ef7bea8c6665f25ba371e8e18b466bcdcb9', d: "M17.033 13.9999H16.333C16.0025 13.9999 15.7254 14.1117 15.5018 14.3353C15.2781 14.5589 15.1663 14.836 15.1663 15.1666C15.1663 15.4971 15.2781 15.7742 15.5018 15.9978C15.7254 16.2214 16.0025 16.3333 16.333 16.3333H19.833C20.1636 16.3333 20.4406 16.2214 20.6643 15.9978C20.8879 15.7742 20.9997 15.4971 20.9997 15.1666V11.6666C20.9997 11.336 20.8879 11.0589 20.6643 10.8353C20.4406 10.6117 20.1636 10.4999 19.833 10.4999C19.5025 10.4999 19.2254 10.6117 19.0018 10.8353C18.7781 11.0589 18.6663 11.336 18.6663 11.6666V12.3083C18.0441 11.5694 17.3004 10.986 16.4351 10.5583C15.5698 10.1305 14.6219 9.91659 13.5913 9.91659C11.9775 9.91659 10.5823 10.3978 9.40592 11.3603C8.22954 12.3228 7.47606 13.5333 7.14551 14.9916C7.06773 15.3416 7.13579 15.6527 7.34967 15.9249C7.56356 16.1971 7.83579 16.3333 8.16634 16.3333C8.4969 16.3333 8.7837 16.2117 9.02676 15.9687C9.26981 15.7256 9.43995 15.4388 9.53717 15.1083C9.8094 14.2721 10.315 13.5867 11.0538 13.052C11.7927 12.5173 12.6386 12.2499 13.5913 12.2499C14.2913 12.2499 14.9427 12.4103 15.5455 12.7312C16.1483 13.052 16.6441 13.4749 17.033 13.9999ZM13.9997 25.6666C12.3858 25.6666 10.8691 25.3603 9.44967 24.7478C8.03023 24.1353 6.79551 23.3041 5.74551 22.2541C4.69551 21.2041 3.86426 19.9694 3.25176 18.5499C2.63926 17.1305 2.33301 15.6138 2.33301 13.9999C2.33301 12.386 2.63926 10.8694 3.25176 9.44992C3.86426 8.03047 4.69551 6.79575 5.74551 5.74575C6.79551 4.69575 8.03023 3.8645 9.44967 3.252C10.8691 2.6395 12.3858 2.33325 13.9997 2.33325C15.6136 2.33325 17.1302 2.6395 18.5497 3.252C19.9691 3.8645 21.2038 4.69575 22.2538 5.74575C23.3038 6.79575 24.1351 8.03047 24.7476 9.44992C25.3601 10.8694 25.6663 12.386 25.6663 13.9999C25.6663 15.6138 25.3601 17.1305 24.7476 18.5499C24.1351 19.9694 23.3038 21.2041 22.2538 22.2541C21.2038 23.3041 19.9691 24.1353 18.5497 24.7478C17.1302 25.3603 15.6136 25.6666 13.9997 25.6666ZM13.9997 23.3333C16.6052 23.3333 18.8122 22.4291 20.6205 20.6208C22.4288 18.8124 23.333 16.6055 23.333 13.9999C23.333 11.3944 22.4288 9.18742 20.6205 7.37909C18.8122 5.57075 16.6052 4.66659 13.9997 4.66659C11.3941 4.66659 9.18717 5.57075 7.37884 7.37909C5.57051 9.18742 4.66634 11.3944 4.66634 13.9999C4.66634 16.6055 5.57051 18.8124 7.37884 20.6208C9.18717 22.4291 11.3941 23.3333 13.9997 23.3333Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-next-plan", {

package/dist/components/swirl-icon-note-stack-filled.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconNoteStackFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNoteStackFilled extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconNoteStackFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlI
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '32ee256637d432978f3956495eeb52aff9048474', "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: '1059b3ddc06bce9a9c4fc3a21beb88ced26cb17c' }, h("path", { key: '81f4bf1fc56f5f50c547b887db419d4c25db3dcc', d: "M4.66667 13.3335V5.9835C4.66667 5.61684 4.8 5.30573 5.06667 5.05017C5.33333 4.79462 5.65 4.66684 6.01667 4.66684H13.3333C13.7 4.66684 14.0139 4.79739 14.275 5.05851C14.5361 5.31962 14.6667 5.6335 14.6667 6.00017V10.7835C14.6667 10.9613 14.6333 11.1307 14.5667 11.2918C14.5 11.4529 14.4056 11.5946 14.2833 11.7168L11.7167 14.2835C11.5944 14.4057 11.4528 14.5002 11.2917 14.5668C11.1306 14.6335 10.9611 14.6668 10.7833 14.6668H6C5.63333 14.6668 5.31944 14.5363 5.05833 14.2752C4.79722 14.0141 4.66667 13.7002 4.66667 13.3335ZM1.35 4.16684C1.28333 3.80017 1.35556 3.46962 1.56667 3.17517C1.77778 2.88073 2.06667 2.70017 2.43333 2.63351L9.66667 1.35017C10.0333 1.28351 10.3639 1.35573 10.6583 1.56684C10.9528 1.77795 11.1333 2.06684 11.2 2.43351L11.3667 3.33351H6C5.26667 3.33351 4.63889 3.59462 4.11667 4.11684C3.59444 4.63906 3.33333 5.26684 3.33333 6.00017V12.3668C3.15556 12.2668 3.00278 12.1335 2.875 11.9668C2.74722 11.8002 2.66667 11.6113 2.63333 11.4002L1.35 4.16684ZM13.3333 10.6668H11.3333C11.1444 10.6668 10.9861 10.7307 10.8583 10.8585C10.7306 10.9863 10.6667 11.1446 10.6667 11.3335V13.3335L13.3333 10.6668Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'de44fdab88cfe160101db302f7c998d6f2c9af17' }, h("path", { key: 'ac521c1f5ad90bd24b6a32c3e37f0fce958b53c1', d: "M7 20.0003V8.97526C7 8.42526 7.2 7.95859 7.6 7.57526C8 7.19192 8.475 7.00026 9.025 7.00026H20C20.55 7.00026 21.0208 7.19609 21.4125 7.58776C21.8042 7.97942 22 8.45026 22 9.00026V16.1753C22 16.4419 21.95 16.6961 21.85 16.9378C21.75 17.1794 21.6083 17.3919 21.425 17.5753L17.575 21.4253C17.3917 21.6086 17.1792 21.7503 16.9375 21.8503C16.6958 21.9503 16.4417 22.0003 16.175 22.0003H9C8.45 22.0003 7.97917 21.8044 7.5875 21.4128C7.19583 21.0211 7 20.5503 7 20.0003ZM2.025 6.25026C1.925 5.70026 2.03333 5.20442 2.35 4.76276C2.66667 4.32109 3.1 4.05026 3.65 3.95026L14.5 2.02526C15.05 1.92526 15.5458 2.03359 15.9875 2.35026C16.4292 2.66692 16.7 3.10026 16.8 3.65026L17.05 5.00026H9C7.9 5.00026 6.95833 5.39192 6.175 6.17526C5.39167 6.95859 5 7.90026 5 9.00026V18.5503C4.73333 18.4003 4.50417 18.2003 4.3125 17.9503C4.12083 17.7003 4 17.4169 3.95 17.1003L2.025 6.25026ZM20 16.0003H17C16.7167 16.0003 16.4792 16.0961 16.2875 16.2878C16.0958 16.4794 16 16.7169 16 17.0003V20.0003L20 16.0003Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd51ad51da145214aa3bc5ad0c4ed74fa831488ce' }, h("path", { key: 'cea7d9010175d42a44c8ef509ce64e3d956bd12b', d: "M8.16666 23.3331V10.4706C8.16666 9.82898 8.4 9.28453 8.86666 8.83731C9.33333 8.39009 9.8875 8.16648 10.5292 8.16648H23.3333C23.975 8.16648 24.5243 8.39495 24.9812 8.8519C25.4382 9.30884 25.6667 9.85815 25.6667 10.4998V18.8706C25.6667 19.1818 25.6083 19.4783 25.4917 19.7602C25.375 20.0422 25.2097 20.2901 24.9958 20.504L20.5042 24.9956C20.2903 25.2095 20.0424 25.3748 19.7604 25.4915C19.4785 25.6081 19.1819 25.6665 18.8708 25.6665H10.5C9.85833 25.6665 9.30902 25.438 8.85208 24.9811C8.39513 24.5241 8.16666 23.9748 8.16666 23.3331ZM2.3625 7.29148C2.24583 6.64981 2.37222 6.07134 2.74166 5.55606C3.11111 5.04078 3.61666 4.72481 4.25833 4.60815L16.9167 2.36231C17.5583 2.24565 18.1368 2.37203 18.6521 2.74148C19.1674 3.11092 19.4833 3.61648 19.6 4.25815L19.8917 5.83315H10.5C9.21666 5.83315 8.11805 6.29009 7.20416 7.20398C6.29027 8.11787 5.83333 9.21648 5.83333 10.4998V21.6415C5.52222 21.4665 5.25486 21.2331 5.03125 20.9415C4.80763 20.6498 4.66666 20.3193 4.60833 19.9498L2.3625 7.29148ZM23.3333 18.6665H19.8333C19.5028 18.6665 19.2257 18.7783 19.0021 19.0019C18.7785 19.2255 18.6667 19.5026 18.6667 19.8331V23.3331L23.3333 18.6665Z", fill: "currentColor" })))));
+        return (h("svg", { key: '0d3ff0ebdb4b8c21d71217a0834169c7d06567e7', "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: '0deb26a92c15f66df78d74e271f7edd481a94076' }, h("path", { key: 'eb797df7043558cc115420d8f6a2a2f06414e97c', d: "M4.66667 13.3335V5.9835C4.66667 5.61684 4.8 5.30573 5.06667 5.05017C5.33333 4.79462 5.65 4.66684 6.01667 4.66684H13.3333C13.7 4.66684 14.0139 4.79739 14.275 5.05851C14.5361 5.31962 14.6667 5.6335 14.6667 6.00017V10.7835C14.6667 10.9613 14.6333 11.1307 14.5667 11.2918C14.5 11.4529 14.4056 11.5946 14.2833 11.7168L11.7167 14.2835C11.5944 14.4057 11.4528 14.5002 11.2917 14.5668C11.1306 14.6335 10.9611 14.6668 10.7833 14.6668H6C5.63333 14.6668 5.31944 14.5363 5.05833 14.2752C4.79722 14.0141 4.66667 13.7002 4.66667 13.3335ZM1.35 4.16684C1.28333 3.80017 1.35556 3.46962 1.56667 3.17517C1.77778 2.88073 2.06667 2.70017 2.43333 2.63351L9.66667 1.35017C10.0333 1.28351 10.3639 1.35573 10.6583 1.56684C10.9528 1.77795 11.1333 2.06684 11.2 2.43351L11.3667 3.33351H6C5.26667 3.33351 4.63889 3.59462 4.11667 4.11684C3.59444 4.63906 3.33333 5.26684 3.33333 6.00017V12.3668C3.15556 12.2668 3.00278 12.1335 2.875 11.9668C2.74722 11.8002 2.66667 11.6113 2.63333 11.4002L1.35 4.16684ZM13.3333 10.6668H11.3333C11.1444 10.6668 10.9861 10.7307 10.8583 10.8585C10.7306 10.9863 10.6667 11.1446 10.6667 11.3335V13.3335L13.3333 10.6668Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3969912a9177071d0f7f1468085854f5a8a6e804' }, h("path", { key: 'ee2ba0ff7225087781366a6cea31317eb930b509', d: "M7 20.0003V8.97526C7 8.42526 7.2 7.95859 7.6 7.57526C8 7.19192 8.475 7.00026 9.025 7.00026H20C20.55 7.00026 21.0208 7.19609 21.4125 7.58776C21.8042 7.97942 22 8.45026 22 9.00026V16.1753C22 16.4419 21.95 16.6961 21.85 16.9378C21.75 17.1794 21.6083 17.3919 21.425 17.5753L17.575 21.4253C17.3917 21.6086 17.1792 21.7503 16.9375 21.8503C16.6958 21.9503 16.4417 22.0003 16.175 22.0003H9C8.45 22.0003 7.97917 21.8044 7.5875 21.4128C7.19583 21.0211 7 20.5503 7 20.0003ZM2.025 6.25026C1.925 5.70026 2.03333 5.20442 2.35 4.76276C2.66667 4.32109 3.1 4.05026 3.65 3.95026L14.5 2.02526C15.05 1.92526 15.5458 2.03359 15.9875 2.35026C16.4292 2.66692 16.7 3.10026 16.8 3.65026L17.05 5.00026H9C7.9 5.00026 6.95833 5.39192 6.175 6.17526C5.39167 6.95859 5 7.90026 5 9.00026V18.5503C4.73333 18.4003 4.50417 18.2003 4.3125 17.9503C4.12083 17.7003 4 17.4169 3.95 17.1003L2.025 6.25026ZM20 16.0003H17C16.7167 16.0003 16.4792 16.0961 16.2875 16.2878C16.0958 16.4794 16 16.7169 16 17.0003V20.0003L20 16.0003Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '62ab48c3657c5f5f97c4b658df4e6e4e41cb229f' }, h("path", { key: '5cd5866a1e5e6f63b738455d5a3503cfd1c589fb', d: "M8.16666 23.3331V10.4706C8.16666 9.82898 8.4 9.28453 8.86666 8.83731C9.33333 8.39009 9.8875 8.16648 10.5292 8.16648H23.3333C23.975 8.16648 24.5243 8.39495 24.9812 8.8519C25.4382 9.30884 25.6667 9.85815 25.6667 10.4998V18.8706C25.6667 19.1818 25.6083 19.4783 25.4917 19.7602C25.375 20.0422 25.2097 20.2901 24.9958 20.504L20.5042 24.9956C20.2903 25.2095 20.0424 25.3748 19.7604 25.4915C19.4785 25.6081 19.1819 25.6665 18.8708 25.6665H10.5C9.85833 25.6665 9.30902 25.438 8.85208 24.9811C8.39513 24.5241 8.16666 23.9748 8.16666 23.3331ZM2.3625 7.29148C2.24583 6.64981 2.37222 6.07134 2.74166 5.55606C3.11111 5.04078 3.61666 4.72481 4.25833 4.60815L16.9167 2.36231C17.5583 2.24565 18.1368 2.37203 18.6521 2.74148C19.1674 3.11092 19.4833 3.61648 19.6 4.25815L19.8917 5.83315H10.5C9.21666 5.83315 8.11805 6.29009 7.20416 7.20398C6.29027 8.11787 5.83333 9.21648 5.83333 10.4998V21.6415C5.52222 21.4665 5.25486 21.2331 5.03125 20.9415C4.80763 20.6498 4.66666 20.3193 4.60833 19.9498L2.3625 7.29148ZM23.3333 18.6665H19.8333C19.5028 18.6665 19.2257 18.7783 19.0021 19.0019C18.7785 19.2255 18.6667 19.5026 18.6667 19.8331V23.3331L23.3333 18.6665Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-note-stack-filled", {

package/dist/components/swirl-icon-note-stack.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconNoteStack$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNoteStack extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconNoteStack$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNot
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '00084c4d5b353cab5ecbaa5c7e7e5afdef2bddd1', "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: '53c434a486635ce2201617cb080d43be0dd936b8' }, h("path", { key: 'a2604924ade8ed86674330ecc8aca3000e1c8783', d: "M6 5.9997V13.333H10.6667V11.333C10.6667 11.1441 10.7306 10.9858 10.8583 10.858C10.9861 10.7303 11.1444 10.6664 11.3333 10.6664H13.3333V5.9997H6ZM4.66667 13.333V5.98304C4.66667 5.61637 4.8 5.30526 5.06667 5.0497C5.33333 4.79415 5.65 4.66637 6.01667 4.66637H13.3333C13.7 4.66637 14.0139 4.79692 14.275 5.05803C14.5361 5.31915 14.6667 5.63303 14.6667 5.9997V10.783C14.6667 10.9608 14.6333 11.1303 14.5667 11.2914C14.5 11.4525 14.4056 11.5941 14.2833 11.7164L11.7167 14.283C11.5944 14.4053 11.4528 14.4997 11.2917 14.5664C11.1306 14.633 10.9611 14.6664 10.7833 14.6664H6C5.63333 14.6664 5.31944 14.5358 5.05833 14.2747C4.79722 14.0136 4.66667 13.6997 4.66667 13.333ZM1.35 4.16637C1.28333 3.7997 1.35556 3.46915 1.56667 3.1747C1.77778 2.88026 2.06667 2.6997 2.43333 2.63303L9.66667 1.3497C10.0222 1.28303 10.3444 1.35803 10.6333 1.5747C10.9222 1.79137 11.1111 2.07748 11.2 2.43303L11.3167 2.9497C11.3722 3.17192 11.3389 3.3497 11.2167 3.48303C11.0944 3.61637 10.95 3.69415 10.7833 3.71637C10.6167 3.73859 10.4583 3.70803 10.3083 3.6247C10.1583 3.54137 10.0556 3.38859 10 3.16637L9.88333 2.66637L2.66667 3.9497L3.66667 9.68304C3.7 9.87192 3.66667 10.0414 3.56667 10.1914C3.46667 10.3414 3.32222 10.433 3.13333 10.4664C2.94444 10.4997 2.77778 10.4636 2.63333 10.358C2.48889 10.2525 2.4 10.1053 2.36667 9.91637L1.35 4.16637Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b73525b000ad07410773fc68904a034b78f364cc' }, h("path", { key: '13497db68a9dbb3179cf8742efd53b57b90a8b24', d: "M9 8.99955V19.9996H16V16.9996C16 16.7162 16.0958 16.4787 16.2875 16.2871C16.4792 16.0954 16.7167 15.9996 17 15.9996H20V8.99955H9ZM7 19.9996V8.97455C7 8.42455 7.2 7.95789 7.6 7.57455C8 7.19122 8.475 6.99955 9.025 6.99955H20C20.55 6.99955 21.0208 7.19539 21.4125 7.58705C21.8042 7.97872 22 8.44955 22 8.99955V16.1746C22 16.4412 21.95 16.6954 21.85 16.9371C21.75 17.1787 21.6083 17.3912 21.425 17.5746L17.575 21.4246C17.3917 21.6079 17.1792 21.7496 16.9375 21.8496C16.6958 21.9496 16.4417 21.9996 16.175 21.9996H9C8.45 21.9996 7.97917 21.8037 7.5875 21.4121C7.19583 21.0204 7 20.5496 7 19.9996ZM2.025 6.24955C1.925 5.69955 2.03333 5.20372 2.35 4.76205C2.66667 4.32039 3.1 4.04955 3.65 3.94955L14.5 2.02455C15.0333 1.92455 15.5167 2.03705 15.95 2.36205C16.3833 2.68705 16.6667 3.11622 16.8 3.64955L16.975 4.42455C17.0583 4.75789 17.0083 5.02455 16.825 5.22455C16.6417 5.42455 16.425 5.54122 16.175 5.57455C15.925 5.60789 15.6875 5.56205 15.4625 5.43705C15.2375 5.31205 15.0833 5.08289 15 4.74955L14.825 3.99955L4 5.92455L5.5 14.5246C5.55 14.8079 5.5 15.0621 5.35 15.2871C5.2 15.5121 4.98333 15.6496 4.7 15.6996C4.41667 15.7496 4.16667 15.6954 3.95 15.5371C3.73333 15.3787 3.6 15.1579 3.55 14.8746L2.025 6.24955Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '9aaa866a15efc898806b8016015b8969219cd41d' }, h("path", { key: '98a5d70cfbd7de285cdc0ce3e475248867a94774', d: "M10.5 10.5V23.3333H18.6667V19.8333C18.6667 19.5027 18.7785 19.2257 19.0021 19.002C19.2257 18.7784 19.5028 18.6666 19.8333 18.6666H23.3333V10.5H10.5ZM8.16666 23.3333V10.4708C8.16666 9.82913 8.4 9.28469 8.86666 8.83747C9.33333 8.39024 9.8875 8.16663 10.5292 8.16663H23.3333C23.975 8.16663 24.5243 8.3951 24.9812 8.85205C25.4382 9.30899 25.6667 9.8583 25.6667 10.5V18.8708C25.6667 19.1819 25.6083 19.4784 25.4917 19.7604C25.375 20.0423 25.2097 20.2902 24.9958 20.5041L20.5042 24.9958C20.2903 25.2097 20.0424 25.375 19.7604 25.4916C19.4785 25.6083 19.1819 25.6666 18.8708 25.6666H10.5C9.85833 25.6666 9.30902 25.4382 8.85208 24.9812C8.39513 24.5243 8.16666 23.975 8.16666 23.3333ZM2.3625 7.29163C2.24583 6.64997 2.37222 6.07149 2.74166 5.55622C3.11111 5.04094 3.61666 4.72497 4.25833 4.6083L16.9167 2.36247C17.5389 2.2458 18.1028 2.37705 18.6083 2.75622C19.1139 3.13538 19.4444 3.63608 19.6 4.2583L19.8042 5.16247C19.9014 5.55135 19.8431 5.86247 19.6292 6.0958C19.4153 6.32913 19.1625 6.46524 18.8708 6.50413C18.5792 6.54302 18.3021 6.48955 18.0396 6.34372C17.7771 6.19788 17.5972 5.93052 17.5 5.54163L17.2958 4.66663L4.66666 6.91247L6.41666 16.9458C6.475 17.2764 6.41666 17.5729 6.24166 17.8354C6.06666 18.0979 5.81388 18.2583 5.48333 18.3166C5.15277 18.375 4.86111 18.3118 4.60833 18.127C4.35555 17.9423 4.2 17.6847 4.14166 17.3541L2.3625 7.29163Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'c7a976638023fd79305eec5cdd857b9c74367f47', "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: '254325ece4dc5d7873621b43be9961ca0481a260' }, h("path", { key: 'c4dd60da1c8704fb1998ca828bfeae89cc814778', d: "M6 5.9997V13.333H10.6667V11.333C10.6667 11.1441 10.7306 10.9858 10.8583 10.858C10.9861 10.7303 11.1444 10.6664 11.3333 10.6664H13.3333V5.9997H6ZM4.66667 13.333V5.98304C4.66667 5.61637 4.8 5.30526 5.06667 5.0497C5.33333 4.79415 5.65 4.66637 6.01667 4.66637H13.3333C13.7 4.66637 14.0139 4.79692 14.275 5.05803C14.5361 5.31915 14.6667 5.63303 14.6667 5.9997V10.783C14.6667 10.9608 14.6333 11.1303 14.5667 11.2914C14.5 11.4525 14.4056 11.5941 14.2833 11.7164L11.7167 14.283C11.5944 14.4053 11.4528 14.4997 11.2917 14.5664C11.1306 14.633 10.9611 14.6664 10.7833 14.6664H6C5.63333 14.6664 5.31944 14.5358 5.05833 14.2747C4.79722 14.0136 4.66667 13.6997 4.66667 13.333ZM1.35 4.16637C1.28333 3.7997 1.35556 3.46915 1.56667 3.1747C1.77778 2.88026 2.06667 2.6997 2.43333 2.63303L9.66667 1.3497C10.0222 1.28303 10.3444 1.35803 10.6333 1.5747C10.9222 1.79137 11.1111 2.07748 11.2 2.43303L11.3167 2.9497C11.3722 3.17192 11.3389 3.3497 11.2167 3.48303C11.0944 3.61637 10.95 3.69415 10.7833 3.71637C10.6167 3.73859 10.4583 3.70803 10.3083 3.6247C10.1583 3.54137 10.0556 3.38859 10 3.16637L9.88333 2.66637L2.66667 3.9497L3.66667 9.68304C3.7 9.87192 3.66667 10.0414 3.56667 10.1914C3.46667 10.3414 3.32222 10.433 3.13333 10.4664C2.94444 10.4997 2.77778 10.4636 2.63333 10.358C2.48889 10.2525 2.4 10.1053 2.36667 9.91637L1.35 4.16637Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8845cbbe1f27c7cf87a223a6e7125fb17eb2cfe4' }, h("path", { key: '56053b9ca29e698ad53bef803f8d476014a329de', d: "M9 8.99955V19.9996H16V16.9996C16 16.7162 16.0958 16.4787 16.2875 16.2871C16.4792 16.0954 16.7167 15.9996 17 15.9996H20V8.99955H9ZM7 19.9996V8.97455C7 8.42455 7.2 7.95789 7.6 7.57455C8 7.19122 8.475 6.99955 9.025 6.99955H20C20.55 6.99955 21.0208 7.19539 21.4125 7.58705C21.8042 7.97872 22 8.44955 22 8.99955V16.1746C22 16.4412 21.95 16.6954 21.85 16.9371C21.75 17.1787 21.6083 17.3912 21.425 17.5746L17.575 21.4246C17.3917 21.6079 17.1792 21.7496 16.9375 21.8496C16.6958 21.9496 16.4417 21.9996 16.175 21.9996H9C8.45 21.9996 7.97917 21.8037 7.5875 21.4121C7.19583 21.0204 7 20.5496 7 19.9996ZM2.025 6.24955C1.925 5.69955 2.03333 5.20372 2.35 4.76205C2.66667 4.32039 3.1 4.04955 3.65 3.94955L14.5 2.02455C15.0333 1.92455 15.5167 2.03705 15.95 2.36205C16.3833 2.68705 16.6667 3.11622 16.8 3.64955L16.975 4.42455C17.0583 4.75789 17.0083 5.02455 16.825 5.22455C16.6417 5.42455 16.425 5.54122 16.175 5.57455C15.925 5.60789 15.6875 5.56205 15.4625 5.43705C15.2375 5.31205 15.0833 5.08289 15 4.74955L14.825 3.99955L4 5.92455L5.5 14.5246C5.55 14.8079 5.5 15.0621 5.35 15.2871C5.2 15.5121 4.98333 15.6496 4.7 15.6996C4.41667 15.7496 4.16667 15.6954 3.95 15.5371C3.73333 15.3787 3.6 15.1579 3.55 14.8746L2.025 6.24955Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '58c4fce078a5f65b8fd89cc9deaf85f63389058e' }, h("path", { key: '5b212ab9918e877a6f879596bf53be250b58b5fd', d: "M10.5 10.5V23.3333H18.6667V19.8333C18.6667 19.5027 18.7785 19.2257 19.0021 19.002C19.2257 18.7784 19.5028 18.6666 19.8333 18.6666H23.3333V10.5H10.5ZM8.16666 23.3333V10.4708C8.16666 9.82913 8.4 9.28469 8.86666 8.83747C9.33333 8.39024 9.8875 8.16663 10.5292 8.16663H23.3333C23.975 8.16663 24.5243 8.3951 24.9812 8.85205C25.4382 9.30899 25.6667 9.8583 25.6667 10.5V18.8708C25.6667 19.1819 25.6083 19.4784 25.4917 19.7604C25.375 20.0423 25.2097 20.2902 24.9958 20.5041L20.5042 24.9958C20.2903 25.2097 20.0424 25.375 19.7604 25.4916C19.4785 25.6083 19.1819 25.6666 18.8708 25.6666H10.5C9.85833 25.6666 9.30902 25.4382 8.85208 24.9812C8.39513 24.5243 8.16666 23.975 8.16666 23.3333ZM2.3625 7.29163C2.24583 6.64997 2.37222 6.07149 2.74166 5.55622C3.11111 5.04094 3.61666 4.72497 4.25833 4.6083L16.9167 2.36247C17.5389 2.2458 18.1028 2.37705 18.6083 2.75622C19.1139 3.13538 19.4444 3.63608 19.6 4.2583L19.8042 5.16247C19.9014 5.55135 19.8431 5.86247 19.6292 6.0958C19.4153 6.32913 19.1625 6.46524 18.8708 6.50413C18.5792 6.54302 18.3021 6.48955 18.0396 6.34372C17.7771 6.19788 17.5972 5.93052 17.5 5.54163L17.2958 4.66663L4.66666 6.91247L6.41666 16.9458C6.475 17.2764 6.41666 17.5729 6.24166 17.8354C6.06666 18.0979 5.81388 18.2583 5.48333 18.3166C5.15277 18.375 4.86111 18.3118 4.60833 18.127C4.35555 17.9423 4.2 17.6847 4.14166 17.3541L2.3625 7.29163Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-note-stack", {

package/dist/components/swirl-icon-notifications-active.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconNotificationsActive$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNotificationsActive extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconNotificationsActive$1 = /*@__PURE__*/ proxyCustomElement(class Sw
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '4e410794de9b1a4a43cbaab7fc723b83478363e0', "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: '629127a321f59e70fae828ae7c7bafc4c8ae4d58' }, h("path", { key: '47c926839097bfe357248beb0073056bf47d6573', d: "M2.00002 6.66671C1.81113 6.66671 1.65291 6.60004 1.52535 6.46671C1.39735 6.33337 1.34446 6.17782 1.36669 6.00004C1.44446 5.26671 1.63624 4.56382 1.94202 3.89137C2.24735 3.21937 2.65002 2.61671 3.15002 2.08337C3.27224 1.96115 3.4278 1.90004 3.61669 1.90004C3.80558 1.90004 3.96669 1.96671 4.10002 2.10004C4.22224 2.22226 4.28335 2.37226 4.28335 2.55004C4.28335 2.72782 4.22224 2.88893 4.10002 3.03337C3.71113 3.4556 3.39735 3.91382 3.15869 4.40804C2.91958 4.90271 2.76669 5.43337 2.70002 6.00004C2.6778 6.18893 2.60291 6.34715 2.47535 6.47471C2.34735 6.60271 2.18891 6.66671 2.00002 6.66671ZM14 6.66671C13.8222 6.66671 13.6667 6.60271 13.5334 6.47471C13.4 6.34715 13.3222 6.18893 13.3 6.00004C13.2334 5.43337 13.0807 4.90271 12.842 4.40804C12.6029 3.91382 12.2889 3.4556 11.9 3.03337C11.7778 2.88893 11.7167 2.72782 11.7167 2.55004C11.7167 2.37226 11.7834 2.22226 11.9167 2.10004C12.05 1.96671 12.2082 1.90004 12.3914 1.90004C12.5749 1.90004 12.7278 1.96115 12.85 2.08337C13.35 2.61671 13.7529 3.21937 14.0587 3.89137C14.364 4.56382 14.5556 5.26671 14.6334 6.00004C14.6556 6.17782 14.6027 6.33337 14.4747 6.46671C14.3471 6.60004 14.1889 6.66671 14 6.66671ZM3.33335 12.6667C3.14446 12.6667 2.98602 12.6027 2.85802 12.4747C2.73046 12.3472 2.66669 12.1889 2.66669 12C2.66669 11.8112 2.73046 11.6529 2.85802 11.5254C2.98602 11.3974 3.14446 11.3334 3.33335 11.3334H4.00002V6.66671C4.00002 5.74448 4.2778 4.92493 4.83335 4.20804C5.38891 3.4916 6.11113 3.02226 7.00002 2.80004V2.33337C7.00002 2.0556 7.09735 1.8196 7.29202 1.62537C7.48624 1.43071 7.72224 1.33337 8.00002 1.33337C8.2778 1.33337 8.5138 1.43071 8.70802 1.62537C8.90269 1.8196 9.00002 2.0556 9.00002 2.33337V2.80004C9.88891 3.02226 10.6111 3.4916 11.1667 4.20804C11.7222 4.92493 12 5.74448 12 6.66671V11.3334H12.6667C12.8556 11.3334 13.0138 11.3974 13.1414 11.5254C13.2694 11.6529 13.3334 11.8112 13.3334 12C13.3334 12.1889 13.2694 12.3472 13.1414 12.4747C13.0138 12.6027 12.8556 12.6667 12.6667 12.6667H3.33335ZM8.00002 14.6667C7.63335 14.6667 7.31958 14.5363 7.05869 14.2754C6.79735 14.014 6.66669 13.7 6.66669 13.3334H9.33335C9.33335 13.7 9.20291 14.014 8.94202 14.2754C8.68069 14.5363 8.36669 14.6667 8.00002 14.6667ZM5.33335 11.3334H10.6667V6.66671C10.6667 5.93337 10.4056 5.3056 9.88335 4.78337C9.36113 4.26115 8.73335 4.00004 8.00002 4.00004C7.26669 4.00004 6.63891 4.26115 6.11669 4.78337C5.59446 5.3056 5.33335 5.93337 5.33335 6.66671V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'aeac1476e6fdd86e3719ab805e37356d24f86280' }, h("path", { key: '5a992cc06c02f2c694294df30764ae1f594d2da5', d: "M3 10C2.71667 10 2.47933 9.9 2.288 9.7C2.096 9.5 2.01667 9.26667 2.05 9C2.16667 7.9 2.45433 6.84567 2.913 5.837C3.371 4.829 3.975 3.925 4.725 3.125C4.90833 2.94167 5.14167 2.85 5.425 2.85C5.70833 2.85 5.95 2.95 6.15 3.15C6.33333 3.33333 6.425 3.55833 6.425 3.825C6.425 4.09167 6.33333 4.33333 6.15 4.55C5.56667 5.18333 5.096 5.87067 4.738 6.612C4.37933 7.354 4.15 8.15 4.05 9C4.01667 9.28333 3.90433 9.52067 3.713 9.712C3.521 9.904 3.28333 10 3 10ZM21 10C20.7333 10 20.5 9.904 20.3 9.712C20.1 9.52067 19.9833 9.28333 19.95 9C19.85 8.15 19.621 7.354 19.263 6.612C18.9043 5.87067 18.4333 5.18333 17.85 4.55C17.6667 4.33333 17.575 4.09167 17.575 3.825C17.575 3.55833 17.675 3.33333 17.875 3.15C18.075 2.95 18.3123 2.85 18.587 2.85C18.8623 2.85 19.0917 2.94167 19.275 3.125C20.025 3.925 20.6293 4.829 21.088 5.837C21.546 6.84567 21.8333 7.9 21.95 9C21.9833 9.26667 21.904 9.5 21.712 9.7C21.5207 9.9 21.2833 10 21 10ZM5 19C4.71667 19 4.479 18.904 4.287 18.712C4.09567 18.5207 4 18.2833 4 18C4 17.7167 4.09567 17.4793 4.287 17.288C4.479 17.096 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.38733 7.25 6.312C8.08333 5.23733 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.646 2.72933 10.938 2.438C11.2293 2.146 11.5833 2 12 2C12.4167 2 12.7707 2.146 13.062 2.438C13.354 2.72933 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.23733 16.75 6.312C17.5833 7.38733 18 8.61667 18 10V17H19C19.2833 17 19.5207 17.096 19.712 17.288C19.904 17.4793 20 17.7167 20 18C20 18.2833 19.904 18.5207 19.712 18.712C19.5207 18.904 19.2833 19 19 19H5ZM12 22C11.45 22 10.9793 21.8043 10.588 21.413C10.196 21.021 10 20.55 10 20H14C14 20.55 13.8043 21.021 13.413 21.413C13.021 21.8043 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2e2367562c77eda0c9d52636ba0638d1082d675b' }, h("path", { key: '74fafd59b179675d0a639cb50aff0e3ab0763c83', d: "M3.50002 11.6667C3.16946 11.6667 2.89257 11.55 2.66935 11.3167C2.44535 11.0834 2.3528 10.8112 2.39169 10.5C2.5278 9.21671 2.86341 7.98665 3.39852 6.80987C3.93285 5.63387 4.63752 4.57921 5.51252 3.64587C5.72641 3.43199 5.99863 3.32504 6.32919 3.32504C6.65974 3.32504 6.94169 3.44171 7.17502 3.67504C7.38891 3.88893 7.49585 4.15143 7.49585 4.46254C7.49585 4.77365 7.38891 5.0556 7.17502 5.30837C6.49446 6.04726 5.94535 6.84915 5.52769 7.71404C5.10924 8.57971 4.84169 9.50837 4.72502 10.5C4.68613 10.8306 4.55507 11.1075 4.33185 11.3307C4.10785 11.5547 3.83057 11.6667 3.50002 11.6667ZM24.5 11.6667C24.1889 11.6667 23.9167 11.5547 23.6833 11.3307C23.45 11.1075 23.3139 10.8306 23.275 10.5C23.1584 9.50837 22.8912 8.57971 22.4735 7.71404C22.0551 6.84915 21.5056 6.04726 20.825 5.30837C20.6111 5.0556 20.5042 4.77365 20.5042 4.46254C20.5042 4.15143 20.6209 3.88893 20.8542 3.67504C21.0875 3.44171 21.3644 3.32504 21.6849 3.32504C22.0061 3.32504 22.2736 3.43199 22.4875 3.64587C23.3625 4.57921 24.0676 5.63387 24.6027 6.80987C25.137 7.98665 25.4722 9.21671 25.6084 10.5C25.6472 10.8112 25.5547 11.0834 25.3307 11.3167C25.1075 11.55 24.8306 11.6667 24.5 11.6667ZM5.83335 22.1667C5.5028 22.1667 5.22552 22.0547 5.00152 21.8307C4.7783 21.6075 4.66669 21.3306 4.66669 21C4.66669 20.6695 4.7783 20.3926 5.00152 20.1694C5.22552 19.9454 5.5028 19.8334 5.83335 19.8334H7.00002V11.6667C7.00002 10.0528 7.48613 8.6186 8.45835 7.36404C9.43057 6.11026 10.6945 5.28893 12.25 4.90004V4.08337C12.25 3.59726 12.4204 3.18426 12.761 2.84437C13.1009 2.50371 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8991 2.50371 15.239 2.84437C15.5797 3.18426 15.75 3.59726 15.75 4.08337V4.90004C17.3056 5.28893 18.5695 6.11026 19.5417 7.36404C20.5139 8.6186 21 10.0528 21 11.6667V19.8334H22.1667C22.4972 19.8334 22.7741 19.9454 22.9974 20.1694C23.2214 20.3926 23.3334 20.6695 23.3334 21C23.3334 21.3306 23.2214 21.6075 22.9974 21.8307C22.7741 22.0547 22.4972 22.1667 22.1667 22.1667H5.83335ZM14 25.6667C13.3584 25.6667 12.8092 25.4384 12.3527 24.9819C11.8954 24.5245 11.6667 23.975 11.6667 23.3334H16.3334C16.3334 23.975 16.1051 24.5245 15.6485 24.9819C15.1912 25.4384 14.6417 25.6667 14 25.6667ZM9.33335 19.8334H18.6667V11.6667C18.6667 10.3834 18.2097 9.28476 17.2959 8.37087C16.382 7.45699 15.2834 7.00004 14 7.00004C12.7167 7.00004 11.6181 7.45699 10.7042 8.37087C9.7903 9.28476 9.33335 10.3834 9.33335 11.6667V19.8334Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'ec00dec3d4665e2ec06dfe76a62cdf05c04b590f', "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: 'df9f085a29d7e31c24b0cf93a7c7a43bfd25e33b' }, h("path", { key: 'bee4500fc773ac175e94178ae45bcfdb9e1a2e2c', d: "M2.00002 6.66671C1.81113 6.66671 1.65291 6.60004 1.52535 6.46671C1.39735 6.33337 1.34446 6.17782 1.36669 6.00004C1.44446 5.26671 1.63624 4.56382 1.94202 3.89137C2.24735 3.21937 2.65002 2.61671 3.15002 2.08337C3.27224 1.96115 3.4278 1.90004 3.61669 1.90004C3.80558 1.90004 3.96669 1.96671 4.10002 2.10004C4.22224 2.22226 4.28335 2.37226 4.28335 2.55004C4.28335 2.72782 4.22224 2.88893 4.10002 3.03337C3.71113 3.4556 3.39735 3.91382 3.15869 4.40804C2.91958 4.90271 2.76669 5.43337 2.70002 6.00004C2.6778 6.18893 2.60291 6.34715 2.47535 6.47471C2.34735 6.60271 2.18891 6.66671 2.00002 6.66671ZM14 6.66671C13.8222 6.66671 13.6667 6.60271 13.5334 6.47471C13.4 6.34715 13.3222 6.18893 13.3 6.00004C13.2334 5.43337 13.0807 4.90271 12.842 4.40804C12.6029 3.91382 12.2889 3.4556 11.9 3.03337C11.7778 2.88893 11.7167 2.72782 11.7167 2.55004C11.7167 2.37226 11.7834 2.22226 11.9167 2.10004C12.05 1.96671 12.2082 1.90004 12.3914 1.90004C12.5749 1.90004 12.7278 1.96115 12.85 2.08337C13.35 2.61671 13.7529 3.21937 14.0587 3.89137C14.364 4.56382 14.5556 5.26671 14.6334 6.00004C14.6556 6.17782 14.6027 6.33337 14.4747 6.46671C14.3471 6.60004 14.1889 6.66671 14 6.66671ZM3.33335 12.6667C3.14446 12.6667 2.98602 12.6027 2.85802 12.4747C2.73046 12.3472 2.66669 12.1889 2.66669 12C2.66669 11.8112 2.73046 11.6529 2.85802 11.5254C2.98602 11.3974 3.14446 11.3334 3.33335 11.3334H4.00002V6.66671C4.00002 5.74448 4.2778 4.92493 4.83335 4.20804C5.38891 3.4916 6.11113 3.02226 7.00002 2.80004V2.33337C7.00002 2.0556 7.09735 1.8196 7.29202 1.62537C7.48624 1.43071 7.72224 1.33337 8.00002 1.33337C8.2778 1.33337 8.5138 1.43071 8.70802 1.62537C8.90269 1.8196 9.00002 2.0556 9.00002 2.33337V2.80004C9.88891 3.02226 10.6111 3.4916 11.1667 4.20804C11.7222 4.92493 12 5.74448 12 6.66671V11.3334H12.6667C12.8556 11.3334 13.0138 11.3974 13.1414 11.5254C13.2694 11.6529 13.3334 11.8112 13.3334 12C13.3334 12.1889 13.2694 12.3472 13.1414 12.4747C13.0138 12.6027 12.8556 12.6667 12.6667 12.6667H3.33335ZM8.00002 14.6667C7.63335 14.6667 7.31958 14.5363 7.05869 14.2754C6.79735 14.014 6.66669 13.7 6.66669 13.3334H9.33335C9.33335 13.7 9.20291 14.014 8.94202 14.2754C8.68069 14.5363 8.36669 14.6667 8.00002 14.6667ZM5.33335 11.3334H10.6667V6.66671C10.6667 5.93337 10.4056 5.3056 9.88335 4.78337C9.36113 4.26115 8.73335 4.00004 8.00002 4.00004C7.26669 4.00004 6.63891 4.26115 6.11669 4.78337C5.59446 5.3056 5.33335 5.93337 5.33335 6.66671V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '7b24b8927fc5df113d148d2cd725b72b0d4c0beb' }, h("path", { key: '818fad8b1a0ef97ebe0e34dbb0333065b5406411', d: "M3 10C2.71667 10 2.47933 9.9 2.288 9.7C2.096 9.5 2.01667 9.26667 2.05 9C2.16667 7.9 2.45433 6.84567 2.913 5.837C3.371 4.829 3.975 3.925 4.725 3.125C4.90833 2.94167 5.14167 2.85 5.425 2.85C5.70833 2.85 5.95 2.95 6.15 3.15C6.33333 3.33333 6.425 3.55833 6.425 3.825C6.425 4.09167 6.33333 4.33333 6.15 4.55C5.56667 5.18333 5.096 5.87067 4.738 6.612C4.37933 7.354 4.15 8.15 4.05 9C4.01667 9.28333 3.90433 9.52067 3.713 9.712C3.521 9.904 3.28333 10 3 10ZM21 10C20.7333 10 20.5 9.904 20.3 9.712C20.1 9.52067 19.9833 9.28333 19.95 9C19.85 8.15 19.621 7.354 19.263 6.612C18.9043 5.87067 18.4333 5.18333 17.85 4.55C17.6667 4.33333 17.575 4.09167 17.575 3.825C17.575 3.55833 17.675 3.33333 17.875 3.15C18.075 2.95 18.3123 2.85 18.587 2.85C18.8623 2.85 19.0917 2.94167 19.275 3.125C20.025 3.925 20.6293 4.829 21.088 5.837C21.546 6.84567 21.8333 7.9 21.95 9C21.9833 9.26667 21.904 9.5 21.712 9.7C21.5207 9.9 21.2833 10 21 10ZM5 19C4.71667 19 4.479 18.904 4.287 18.712C4.09567 18.5207 4 18.2833 4 18C4 17.7167 4.09567 17.4793 4.287 17.288C4.479 17.096 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.38733 7.25 6.312C8.08333 5.23733 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.646 2.72933 10.938 2.438C11.2293 2.146 11.5833 2 12 2C12.4167 2 12.7707 2.146 13.062 2.438C13.354 2.72933 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.23733 16.75 6.312C17.5833 7.38733 18 8.61667 18 10V17H19C19.2833 17 19.5207 17.096 19.712 17.288C19.904 17.4793 20 17.7167 20 18C20 18.2833 19.904 18.5207 19.712 18.712C19.5207 18.904 19.2833 19 19 19H5ZM12 22C11.45 22 10.9793 21.8043 10.588 21.413C10.196 21.021 10 20.55 10 20H14C14 20.55 13.8043 21.021 13.413 21.413C13.021 21.8043 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e34425da7ead62609aec3dfe7cf7207f9a3fc02f' }, h("path", { key: 'c3fc9dca1ed8f4ef306cddaadc422e5473df879b', d: "M3.50002 11.6667C3.16946 11.6667 2.89257 11.55 2.66935 11.3167C2.44535 11.0834 2.3528 10.8112 2.39169 10.5C2.5278 9.21671 2.86341 7.98665 3.39852 6.80987C3.93285 5.63387 4.63752 4.57921 5.51252 3.64587C5.72641 3.43199 5.99863 3.32504 6.32919 3.32504C6.65974 3.32504 6.94169 3.44171 7.17502 3.67504C7.38891 3.88893 7.49585 4.15143 7.49585 4.46254C7.49585 4.77365 7.38891 5.0556 7.17502 5.30837C6.49446 6.04726 5.94535 6.84915 5.52769 7.71404C5.10924 8.57971 4.84169 9.50837 4.72502 10.5C4.68613 10.8306 4.55507 11.1075 4.33185 11.3307C4.10785 11.5547 3.83057 11.6667 3.50002 11.6667ZM24.5 11.6667C24.1889 11.6667 23.9167 11.5547 23.6833 11.3307C23.45 11.1075 23.3139 10.8306 23.275 10.5C23.1584 9.50837 22.8912 8.57971 22.4735 7.71404C22.0551 6.84915 21.5056 6.04726 20.825 5.30837C20.6111 5.0556 20.5042 4.77365 20.5042 4.46254C20.5042 4.15143 20.6209 3.88893 20.8542 3.67504C21.0875 3.44171 21.3644 3.32504 21.6849 3.32504C22.0061 3.32504 22.2736 3.43199 22.4875 3.64587C23.3625 4.57921 24.0676 5.63387 24.6027 6.80987C25.137 7.98665 25.4722 9.21671 25.6084 10.5C25.6472 10.8112 25.5547 11.0834 25.3307 11.3167C25.1075 11.55 24.8306 11.6667 24.5 11.6667ZM5.83335 22.1667C5.5028 22.1667 5.22552 22.0547 5.00152 21.8307C4.7783 21.6075 4.66669 21.3306 4.66669 21C4.66669 20.6695 4.7783 20.3926 5.00152 20.1694C5.22552 19.9454 5.5028 19.8334 5.83335 19.8334H7.00002V11.6667C7.00002 10.0528 7.48613 8.6186 8.45835 7.36404C9.43057 6.11026 10.6945 5.28893 12.25 4.90004V4.08337C12.25 3.59726 12.4204 3.18426 12.761 2.84437C13.1009 2.50371 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8991 2.50371 15.239 2.84437C15.5797 3.18426 15.75 3.59726 15.75 4.08337V4.90004C17.3056 5.28893 18.5695 6.11026 19.5417 7.36404C20.5139 8.6186 21 10.0528 21 11.6667V19.8334H22.1667C22.4972 19.8334 22.7741 19.9454 22.9974 20.1694C23.2214 20.3926 23.3334 20.6695 23.3334 21C23.3334 21.3306 23.2214 21.6075 22.9974 21.8307C22.7741 22.0547 22.4972 22.1667 22.1667 22.1667H5.83335ZM14 25.6667C13.3584 25.6667 12.8092 25.4384 12.3527 24.9819C11.8954 24.5245 11.6667 23.975 11.6667 23.3334H16.3334C16.3334 23.975 16.1051 24.5245 15.6485 24.9819C15.1912 25.4384 14.6417 25.6667 14 25.6667ZM9.33335 19.8334H18.6667V11.6667C18.6667 10.3834 18.2097 9.28476 17.2959 8.37087C16.382 7.45699 15.2834 7.00004 14 7.00004C12.7167 7.00004 11.6181 7.45699 10.7042 8.37087C9.7903 9.28476 9.33335 10.3834 9.33335 11.6667V19.8334Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-notifications-active", {

package/dist/components/swirl-icon-notifications-off.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconNotificationsOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNotificationsOff extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconNotificationsOff$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'ca13f9cdfed009e2efdef9ed9cb35bfd72fe2d71', "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: '2b90c80b97df2359523b0542a6283b80452d7323' }, h("path", { key: 'f69e36fb5629122f1437ca0657380d61683d84be', d: "M3.33334 12.6667C3.14445 12.6667 2.98612 12.6028 2.85834 12.475C2.73056 12.3473 2.66667 12.1889 2.66667 12C2.66667 11.8112 2.73056 11.6528 2.85834 11.525C2.98612 11.3973 3.14445 11.3334 3.33334 11.3334H4.00001V6.66671C4.00001 6.30004 4.04723 5.93893 4.14167 5.58337C4.23612 5.22782 4.37779 4.88893 4.56667 4.56671L5.56667 5.56671C5.4889 5.74449 5.43056 5.92504 5.39167 6.10837C5.35279 6.29171 5.33334 6.47782 5.33334 6.66671V11.3334H9.46667L1.40001 3.26671C1.27779 3.14449 1.21667 2.98893 1.21667 2.80004C1.21667 2.61115 1.27779 2.4556 1.40001 2.33337C1.52223 2.21115 1.67779 2.15004 1.86667 2.15004C2.05556 2.15004 2.21112 2.21115 2.33334 2.33337L13.6667 13.6667C13.7889 13.7889 13.8528 13.9417 13.8583 14.125C13.8639 14.3084 13.8 14.4667 13.6667 14.6C13.5445 14.7223 13.3889 14.7834 13.2 14.7834C13.0111 14.7834 12.8556 14.7223 12.7333 14.6L10.7667 12.6667H3.33334ZM12 10.1L10.6667 8.76671V6.66671C10.6667 5.93337 10.4056 5.3056 9.88334 4.78337C9.36112 4.26115 8.73334 4.00004 8.00001 4.00004C7.70001 4.00004 7.41945 4.04726 7.15834 4.14171C6.89723 4.23615 6.65556 4.36671 6.43334 4.53337L5.46667 3.56671C5.6889 3.40004 5.92779 3.24726 6.18334 3.10837C6.4389 2.96949 6.71112 2.86671 7.00001 2.80004V2.33337C7.00001 2.0556 7.09723 1.81949 7.29167 1.62504C7.48612 1.4306 7.72223 1.33337 8.00001 1.33337C8.27779 1.33337 8.5139 1.4306 8.70834 1.62504C8.90279 1.81949 9.00001 2.0556 9.00001 2.33337V2.80004C9.86667 3.02226 10.5833 3.48615 11.15 4.19171C11.7167 4.89726 12 5.72226 12 6.66671V10.1ZM8.00001 14.6667C7.63334 14.6667 7.31945 14.5362 7.05834 14.275C6.79723 14.0139 6.66667 13.7 6.66667 13.3334H9.33334C9.33334 13.7 9.20279 14.0139 8.94167 14.275C8.68056 14.5362 8.36667 14.6667 8.00001 14.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '10c6b287056ad5b3b142c6b3eb969962c7762b0e' }, h("path", { key: 'fb28e8a1a79fd4a7c82e8eaec10ebbba40a7edfd', d: "M5.00001 19C4.71668 19 4.47918 18.9042 4.28751 18.7125C4.09585 18.5208 4.00001 18.2833 4.00001 18C4.00001 17.7167 4.09585 17.4792 4.28751 17.2875C4.47918 17.0958 4.71668 17 5.00001 17H6.00001V10C6.00001 9.45 6.07085 8.90833 6.21251 8.375C6.35418 7.84167 6.56668 7.33333 6.85001 6.85L8.35001 8.35C8.23335 8.61667 8.14585 8.8875 8.08751 9.1625C8.02918 9.4375 8.00001 9.71667 8.00001 10V17H14.2L2.10001 4.9C1.91668 4.71667 1.82501 4.48333 1.82501 4.2C1.82501 3.91667 1.91668 3.68333 2.10001 3.5C2.28335 3.31667 2.51668 3.225 2.80001 3.225C3.08335 3.225 3.31668 3.31667 3.50001 3.5L20.5 20.5C20.6833 20.6833 20.7792 20.9125 20.7875 21.1875C20.7958 21.4625 20.7 21.7 20.5 21.9C20.3167 22.0833 20.0833 22.175 19.8 22.175C19.5167 22.175 19.2833 22.0833 19.1 21.9L16.15 19H5.00001ZM18 15.15L16 13.15V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C11.55 6 11.1292 6.07083 10.7375 6.2125C10.3458 6.35417 9.98335 6.55 9.65001 6.8L8.20001 5.35C8.53335 5.1 8.89168 4.87083 9.27501 4.6625C9.65835 4.45417 10.0667 4.3 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8 4.53333 15.875 5.22917 16.725 6.2875C17.575 7.34583 18 8.58333 18 10V15.15ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '293ba921f1e430bbc8df779dfaf162b67589c4cb' }, h("path", { key: '28d1c1d8170cceb58d760fbc9c70dba74f10af6c', d: "M5.83332 22.1667C5.50276 22.1667 5.22568 22.0549 5.00207 21.8313C4.77846 21.6077 4.66665 21.3306 4.66665 21C4.66665 20.6695 4.77846 20.3924 5.00207 20.1688C5.22568 19.9452 5.50276 19.8334 5.83332 19.8334H6.99998V11.6667C6.99998 11.025 7.08262 10.3931 7.2479 9.77088C7.41318 9.14865 7.66109 8.5556 7.99165 7.99171L9.74165 9.74171C9.60554 10.0528 9.50346 10.3688 9.4354 10.6896C9.36734 11.0105 9.33332 11.3362 9.33332 11.6667V19.8334H16.5666L2.44998 5.71671C2.23609 5.50282 2.12915 5.2306 2.12915 4.90004C2.12915 4.56949 2.23609 4.29726 2.44998 4.08337C2.66387 3.86949 2.93609 3.76254 3.26665 3.76254C3.59721 3.76254 3.86943 3.86949 4.08332 4.08337L23.9167 23.9167C24.1305 24.1306 24.2423 24.398 24.2521 24.7188C24.2618 25.0396 24.15 25.3167 23.9167 25.55C23.7028 25.7639 23.4305 25.8709 23.1 25.8709C22.7694 25.8709 22.4972 25.7639 22.2833 25.55L18.8416 22.1667H5.83332ZM21 17.675L18.6667 15.3417V11.6667C18.6667 10.3834 18.2097 9.28476 17.2958 8.37088C16.3819 7.45699 15.2833 7.00004 14 7.00004C13.475 7.00004 12.984 7.08268 12.5271 7.24796C12.0701 7.41324 11.6472 7.64171 11.2583 7.93337L9.56665 6.24171C9.95554 5.95004 10.3736 5.68268 10.8208 5.43962C11.268 5.19657 11.7444 5.01671 12.25 4.90004V4.08337C12.25 3.59726 12.4201 3.18407 12.7604 2.84379C13.1007 2.50351 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8993 2.50351 15.2396 2.84379C15.5798 3.18407 15.75 3.59726 15.75 4.08337V4.90004C17.2667 5.28893 18.5208 6.10074 19.5125 7.33546C20.5042 8.57018 21 10.0139 21 11.6667V17.675ZM14 25.6667C13.3583 25.6667 12.809 25.4382 12.3521 24.9813C11.8951 24.5244 11.6667 23.975 11.6667 23.3334H16.3333C16.3333 23.975 16.1048 24.5244 15.6479 24.9813C15.191 25.4382 14.6417 25.6667 14 25.6667Z", fill: "currentColor" })))));
+        return (h("svg", { key: '0613da3b07c3518f0bcadee06313d221fbd59e1b', "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: 'da45aa72371dab43f941a6502e5b8fe6afe68820' }, h("path", { key: '217521006e4576567b48a4c1e02ce1b7c8c11a1b', d: "M3.33334 12.6667C3.14445 12.6667 2.98612 12.6028 2.85834 12.475C2.73056 12.3473 2.66667 12.1889 2.66667 12C2.66667 11.8112 2.73056 11.6528 2.85834 11.525C2.98612 11.3973 3.14445 11.3334 3.33334 11.3334H4.00001V6.66671C4.00001 6.30004 4.04723 5.93893 4.14167 5.58337C4.23612 5.22782 4.37779 4.88893 4.56667 4.56671L5.56667 5.56671C5.4889 5.74449 5.43056 5.92504 5.39167 6.10837C5.35279 6.29171 5.33334 6.47782 5.33334 6.66671V11.3334H9.46667L1.40001 3.26671C1.27779 3.14449 1.21667 2.98893 1.21667 2.80004C1.21667 2.61115 1.27779 2.4556 1.40001 2.33337C1.52223 2.21115 1.67779 2.15004 1.86667 2.15004C2.05556 2.15004 2.21112 2.21115 2.33334 2.33337L13.6667 13.6667C13.7889 13.7889 13.8528 13.9417 13.8583 14.125C13.8639 14.3084 13.8 14.4667 13.6667 14.6C13.5445 14.7223 13.3889 14.7834 13.2 14.7834C13.0111 14.7834 12.8556 14.7223 12.7333 14.6L10.7667 12.6667H3.33334ZM12 10.1L10.6667 8.76671V6.66671C10.6667 5.93337 10.4056 5.3056 9.88334 4.78337C9.36112 4.26115 8.73334 4.00004 8.00001 4.00004C7.70001 4.00004 7.41945 4.04726 7.15834 4.14171C6.89723 4.23615 6.65556 4.36671 6.43334 4.53337L5.46667 3.56671C5.6889 3.40004 5.92779 3.24726 6.18334 3.10837C6.4389 2.96949 6.71112 2.86671 7.00001 2.80004V2.33337C7.00001 2.0556 7.09723 1.81949 7.29167 1.62504C7.48612 1.4306 7.72223 1.33337 8.00001 1.33337C8.27779 1.33337 8.5139 1.4306 8.70834 1.62504C8.90279 1.81949 9.00001 2.0556 9.00001 2.33337V2.80004C9.86667 3.02226 10.5833 3.48615 11.15 4.19171C11.7167 4.89726 12 5.72226 12 6.66671V10.1ZM8.00001 14.6667C7.63334 14.6667 7.31945 14.5362 7.05834 14.275C6.79723 14.0139 6.66667 13.7 6.66667 13.3334H9.33334C9.33334 13.7 9.20279 14.0139 8.94167 14.275C8.68056 14.5362 8.36667 14.6667 8.00001 14.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'a76efb7d8717f742887f240b604c9e546cea2e66' }, h("path", { key: '5a7ccdbec23949837c7c903934360c5d30d9d773', d: "M5.00001 19C4.71668 19 4.47918 18.9042 4.28751 18.7125C4.09585 18.5208 4.00001 18.2833 4.00001 18C4.00001 17.7167 4.09585 17.4792 4.28751 17.2875C4.47918 17.0958 4.71668 17 5.00001 17H6.00001V10C6.00001 9.45 6.07085 8.90833 6.21251 8.375C6.35418 7.84167 6.56668 7.33333 6.85001 6.85L8.35001 8.35C8.23335 8.61667 8.14585 8.8875 8.08751 9.1625C8.02918 9.4375 8.00001 9.71667 8.00001 10V17H14.2L2.10001 4.9C1.91668 4.71667 1.82501 4.48333 1.82501 4.2C1.82501 3.91667 1.91668 3.68333 2.10001 3.5C2.28335 3.31667 2.51668 3.225 2.80001 3.225C3.08335 3.225 3.31668 3.31667 3.50001 3.5L20.5 20.5C20.6833 20.6833 20.7792 20.9125 20.7875 21.1875C20.7958 21.4625 20.7 21.7 20.5 21.9C20.3167 22.0833 20.0833 22.175 19.8 22.175C19.5167 22.175 19.2833 22.0833 19.1 21.9L16.15 19H5.00001ZM18 15.15L16 13.15V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C11.55 6 11.1292 6.07083 10.7375 6.2125C10.3458 6.35417 9.98335 6.55 9.65001 6.8L8.20001 5.35C8.53335 5.1 8.89168 4.87083 9.27501 4.6625C9.65835 4.45417 10.0667 4.3 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8 4.53333 15.875 5.22917 16.725 6.2875C17.575 7.34583 18 8.58333 18 10V15.15ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'c6d6d17bc5516c79de283324bbf00f1d022be93b' }, h("path", { key: 'f769d405ad829e0b75f28b0766aa7b5fb77b0caa', d: "M5.83332 22.1667C5.50276 22.1667 5.22568 22.0549 5.00207 21.8313C4.77846 21.6077 4.66665 21.3306 4.66665 21C4.66665 20.6695 4.77846 20.3924 5.00207 20.1688C5.22568 19.9452 5.50276 19.8334 5.83332 19.8334H6.99998V11.6667C6.99998 11.025 7.08262 10.3931 7.2479 9.77088C7.41318 9.14865 7.66109 8.5556 7.99165 7.99171L9.74165 9.74171C9.60554 10.0528 9.50346 10.3688 9.4354 10.6896C9.36734 11.0105 9.33332 11.3362 9.33332 11.6667V19.8334H16.5666L2.44998 5.71671C2.23609 5.50282 2.12915 5.2306 2.12915 4.90004C2.12915 4.56949 2.23609 4.29726 2.44998 4.08337C2.66387 3.86949 2.93609 3.76254 3.26665 3.76254C3.59721 3.76254 3.86943 3.86949 4.08332 4.08337L23.9167 23.9167C24.1305 24.1306 24.2423 24.398 24.2521 24.7188C24.2618 25.0396 24.15 25.3167 23.9167 25.55C23.7028 25.7639 23.4305 25.8709 23.1 25.8709C22.7694 25.8709 22.4972 25.7639 22.2833 25.55L18.8416 22.1667H5.83332ZM21 17.675L18.6667 15.3417V11.6667C18.6667 10.3834 18.2097 9.28476 17.2958 8.37088C16.3819 7.45699 15.2833 7.00004 14 7.00004C13.475 7.00004 12.984 7.08268 12.5271 7.24796C12.0701 7.41324 11.6472 7.64171 11.2583 7.93337L9.56665 6.24171C9.95554 5.95004 10.3736 5.68268 10.8208 5.43962C11.268 5.19657 11.7444 5.01671 12.25 4.90004V4.08337C12.25 3.59726 12.4201 3.18407 12.7604 2.84379C13.1007 2.50351 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8993 2.50351 15.2396 2.84379C15.5798 3.18407 15.75 3.59726 15.75 4.08337V4.90004C17.2667 5.28893 18.5208 6.10074 19.5125 7.33546C20.5042 8.57018 21 10.0139 21 11.6667V17.675ZM14 25.6667C13.3583 25.6667 12.809 25.4382 12.3521 24.9813C11.8951 24.5244 11.6667 23.975 11.6667 23.3334H16.3333C16.3333 23.975 16.1048 24.5244 15.6479 24.9813C15.191 25.4382 14.6417 25.6667 14 25.6667Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-notifications-off", {

package/dist/components/swirl-icon-notifications.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconNotifications$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNotifications extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconNotifications$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIco
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'baab4d72e024a371560fcd7d98037d5c8782f47d', "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: '5cf0e48f765776e2cc6d0e5fcce209b0f74cbf49' }, h("path", { key: 'eb4043416e82aa2ad29eb2ec9589bc8c2f20bd45', d: "M3.33335 12.6667C3.14446 12.6667 2.98602 12.6027 2.85802 12.4747C2.73046 12.3472 2.66669 12.1889 2.66669 12C2.66669 11.8112 2.73046 11.6529 2.85802 11.5254C2.98602 11.3974 3.14446 11.3334 3.33335 11.3334H4.00002V6.66671C4.00002 5.74448 4.2778 4.92493 4.83335 4.20804C5.38891 3.4916 6.11113 3.02226 7.00002 2.80004V2.33337C7.00002 2.0556 7.09735 1.8196 7.29202 1.62537C7.48624 1.43071 7.72224 1.33337 8.00002 1.33337C8.2778 1.33337 8.5138 1.43071 8.70802 1.62537C8.90269 1.8196 9.00002 2.0556 9.00002 2.33337V2.80004C9.88891 3.02226 10.6111 3.4916 11.1667 4.20804C11.7222 4.92493 12 5.74448 12 6.66671V11.3334H12.6667C12.8556 11.3334 13.0138 11.3974 13.1414 11.5254C13.2694 11.6529 13.3334 11.8112 13.3334 12C13.3334 12.1889 13.2694 12.3472 13.1414 12.4747C13.0138 12.6027 12.8556 12.6667 12.6667 12.6667H3.33335ZM8.00002 14.6667C7.63335 14.6667 7.31958 14.5363 7.05869 14.2754C6.79735 14.014 6.66669 13.7 6.66669 13.3334H9.33335C9.33335 13.7 9.20291 14.014 8.94202 14.2754C8.68069 14.5363 8.36669 14.6667 8.00002 14.6667ZM5.33335 11.3334H10.6667V6.66671C10.6667 5.93337 10.4056 5.3056 9.88335 4.78337C9.36113 4.26115 8.73335 4.00004 8.00002 4.00004C7.26669 4.00004 6.63891 4.26115 6.11669 4.78337C5.59446 5.3056 5.33335 5.93337 5.33335 6.66671V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '7c282cfce4d50c8e4144b13ac309887deacf425e' }, h("path", { key: '554b4099c03524d263c6ec6db78db92c7427af1e', d: "M5 19C4.71667 19 4.479 18.904 4.287 18.712C4.09567 18.5207 4 18.2833 4 18C4 17.7167 4.09567 17.4793 4.287 17.288C4.479 17.096 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.38733 7.25 6.312C8.08333 5.23733 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.646 2.72933 10.938 2.438C11.2293 2.146 11.5833 2 12 2C12.4167 2 12.7707 2.146 13.062 2.438C13.354 2.72933 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.23733 16.75 6.312C17.5833 7.38733 18 8.61667 18 10V17H19C19.2833 17 19.5207 17.096 19.712 17.288C19.904 17.4793 20 17.7167 20 18C20 18.2833 19.904 18.5207 19.712 18.712C19.5207 18.904 19.2833 19 19 19H5ZM12 22C11.45 22 10.9793 21.8043 10.588 21.413C10.196 21.021 10 20.55 10 20H14C14 20.55 13.8043 21.021 13.413 21.413C13.021 21.8043 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '49958a913f8d03f2ec6ee9493ee5c423d5b5347d' }, h("path", { key: '48f602e24b400d6801cea211e5a908c3fe92aca8', d: "M5.83335 22.1667C5.5028 22.1667 5.22552 22.0547 5.00152 21.8307C4.7783 21.6075 4.66669 21.3306 4.66669 21C4.66669 20.6695 4.7783 20.3926 5.00152 20.1694C5.22552 19.9454 5.5028 19.8334 5.83335 19.8334H7.00002V11.6667C7.00002 10.0528 7.48613 8.6186 8.45835 7.36404C9.43058 6.11026 10.6945 5.28893 12.25 4.90004V4.08337C12.25 3.59726 12.4204 3.18426 12.761 2.84437C13.1009 2.50371 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8991 2.50371 15.239 2.84437C15.5797 3.18426 15.75 3.59726 15.75 4.08337V4.90004C17.3056 5.28893 18.5695 6.11026 19.5417 7.36404C20.5139 8.6186 21 10.0528 21 11.6667V19.8334H22.1667C22.4972 19.8334 22.7741 19.9454 22.9974 20.1694C23.2214 20.3926 23.3334 20.6695 23.3334 21C23.3334 21.3306 23.2214 21.6075 22.9974 21.8307C22.7741 22.0547 22.4972 22.1667 22.1667 22.1667H5.83335ZM14 25.6667C13.3584 25.6667 12.8092 25.4384 12.3527 24.9819C11.8954 24.5245 11.6667 23.975 11.6667 23.3334H16.3334C16.3334 23.975 16.1051 24.5245 15.6485 24.9819C15.1912 25.4384 14.6417 25.6667 14 25.6667ZM9.33335 19.8334H18.6667V11.6667C18.6667 10.3834 18.2097 9.28476 17.2959 8.37087C16.382 7.45699 15.2834 7.00004 14 7.00004C12.7167 7.00004 11.6181 7.45699 10.7042 8.37087C9.7903 9.28476 9.33335 10.3834 9.33335 11.6667V19.8334Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'a51cf4c3ad80b74ae89e12fc504de4ee80f93dba', "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: '9c9aa42976036ec56c72172a0573737868f5d683' }, h("path", { key: 'b0032828f0de7781bbd5c2fc7226ab218017fd30', d: "M3.33335 12.6667C3.14446 12.6667 2.98602 12.6027 2.85802 12.4747C2.73046 12.3472 2.66669 12.1889 2.66669 12C2.66669 11.8112 2.73046 11.6529 2.85802 11.5254C2.98602 11.3974 3.14446 11.3334 3.33335 11.3334H4.00002V6.66671C4.00002 5.74448 4.2778 4.92493 4.83335 4.20804C5.38891 3.4916 6.11113 3.02226 7.00002 2.80004V2.33337C7.00002 2.0556 7.09735 1.8196 7.29202 1.62537C7.48624 1.43071 7.72224 1.33337 8.00002 1.33337C8.2778 1.33337 8.5138 1.43071 8.70802 1.62537C8.90269 1.8196 9.00002 2.0556 9.00002 2.33337V2.80004C9.88891 3.02226 10.6111 3.4916 11.1667 4.20804C11.7222 4.92493 12 5.74448 12 6.66671V11.3334H12.6667C12.8556 11.3334 13.0138 11.3974 13.1414 11.5254C13.2694 11.6529 13.3334 11.8112 13.3334 12C13.3334 12.1889 13.2694 12.3472 13.1414 12.4747C13.0138 12.6027 12.8556 12.6667 12.6667 12.6667H3.33335ZM8.00002 14.6667C7.63335 14.6667 7.31958 14.5363 7.05869 14.2754C6.79735 14.014 6.66669 13.7 6.66669 13.3334H9.33335C9.33335 13.7 9.20291 14.014 8.94202 14.2754C8.68069 14.5363 8.36669 14.6667 8.00002 14.6667ZM5.33335 11.3334H10.6667V6.66671C10.6667 5.93337 10.4056 5.3056 9.88335 4.78337C9.36113 4.26115 8.73335 4.00004 8.00002 4.00004C7.26669 4.00004 6.63891 4.26115 6.11669 4.78337C5.59446 5.3056 5.33335 5.93337 5.33335 6.66671V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '9003afd3dd3e3e7e06c417b00b59fd7ea0ad0cbe' }, h("path", { key: '312f0c90bdd6da1a7205fef162087eb69005c28e', d: "M5 19C4.71667 19 4.479 18.904 4.287 18.712C4.09567 18.5207 4 18.2833 4 18C4 17.7167 4.09567 17.4793 4.287 17.288C4.479 17.096 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.38733 7.25 6.312C8.08333 5.23733 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.646 2.72933 10.938 2.438C11.2293 2.146 11.5833 2 12 2C12.4167 2 12.7707 2.146 13.062 2.438C13.354 2.72933 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.23733 16.75 6.312C17.5833 7.38733 18 8.61667 18 10V17H19C19.2833 17 19.5207 17.096 19.712 17.288C19.904 17.4793 20 17.7167 20 18C20 18.2833 19.904 18.5207 19.712 18.712C19.5207 18.904 19.2833 19 19 19H5ZM12 22C11.45 22 10.9793 21.8043 10.588 21.413C10.196 21.021 10 20.55 10 20H14C14 20.55 13.8043 21.021 13.413 21.413C13.021 21.8043 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '625e37342cf26ccd9ea4fd593009aa5d688179b6' }, h("path", { key: 'e82ed0d20c966197a77fb1ece9602261588838c7', d: "M5.83335 22.1667C5.5028 22.1667 5.22552 22.0547 5.00152 21.8307C4.7783 21.6075 4.66669 21.3306 4.66669 21C4.66669 20.6695 4.7783 20.3926 5.00152 20.1694C5.22552 19.9454 5.5028 19.8334 5.83335 19.8334H7.00002V11.6667C7.00002 10.0528 7.48613 8.6186 8.45835 7.36404C9.43058 6.11026 10.6945 5.28893 12.25 4.90004V4.08337C12.25 3.59726 12.4204 3.18426 12.761 2.84437C13.1009 2.50371 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8991 2.50371 15.239 2.84437C15.5797 3.18426 15.75 3.59726 15.75 4.08337V4.90004C17.3056 5.28893 18.5695 6.11026 19.5417 7.36404C20.5139 8.6186 21 10.0528 21 11.6667V19.8334H22.1667C22.4972 19.8334 22.7741 19.9454 22.9974 20.1694C23.2214 20.3926 23.3334 20.6695 23.3334 21C23.3334 21.3306 23.2214 21.6075 22.9974 21.8307C22.7741 22.0547 22.4972 22.1667 22.1667 22.1667H5.83335ZM14 25.6667C13.3584 25.6667 12.8092 25.4384 12.3527 24.9819C11.8954 24.5245 11.6667 23.975 11.6667 23.3334H16.3334C16.3334 23.975 16.1051 24.5245 15.6485 24.9819C15.1912 25.4384 14.6417 25.6667 14 25.6667ZM9.33335 19.8334H18.6667V11.6667C18.6667 10.3834 18.2097 9.28476 17.2959 8.37087C16.382 7.45699 15.2834 7.00004 14 7.00004C12.7167 7.00004 11.6181 7.45699 10.7042 8.37087C9.7903 9.28476 9.33335 10.3834 9.33335 11.6667V19.8334Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-notifications", {