npm - @getflip/swirl-components - Versions diffs - 0.527.0 → 0.529.0 - Mend

@getflip/swirl-components 0.527.0 → 0.529.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 (3103) hide show

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-root.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationRoot {
     render() {
-        return (h("svg", { key: '507a66ba61b95013a3547e629b7de2ba39fb6549', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'a510df422af4f0d63a56f168f17e2f5525d84fe3' }, h("path", { key: 'c09aebf358463855ba10e48e27561a9892c85e11', d: "M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-grape-surface-subdued)" }), h("path", { key: 'bead798d190b1482208a4d377771d479a478b5d1', d: "M60.284 101c-5.389-1.796-10.205-4.647-14.448-8.551-4.243-3.905-7.848-8.747-10.816-14.526-2.942-5.78-5.18-12.378-6.716-19.797C26.768 50.68 26 42.546 26 33.72v-3.436c8.408-.547 15.515-1.81 21.32-3.788 5.831-2.004 10.152-4.503 12.964-7.497 2.811 2.994 7.133 5.493 12.964 7.497 5.83 1.979 12.937 3.241 21.32 3.788v3.436c0 8.825-.768 16.96-2.304 24.405-1.536 7.419-3.788 14.018-6.755 19.797-2.942 5.779-6.534 10.62-10.778 14.526-4.243 3.904-9.059 6.755-14.447 8.551Zm0-4.959c4.581-1.77 8.681-4.465 12.3-8.083 3.644-3.618 6.742-8.044 9.293-13.276 2.551-5.258 4.504-11.246 5.857-17.962 1.38-6.716 2.096-14.07 2.148-22.062-6.118-.547-11.74-1.64-16.869-3.28-5.128-1.64-9.371-3.683-12.73-6.13-3.357 2.447-7.6 4.49-12.729 6.13-5.102 1.64-10.725 2.733-16.868 3.28.052 7.992.755 15.346 2.108 22.062 1.38 6.716 3.345 12.704 5.897 17.962 2.55 5.232 5.635 9.658 9.254 13.276 3.644 3.618 7.757 6.313 12.339 8.083Zm0-5.935c-4.14-1.64-7.758-4.126-10.855-7.458-3.098-3.332-5.675-7.29-7.732-11.87-2.03-4.582-3.566-9.594-4.608-15.034-1.015-5.467-1.522-11.142-1.522-17.025 5.362-.547 10.048-1.432 14.057-2.655 4.035-1.224 7.588-3.046 10.66-5.467 3.098 2.421 6.65 4.243 10.66 5.467 4.009 1.223 8.694 2.108 14.057 2.655 0 5.883-.52 11.558-1.562 17.025-1.015 5.44-2.551 10.452-4.608 15.033-2.03 4.582-4.594 8.539-7.692 11.87-3.098 3.333-6.716 5.819-10.855 7.459Zm0-4.217v-50.41c-2.681 1.717-5.701 3.11-9.06 4.177-3.331 1.041-7.223 1.888-11.674 2.538.234 7.185 1.223 13.706 2.967 19.563 1.744 5.857 4.126 10.842 7.146 14.955 3.02 4.113 6.56 7.172 10.62 9.177Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: 'c789752c740984aa3b229c0ef9af41e16d22d615', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '175d5312096c3f3828e65062d6ea21cfcba4a46c' }, h("path", { key: 'b6345d3baf7862a3dd2dccac7168e4f12435aa8e', d: "M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-grape-surface-subdued)" }), h("path", { key: 'f728fb635ae1c8feeb1c0ca90dd9f201d14d5ab3', d: "M60.284 101c-5.389-1.796-10.205-4.647-14.448-8.551-4.243-3.905-7.848-8.747-10.816-14.526-2.942-5.78-5.18-12.378-6.716-19.797C26.768 50.68 26 42.546 26 33.72v-3.436c8.408-.547 15.515-1.81 21.32-3.788 5.831-2.004 10.152-4.503 12.964-7.497 2.811 2.994 7.133 5.493 12.964 7.497 5.83 1.979 12.937 3.241 21.32 3.788v3.436c0 8.825-.768 16.96-2.304 24.405-1.536 7.419-3.788 14.018-6.755 19.797-2.942 5.779-6.534 10.62-10.778 14.526-4.243 3.904-9.059 6.755-14.447 8.551Zm0-4.959c4.581-1.77 8.681-4.465 12.3-8.083 3.644-3.618 6.742-8.044 9.293-13.276 2.551-5.258 4.504-11.246 5.857-17.962 1.38-6.716 2.096-14.07 2.148-22.062-6.118-.547-11.74-1.64-16.869-3.28-5.128-1.64-9.371-3.683-12.73-6.13-3.357 2.447-7.6 4.49-12.729 6.13-5.102 1.64-10.725 2.733-16.868 3.28.052 7.992.755 15.346 2.108 22.062 1.38 6.716 3.345 12.704 5.897 17.962 2.55 5.232 5.635 9.658 9.254 13.276 3.644 3.618 7.757 6.313 12.339 8.083Zm0-5.935c-4.14-1.64-7.758-4.126-10.855-7.458-3.098-3.332-5.675-7.29-7.732-11.87-2.03-4.582-3.566-9.594-4.608-15.034-1.015-5.467-1.522-11.142-1.522-17.025 5.362-.547 10.048-1.432 14.057-2.655 4.035-1.224 7.588-3.046 10.66-5.467 3.098 2.421 6.65 4.243 10.66 5.467 4.009 1.223 8.694 2.108 14.057 2.655 0 5.883-.52 11.558-1.562 17.025-1.015 5.44-2.551 10.452-4.608 15.033-2.03 4.582-4.594 8.539-7.692 11.87-3.098 3.333-6.716 5.819-10.855 7.459Zm0-4.217v-50.41c-2.681 1.717-5.701 3.11-9.06 4.177-3.331 1.041-7.223 1.888-11.674 2.538.234 7.185 1.223 13.706 2.967 19.563 1.744 5.857 4.126 10.842 7.146 14.955 3.02 4.113 6.56 7.172 10.62 9.177Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-root"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-search.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationSearch {
     render() {
-        return (h("svg", { key: '62d70994d5a587f042c753287a044b423e2dd3a7', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '4c65db8dcf5a27a98679f01870cf9efa520e4317' }, h("path", { key: '1476d896981391b69a4372a9170c92aa8d403a00', d: "M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), h("path", { key: '23c84ed0b48e3039853a6127507e152e3f8d752c', d: "M46.555 76.736c-4.102 0-7.957-.765-11.567-2.297a30.817 30.817 0 0 1-9.474-6.398 29.887 29.887 0 0 1-6.399-9.475c-1.531-3.609-2.297-7.478-2.297-11.607 0-4.102.766-7.943 2.297-11.525 1.559-3.61 3.692-6.768 6.399-9.475a29.884 29.884 0 0 1 9.474-6.398c3.61-1.559 7.465-2.338 11.567-2.338 4.101 0 7.957.765 11.566 2.297 3.61 1.53 6.768 3.664 9.475 6.398a29.758 29.758 0 0 1 6.398 9.516c1.559 3.582 2.338 7.423 2.338 11.525 0 4.101-.78 7.957-2.338 11.566a29.759 29.759 0 0 1-6.398 9.516c-2.707 2.707-5.866 4.84-9.475 6.398-3.61 1.532-7.465 2.297-11.566 2.297ZM29.45 57.787a20.975 20.975 0 0 1-2.338-5.168 20.94 20.94 0 0 1-.779-5.66c0-3.008.643-5.838 1.928-8.49a22.75 22.75 0 0 1 5.25-6.973c.383-.355.82-.533 1.312-.533.547 0 1.026.219 1.436.656.41.438.615.93.615 1.477 0 .629-.273 1.176-.82 1.64a15.646 15.646 0 0 0-4.143 5.455 15.96 15.96 0 0 0-1.476 6.768c0 1.559.191 3.063.574 4.512.383 1.449.998 2.775 1.845 3.978.274.383.41.807.41 1.272 0 .601-.245 1.094-.738 1.476-.492.383-.984.575-1.476.575-.656 0-1.19-.329-1.6-.985Zm17.104 14.027c3.445 0 6.658-.642 9.638-1.927a24.94 24.94 0 0 0 7.916-5.332 25.218 25.218 0 0 0 5.373-7.916c1.286-3.008 1.928-6.235 1.928-9.68 0-3.418-.642-6.63-1.928-9.639a24.61 24.61 0 0 0-5.373-7.916 24.94 24.94 0 0 0-7.916-5.332c-2.98-1.285-6.193-1.927-9.638-1.927-3.418 0-6.631.642-9.639 1.927A24.938 24.938 0 0 0 29 29.404a24.938 24.938 0 0 0-5.332 7.916c-1.285 3.008-1.928 6.221-1.928 9.639 0 3.445.643 6.672 1.928 9.68A25.564 25.564 0 0 0 29 64.555a25.066 25.066 0 0 0 7.875 5.332c3.008 1.285 6.234 1.927 9.68 1.927Zm23.214 3.159-6.398-6.194 6.07-6.234 6.399 6.275-6.07 6.153Zm25.102 28.382c-2.105 0-4.02-.861-5.742-2.584L70.057 81.658c-1.668-1.668-2.502-3.582-2.502-5.742 0-1.531.45-2.994 1.353-4.389a11.168 11.168 0 0 1 3.486-3.486c1.45-.902 2.94-1.353 4.471-1.353 2.106 0 3.992.834 5.66 2.501l19.155 19.155c1.668 1.668 2.502 3.568 2.502 5.7 0 1.532-.465 3.009-1.395 4.43a11.155 11.155 0 0 1-3.486 3.487c-1.422.93-2.899 1.394-4.43 1.394Zm0-4.921c.629 0 1.285-.233 1.969-.698a6.452 6.452 0 0 0 1.722-1.722c.465-.684.698-1.34.698-1.97 0-.765-.37-1.517-1.108-2.255L79.08 72.635c-.683-.684-1.422-1.026-2.215-1.026-.629 0-1.285.233-1.968.698a6.722 6.722 0 0 0-1.723 1.681c-.465.656-.697 1.3-.697 1.928 0 .793.369 1.559 1.107 2.297l18.99 19.113c.739.739 1.504 1.108 2.297 1.108ZM39.951 31.25c-.601 0-1.08-.205-1.435-.615-.356-.438-.534-.903-.534-1.395 0-.738.37-1.34 1.108-1.804.328-.22.67-.424 1.025-.616a4.83 4.83 0 0 1 1.23-.492c.383-.11.67-.164.862-.164.547 0 1.025.178 1.436.533.41.356.615.862.615 1.518 0 .875-.492 1.517-1.477 1.928-.246.109-.506.232-.779.369a5.61 5.61 0 0 0-.697.369c-.465.246-.916.369-1.354.369Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: 'e4dc6c3438f4a0945014652eaaae178e63c13f27', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'c4fb9062cabbeafa69589bef41af5416a0e76d48' }, h("path", { key: '6f723d14e0f1014c8c9b7c2906da406a57da5be0', d: "M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), h("path", { key: '6b39d935e977d5ff3f039b3126fce1912e0b1dcb', d: "M46.555 76.736c-4.102 0-7.957-.765-11.567-2.297a30.817 30.817 0 0 1-9.474-6.398 29.887 29.887 0 0 1-6.399-9.475c-1.531-3.609-2.297-7.478-2.297-11.607 0-4.102.766-7.943 2.297-11.525 1.559-3.61 3.692-6.768 6.399-9.475a29.884 29.884 0 0 1 9.474-6.398c3.61-1.559 7.465-2.338 11.567-2.338 4.101 0 7.957.765 11.566 2.297 3.61 1.53 6.768 3.664 9.475 6.398a29.758 29.758 0 0 1 6.398 9.516c1.559 3.582 2.338 7.423 2.338 11.525 0 4.101-.78 7.957-2.338 11.566a29.759 29.759 0 0 1-6.398 9.516c-2.707 2.707-5.866 4.84-9.475 6.398-3.61 1.532-7.465 2.297-11.566 2.297ZM29.45 57.787a20.975 20.975 0 0 1-2.338-5.168 20.94 20.94 0 0 1-.779-5.66c0-3.008.643-5.838 1.928-8.49a22.75 22.75 0 0 1 5.25-6.973c.383-.355.82-.533 1.312-.533.547 0 1.026.219 1.436.656.41.438.615.93.615 1.477 0 .629-.273 1.176-.82 1.64a15.646 15.646 0 0 0-4.143 5.455 15.96 15.96 0 0 0-1.476 6.768c0 1.559.191 3.063.574 4.512.383 1.449.998 2.775 1.845 3.978.274.383.41.807.41 1.272 0 .601-.245 1.094-.738 1.476-.492.383-.984.575-1.476.575-.656 0-1.19-.329-1.6-.985Zm17.104 14.027c3.445 0 6.658-.642 9.638-1.927a24.94 24.94 0 0 0 7.916-5.332 25.218 25.218 0 0 0 5.373-7.916c1.286-3.008 1.928-6.235 1.928-9.68 0-3.418-.642-6.63-1.928-9.639a24.61 24.61 0 0 0-5.373-7.916 24.94 24.94 0 0 0-7.916-5.332c-2.98-1.285-6.193-1.927-9.638-1.927-3.418 0-6.631.642-9.639 1.927A24.938 24.938 0 0 0 29 29.404a24.938 24.938 0 0 0-5.332 7.916c-1.285 3.008-1.928 6.221-1.928 9.639 0 3.445.643 6.672 1.928 9.68A25.564 25.564 0 0 0 29 64.555a25.066 25.066 0 0 0 7.875 5.332c3.008 1.285 6.234 1.927 9.68 1.927Zm23.214 3.159-6.398-6.194 6.07-6.234 6.399 6.275-6.07 6.153Zm25.102 28.382c-2.105 0-4.02-.861-5.742-2.584L70.057 81.658c-1.668-1.668-2.502-3.582-2.502-5.742 0-1.531.45-2.994 1.353-4.389a11.168 11.168 0 0 1 3.486-3.486c1.45-.902 2.94-1.353 4.471-1.353 2.106 0 3.992.834 5.66 2.501l19.155 19.155c1.668 1.668 2.502 3.568 2.502 5.7 0 1.532-.465 3.009-1.395 4.43a11.155 11.155 0 0 1-3.486 3.487c-1.422.93-2.899 1.394-4.43 1.394Zm0-4.921c.629 0 1.285-.233 1.969-.698a6.452 6.452 0 0 0 1.722-1.722c.465-.684.698-1.34.698-1.97 0-.765-.37-1.517-1.108-2.255L79.08 72.635c-.683-.684-1.422-1.026-2.215-1.026-.629 0-1.285.233-1.968.698a6.722 6.722 0 0 0-1.723 1.681c-.465.656-.697 1.3-.697 1.928 0 .793.369 1.559 1.107 2.297l18.99 19.113c.739.739 1.504 1.108 2.297 1.108ZM39.951 31.25c-.601 0-1.08-.205-1.435-.615-.356-.438-.534-.903-.534-1.395 0-.738.37-1.34 1.108-1.804.328-.22.67-.424 1.025-.616a4.83 4.83 0 0 1 1.23-.492c.383-.11.67-.164.862-.164.547 0 1.025.178 1.436.533.41.356.615.862.615 1.518 0 .875-.492 1.517-1.477 1.928-.246.109-.506.232-.779.369a5.61 5.61 0 0 0-.697.369c-.465.246-.916.369-1.354.369Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-shifts.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationShifts {
     render() {
-        return (h("svg", { key: 'bd3b97eedc1b725d658e0927f5c96e8d14210d7c', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'b1d6e97bf5e1ef78fd4a4ca8ded70fa5c5d13073' }, h("path", { key: '5142377d83233f794d233c2d1f430fb84bb386ed', d: "M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-kiwi-surface-subdued)" }), h("path", { key: '8b39a2d6ddb1ec3bb73ef0eceaa631aa86b81eb4', d: "M16.422 96.766V24.148l85.156-.039v72.657H16.422Zm14.765-12.188h5.938v-4.726h-5.938v4.726Zm0-7.07h5.938v-4.766h-5.938v4.766Zm8.282 7.07h5.898v-4.726H39.47v4.726Zm-8.282-14.18h5.938v-4.726h-5.938v4.726Zm8.282 7.11h5.898v-4.766H39.47v4.766Zm8.281 7.07h5.898v-4.726H47.75v4.726ZM31.187 63.29h5.938v-4.727h-5.938v4.727Zm8.282 7.11h5.898v-4.727H39.47v4.726Zm8.281 7.109h5.898v-4.766H47.75v4.766Zm8.281 7.07h5.899v-4.726H56.03v4.726ZM31.188 56.18h5.937v-4.727h-5.938v4.727Zm8.28 7.11h5.9v-4.727h-5.9v4.726Zm8.282 7.108h5.898v-4.726H47.75v4.726Zm8.281 7.11h5.899v-4.766H56.03v4.766Zm8.282 7.07h5.898v-4.726h-5.898v4.726ZM39.468 56.18h5.898v-4.727H39.47v4.727Zm8.281 7.11h5.898v-4.727H47.75v4.726ZM28.883 86.96V49.11h60.195v37.85H28.883ZM56.03 70.399h5.899v-4.726H56.03v4.726Zm8.282 7.11h5.898v-4.766h-5.898v4.766Zm8.242 7.07h5.898v-4.726h-5.898v4.726Zm-43.633-47.46c-.886 0-1.667-.313-2.344-.938-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.911 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937ZM47.75 56.18h5.898v-4.727H47.75v4.727Zm8.281 7.11h5.899v-4.727H56.03v4.726ZM21.11 92.077h75.782V28.836H21.109v63.242Zm43.203-21.68h5.899v-4.726h-5.898v4.726Zm8.243 7.11h5.898v-4.766h-5.898v4.766Zm8.28 7.07h5.9v-4.726h-5.9v4.726ZM56.032 56.18h5.899v-4.727H56.03v4.727Zm-15.39-19.063c-.886 0-1.667-.312-2.344-.937-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.344-.976.911 0 1.692.325 2.343.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.343.937ZM64.313 63.29h5.898v-4.727h-5.898v4.727ZM27.28 32.195a12.656 12.656 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.171-1.823 2.786-2.734 4.843-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742H36.54c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.274 1.64h-3.36Zm45.274 38.203h5.898v-4.726h-5.898v4.726Zm8.28 7.11h5.9v-4.766h-5.9v4.766ZM64.314 56.18h5.898v-4.727h-5.898v4.727Zm8.242 7.11h5.898v-4.727h-5.898v4.726Zm8.28 7.108h5.9v-4.726h-5.9v4.726Zm-61.991-26.25v-4.687h79.648v4.687H18.844Zm33.515-7.03c-.885 0-1.666-.313-2.343-.938-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.343-.976.912 0 1.693.325 2.344.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.344.937ZM39 32.194a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.585-5.937 1.757-7.734 1.172-1.823 2.787-2.734 4.844-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.546-.729-1.237-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.273 1.64H39ZM72.555 56.18h5.898v-4.727h-5.898v4.727Zm8.28 7.11h5.9v-4.727h-5.9v4.726ZM64.079 37.116c-.885 0-1.667-.312-2.344-.937-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.912 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937ZM80.836 56.18h5.898v-4.727h-5.898v4.727ZM50.719 32.195a12.635 12.635 0 0 1-.235-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.786-2.734 4.844-2.734 1.614 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.547-.729-1.237-1.093-2.07-1.093-1.328 0-2.214.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.169 1.093.273 1.64h-3.36Zm25.078 4.922c-.885 0-1.667-.312-2.344-.937-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.911 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937Zm-13.36-4.922a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.786-2.734 4.844-2.734 1.614 0 3.072.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.399c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.442 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.079.547.17 1.093.274 1.64h-3.36Zm25.079 4.922c-.886 0-1.667-.312-2.344-.937-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.344-.976.911 0 1.692.325 2.343.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.343.937Zm-13.36-4.922a12.656 12.656 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.171-1.823 2.786-2.734 4.843-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.993 3.216 1.993 5.742h-3.399c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.274 1.64h-3.36Zm11.719 0a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.079-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.787-2.734 4.844-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.273 1.64h-3.359Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: '403679e7c1b24e22fa9faf09287bd3826db55ea7', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'd434545fb337038cde7b529d3a82f34466a67c7b' }, h("path", { key: '2c124d51a783128be44992230c0c0be917d2a977', d: "M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-kiwi-surface-subdued)" }), h("path", { key: '9cc2129a56ff1cef7218aa4a1e2b0aeeac91796f', d: "M16.422 96.766V24.148l85.156-.039v72.657H16.422Zm14.765-12.188h5.938v-4.726h-5.938v4.726Zm0-7.07h5.938v-4.766h-5.938v4.766Zm8.282 7.07h5.898v-4.726H39.47v4.726Zm-8.282-14.18h5.938v-4.726h-5.938v4.726Zm8.282 7.11h5.898v-4.766H39.47v4.766Zm8.281 7.07h5.898v-4.726H47.75v4.726ZM31.187 63.29h5.938v-4.727h-5.938v4.727Zm8.282 7.11h5.898v-4.727H39.47v4.726Zm8.281 7.109h5.898v-4.766H47.75v4.766Zm8.281 7.07h5.899v-4.726H56.03v4.726ZM31.188 56.18h5.937v-4.727h-5.938v4.727Zm8.28 7.11h5.9v-4.727h-5.9v4.726Zm8.282 7.108h5.898v-4.726H47.75v4.726Zm8.281 7.11h5.899v-4.766H56.03v4.766Zm8.282 7.07h5.898v-4.726h-5.898v4.726ZM39.468 56.18h5.898v-4.727H39.47v4.727Zm8.281 7.11h5.898v-4.727H47.75v4.726ZM28.883 86.96V49.11h60.195v37.85H28.883ZM56.03 70.399h5.899v-4.726H56.03v4.726Zm8.282 7.11h5.898v-4.766h-5.898v4.766Zm8.242 7.07h5.898v-4.726h-5.898v4.726Zm-43.633-47.46c-.886 0-1.667-.313-2.344-.938-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.911 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937ZM47.75 56.18h5.898v-4.727H47.75v4.727Zm8.281 7.11h5.899v-4.727H56.03v4.726ZM21.11 92.077h75.782V28.836H21.109v63.242Zm43.203-21.68h5.899v-4.726h-5.898v4.726Zm8.243 7.11h5.898v-4.766h-5.898v4.766Zm8.28 7.07h5.9v-4.726h-5.9v4.726ZM56.032 56.18h5.899v-4.727H56.03v4.727Zm-15.39-19.063c-.886 0-1.667-.312-2.344-.937-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.344-.976.911 0 1.692.325 2.343.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.343.937ZM64.313 63.29h5.898v-4.727h-5.898v4.727ZM27.28 32.195a12.656 12.656 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.171-1.823 2.786-2.734 4.843-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742H36.54c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.274 1.64h-3.36Zm45.274 38.203h5.898v-4.726h-5.898v4.726Zm8.28 7.11h5.9v-4.766h-5.9v4.766ZM64.314 56.18h5.898v-4.727h-5.898v4.727Zm8.242 7.11h5.898v-4.727h-5.898v4.726Zm8.28 7.108h5.9v-4.726h-5.9v4.726Zm-61.991-26.25v-4.687h79.648v4.687H18.844Zm33.515-7.03c-.885 0-1.666-.313-2.343-.938-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.343-.976.912 0 1.693.325 2.344.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.344.937ZM39 32.194a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.585-5.937 1.757-7.734 1.172-1.823 2.787-2.734 4.844-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.546-.729-1.237-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.273 1.64H39ZM72.555 56.18h5.898v-4.727h-5.898v4.727Zm8.28 7.11h5.9v-4.727h-5.9v4.726ZM64.079 37.116c-.885 0-1.667-.312-2.344-.937-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.912 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937ZM80.836 56.18h5.898v-4.727h-5.898v4.727ZM50.719 32.195a12.635 12.635 0 0 1-.235-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.786-2.734 4.844-2.734 1.614 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.547-.729-1.237-1.093-2.07-1.093-1.328 0-2.214.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.169 1.093.273 1.64h-3.36Zm25.078 4.922c-.885 0-1.667-.312-2.344-.937-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.911 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937Zm-13.36-4.922a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.786-2.734 4.844-2.734 1.614 0 3.072.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.399c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.442 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.079.547.17 1.093.274 1.64h-3.36Zm25.079 4.922c-.886 0-1.667-.312-2.344-.937-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.344-.976.911 0 1.692.325 2.343.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.343.937Zm-13.36-4.922a12.656 12.656 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.171-1.823 2.786-2.734 4.843-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.993 3.216 1.993 5.742h-3.399c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.274 1.64h-3.36Zm11.719 0a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.079-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.787-2.734 4.844-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.273 1.64h-3.359Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-shifts"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-sorry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationSorry {
     render() {
-        return (h("svg", { key: '595f5378f1e8ce0fd57d052fe2cf79b1f1433e9c', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ac3a7c0e52f09465e8f208df08845dc19121dfe7' }, h("path", { key: '9f53ac113fccd22007a4e5982505d41ed5fdcfc3', d: "M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-banana-surface-subdued)" }), h("path", { key: 'd5af1c5e4288a13e572f3a841af0e3c4218109bc', d: "M89.887 95.625c-3.401 0-6.098-.707-8.091-2.12-1.966-1.413-3.374-3.293-4.225-5.64-.85-2.32-1.275-4.88-1.275-7.68 0-4.186.824-8.68 2.471-13.48 1.647-4.826 3.959-9.506 6.935-14.04 1.169-1.76 2.285-3.106 3.348-4.04 1.089-.96 2.271-1.44 3.547-1.44.266 0 .518.027.757.08.24.027.492.067.757.12 2.046-2.773 3.733-4.666 5.062-5.68 1.355-1.013 2.763-1.52 4.224-1.52 1.674 0 3.149.56 4.424 1.68 1.276 1.093 1.913 2.573 1.913 4.44 0 2.32-.611 4.534-1.833 6.64-1.222 2.08-2.71 4.213-4.464 6.4-1.966 2.453-3.587 4.64-4.862 6.56s-2.219 3.8-2.83 5.64c-.61 1.814-.916 3.827-.916 6.04h-4.584c0-2.533.359-4.893 1.076-7.08.744-2.213 1.834-4.44 3.269-6.68 1.46-2.24 3.254-4.707 5.38-7.4a62.246 62.246 0 0 0 3.906-5.44c1.116-1.76 1.674-3.293 1.674-4.6 0-.666-.213-1.2-.638-1.6-.425-.4-1.036-.6-1.833-.6-.558 0-1.116.187-1.674.56-.558.373-1.262 1.08-2.113 2.12-.823 1.014-1.926 2.533-3.308 4.56-.743-.16-1.408-.24-1.992-.24-1.063 0-1.887.32-2.471.96-.558.613-1.223 1.56-1.993 2.84-2.073 3.44-3.747 6.574-5.022 9.4-1.275 2.8-2.205 5.48-2.79 8.04a35.975 35.975 0 0 0-.837 7.76c0 3.227.625 5.907 1.873 8.04 1.276 2.134 3.654 3.2 7.135 3.2 2.258 0 4.105-.52 5.54-1.56a9.236 9.236 0 0 0 3.228-4.04 13.256 13.256 0 0 0 1.036-5.16c0-2.373-.186-4.76-.558-7.16a20.928 20.928 0 0 0-2.352-6.88l3.11-4.12c1.434 2.88 2.523 5.96 3.267 9.24.744 3.28 1.116 6.254 1.116 8.92 0 2.694-.571 5.173-1.713 7.44a13.528 13.528 0 0 1-4.943 5.44c-2.125 1.387-4.702 2.08-7.731 2.08Zm-59.305 0c-3.029 0-5.62-.693-7.771-2.08a13.618 13.618 0 0 1-4.903-5.44c-1.142-2.267-1.713-4.746-1.713-7.44 0-2.666.372-5.64 1.116-8.92.744-3.28 1.833-6.36 3.268-9.24l3.108 4.12a20.93 20.93 0 0 0-2.351 6.88 46.684 46.684 0 0 0-.558 7.16c0 1.787.345 3.507 1.036 5.16a9.34 9.34 0 0 0 3.189 4.04c1.46 1.04 3.32 1.56 5.58 1.56 3.48 0 5.845-1.066 7.093-3.2 1.276-2.133 1.913-4.813 1.913-8.04 0-2.64-.292-5.227-.876-7.76-.558-2.56-1.475-5.24-2.75-8.04-1.25-2.827-2.923-5.96-5.022-9.4-.77-1.28-1.435-2.227-1.993-2.84-.558-.64-1.381-.96-2.47-.96-.559 0-1.223.08-1.994.24-1.381-2.026-2.497-3.546-3.347-4.56-.824-1.04-1.515-1.747-2.073-2.12s-1.116-.56-1.674-.56c-.797 0-1.408.2-1.833.6-.425.4-.638.934-.638 1.6 0 1.307.558 2.84 1.674 4.6a75.932 75.932 0 0 0 3.906 5.44c2.152 2.694 3.946 5.16 5.38 7.4 1.435 2.24 2.511 4.467 3.229 6.68.744 2.187 1.116 4.547 1.116 7.08H25.64c0-2.213-.305-4.226-.916-6.04-.611-1.84-1.555-3.72-2.83-5.64-1.249-1.92-2.87-4.107-4.862-6.56-1.754-2.187-3.242-4.32-4.464-6.4-1.223-2.106-1.834-4.32-1.834-6.64 0-1.867.638-3.346 1.914-4.44 1.275-1.12 2.75-1.68 4.423-1.68 1.462 0 2.857.507 4.185 1.52 1.355 1.014 3.056 2.907 5.102 5.68.265-.053.518-.093.757-.12.239-.053.491-.08.757-.08 1.276 0 2.458.48 3.547 1.44 1.09.934 2.205 2.28 3.348 4.04 3.002 4.534 5.314 9.214 6.935 14.04 1.647 4.8 2.47 9.294 2.47 13.48 0 2.8-.424 5.36-1.274 7.68-.85 2.347-2.272 4.227-4.265 5.64-1.966 1.413-4.65 2.12-8.05 2.12Zm29.652-3.52c-3.826 0-7.479-.133-10.96-.4-3.454-.266-6.695-.666-9.724-1.2l2.192-4c2.736.4 5.646.707 8.728.92 3.109.213 6.364.32 9.764.32 3.401 0 6.643-.107 9.725-.32 3.109-.213 6.031-.52 8.768-.92l2.192 4c-3.029.534-6.284.934-9.764 1.2-3.454.267-7.094.4-10.92.4Zm0-28.96c-1.355 0-2.47-.2-3.347-.6-.877-.427-1.316-1.173-1.316-2.24 0-1.173.452-2.16 1.355-2.96.904-.826 2.006-1.24 3.308-1.24 1.329 0 2.432.414 3.308 1.24.904.8 1.355 1.787 1.355 2.96 0 1.067-.438 1.813-1.315 2.24-.877.4-1.992.6-3.348.6Zm-10.561-9.76c-1.036 0-1.927-.4-2.67-1.2-.744-.827-1.116-1.933-1.116-3.32 0-1.413.372-2.52 1.116-3.32.743-.8 1.634-1.2 2.67-1.2 1.063 0 1.953.4 2.67 1.2.744.8 1.116 1.907 1.116 3.32 0 1.387-.372 2.493-1.116 3.32-.717.8-1.607 1.2-2.67 1.2Zm21.123 0c-1.063 0-1.966-.4-2.71-1.2-.718-.827-1.076-1.933-1.076-3.32 0-1.413.358-2.52 1.076-3.32.744-.8 1.647-1.2 2.71-1.2 1.036 0 1.926.4 2.67 1.2.744.8 1.116 1.907 1.116 3.32 0 1.387-.372 2.493-1.116 3.32-.744.8-1.634 1.2-2.67 1.2Zm-39.058-2-3.786-2.76c2.843-4.533 5.46-8.386 7.851-11.56 2.418-3.173 4.823-5.746 7.214-7.72 2.418-1.973 5.008-3.413 7.772-4.32 2.763-.933 5.912-1.4 9.445-1.4 3.534 0 6.683.467 9.446 1.4 2.763.907 5.34 2.347 7.732 4.32 2.418 1.974 4.836 4.547 7.254 7.72 2.418 3.174 5.035 7.027 7.851 11.56l-3.786 2.76c-2.55-4.213-4.876-7.8-6.975-10.76-2.072-2.96-4.145-5.36-6.217-7.2-2.073-1.866-4.331-3.226-6.776-4.08-2.444-.88-5.287-1.32-8.529-1.32-3.241 0-6.084.44-8.529 1.32-2.444.854-4.702 2.213-6.775 4.08-2.072 1.84-4.158 4.24-6.257 7.2-2.073 2.96-4.384 6.547-6.935 10.76Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: 'da955a98d0ab22997518048ebf5a9e7b42c92ad9', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '62bcb855c0cd87993be7ee9f09b68d122fedb304' }, h("path", { key: '5c599344b945440990eeb95a96e3200606a96ce3', d: "M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-banana-surface-subdued)" }), h("path", { key: 'fdf97b1ded33930e3f4dd6335996c4436728576b', d: "M89.887 95.625c-3.401 0-6.098-.707-8.091-2.12-1.966-1.413-3.374-3.293-4.225-5.64-.85-2.32-1.275-4.88-1.275-7.68 0-4.186.824-8.68 2.471-13.48 1.647-4.826 3.959-9.506 6.935-14.04 1.169-1.76 2.285-3.106 3.348-4.04 1.089-.96 2.271-1.44 3.547-1.44.266 0 .518.027.757.08.24.027.492.067.757.12 2.046-2.773 3.733-4.666 5.062-5.68 1.355-1.013 2.763-1.52 4.224-1.52 1.674 0 3.149.56 4.424 1.68 1.276 1.093 1.913 2.573 1.913 4.44 0 2.32-.611 4.534-1.833 6.64-1.222 2.08-2.71 4.213-4.464 6.4-1.966 2.453-3.587 4.64-4.862 6.56s-2.219 3.8-2.83 5.64c-.61 1.814-.916 3.827-.916 6.04h-4.584c0-2.533.359-4.893 1.076-7.08.744-2.213 1.834-4.44 3.269-6.68 1.46-2.24 3.254-4.707 5.38-7.4a62.246 62.246 0 0 0 3.906-5.44c1.116-1.76 1.674-3.293 1.674-4.6 0-.666-.213-1.2-.638-1.6-.425-.4-1.036-.6-1.833-.6-.558 0-1.116.187-1.674.56-.558.373-1.262 1.08-2.113 2.12-.823 1.014-1.926 2.533-3.308 4.56-.743-.16-1.408-.24-1.992-.24-1.063 0-1.887.32-2.471.96-.558.613-1.223 1.56-1.993 2.84-2.073 3.44-3.747 6.574-5.022 9.4-1.275 2.8-2.205 5.48-2.79 8.04a35.975 35.975 0 0 0-.837 7.76c0 3.227.625 5.907 1.873 8.04 1.276 2.134 3.654 3.2 7.135 3.2 2.258 0 4.105-.52 5.54-1.56a9.236 9.236 0 0 0 3.228-4.04 13.256 13.256 0 0 0 1.036-5.16c0-2.373-.186-4.76-.558-7.16a20.928 20.928 0 0 0-2.352-6.88l3.11-4.12c1.434 2.88 2.523 5.96 3.267 9.24.744 3.28 1.116 6.254 1.116 8.92 0 2.694-.571 5.173-1.713 7.44a13.528 13.528 0 0 1-4.943 5.44c-2.125 1.387-4.702 2.08-7.731 2.08Zm-59.305 0c-3.029 0-5.62-.693-7.771-2.08a13.618 13.618 0 0 1-4.903-5.44c-1.142-2.267-1.713-4.746-1.713-7.44 0-2.666.372-5.64 1.116-8.92.744-3.28 1.833-6.36 3.268-9.24l3.108 4.12a20.93 20.93 0 0 0-2.351 6.88 46.684 46.684 0 0 0-.558 7.16c0 1.787.345 3.507 1.036 5.16a9.34 9.34 0 0 0 3.189 4.04c1.46 1.04 3.32 1.56 5.58 1.56 3.48 0 5.845-1.066 7.093-3.2 1.276-2.133 1.913-4.813 1.913-8.04 0-2.64-.292-5.227-.876-7.76-.558-2.56-1.475-5.24-2.75-8.04-1.25-2.827-2.923-5.96-5.022-9.4-.77-1.28-1.435-2.227-1.993-2.84-.558-.64-1.381-.96-2.47-.96-.559 0-1.223.08-1.994.24-1.381-2.026-2.497-3.546-3.347-4.56-.824-1.04-1.515-1.747-2.073-2.12s-1.116-.56-1.674-.56c-.797 0-1.408.2-1.833.6-.425.4-.638.934-.638 1.6 0 1.307.558 2.84 1.674 4.6a75.932 75.932 0 0 0 3.906 5.44c2.152 2.694 3.946 5.16 5.38 7.4 1.435 2.24 2.511 4.467 3.229 6.68.744 2.187 1.116 4.547 1.116 7.08H25.64c0-2.213-.305-4.226-.916-6.04-.611-1.84-1.555-3.72-2.83-5.64-1.249-1.92-2.87-4.107-4.862-6.56-1.754-2.187-3.242-4.32-4.464-6.4-1.223-2.106-1.834-4.32-1.834-6.64 0-1.867.638-3.346 1.914-4.44 1.275-1.12 2.75-1.68 4.423-1.68 1.462 0 2.857.507 4.185 1.52 1.355 1.014 3.056 2.907 5.102 5.68.265-.053.518-.093.757-.12.239-.053.491-.08.757-.08 1.276 0 2.458.48 3.547 1.44 1.09.934 2.205 2.28 3.348 4.04 3.002 4.534 5.314 9.214 6.935 14.04 1.647 4.8 2.47 9.294 2.47 13.48 0 2.8-.424 5.36-1.274 7.68-.85 2.347-2.272 4.227-4.265 5.64-1.966 1.413-4.65 2.12-8.05 2.12Zm29.652-3.52c-3.826 0-7.479-.133-10.96-.4-3.454-.266-6.695-.666-9.724-1.2l2.192-4c2.736.4 5.646.707 8.728.92 3.109.213 6.364.32 9.764.32 3.401 0 6.643-.107 9.725-.32 3.109-.213 6.031-.52 8.768-.92l2.192 4c-3.029.534-6.284.934-9.764 1.2-3.454.267-7.094.4-10.92.4Zm0-28.96c-1.355 0-2.47-.2-3.347-.6-.877-.427-1.316-1.173-1.316-2.24 0-1.173.452-2.16 1.355-2.96.904-.826 2.006-1.24 3.308-1.24 1.329 0 2.432.414 3.308 1.24.904.8 1.355 1.787 1.355 2.96 0 1.067-.438 1.813-1.315 2.24-.877.4-1.992.6-3.348.6Zm-10.561-9.76c-1.036 0-1.927-.4-2.67-1.2-.744-.827-1.116-1.933-1.116-3.32 0-1.413.372-2.52 1.116-3.32.743-.8 1.634-1.2 2.67-1.2 1.063 0 1.953.4 2.67 1.2.744.8 1.116 1.907 1.116 3.32 0 1.387-.372 2.493-1.116 3.32-.717.8-1.607 1.2-2.67 1.2Zm21.123 0c-1.063 0-1.966-.4-2.71-1.2-.718-.827-1.076-1.933-1.076-3.32 0-1.413.358-2.52 1.076-3.32.744-.8 1.647-1.2 2.71-1.2 1.036 0 1.926.4 2.67 1.2.744.8 1.116 1.907 1.116 3.32 0 1.387-.372 2.493-1.116 3.32-.744.8-1.634 1.2-2.67 1.2Zm-39.058-2-3.786-2.76c2.843-4.533 5.46-8.386 7.851-11.56 2.418-3.173 4.823-5.746 7.214-7.72 2.418-1.973 5.008-3.413 7.772-4.32 2.763-.933 5.912-1.4 9.445-1.4 3.534 0 6.683.467 9.446 1.4 2.763.907 5.34 2.347 7.732 4.32 2.418 1.974 4.836 4.547 7.254 7.72 2.418 3.174 5.035 7.027 7.851 11.56l-3.786 2.76c-2.55-4.213-4.876-7.8-6.975-10.76-2.072-2.96-4.145-5.36-6.217-7.2-2.073-1.866-4.331-3.226-6.776-4.08-2.444-.88-5.287-1.32-8.529-1.32-3.241 0-6.084.44-8.529 1.32-2.444.854-4.702 2.213-6.775 4.08-2.072 1.84-4.158 4.24-6.257 7.2-2.073 2.96-4.384 6.547-6.935 10.76Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-sorry"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-start.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationStart {
     render() {
-        return (h("svg", { key: '7f261e4d7487c49b21e4ac9981d3ded68c2e8138', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '0aecc575ef846880466442ed1e9700b7846cd36d' }, h("path", { key: 'bd534060278d5db41e12622ea95c6e7a51c2ab2c', d: "M92.78 55.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 30.14 3.812 49.433 8.8 62.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-kiwi-surface-subdued)" }), h("path", { key: 'b33833f33759f37a760d5907d52650b9d49eaa88', d: "m29.452 74.045-1.932-2.444c3.312-2.654 6.374-4.783 9.186-6.387 2.812-1.603 5.545-2.76 8.2-3.469a31.43 31.43 0 0 1 8.358-1.104c2.391 0 4.652.25 6.78.75a83.183 83.183 0 0 1 6.348 1.655c2.076.605 4.192 1.157 6.347 1.656 2.155.473 4.428.71 6.82.71 2.55 0 5.296-.474 8.24-1.42 2.943-.972 5.965-2.588 9.067-4.849l-9.068-36.269c-2.313 1.998-5.046 3.627-8.2 4.889-3.127 1.261-6.623 1.892-10.486 1.892-2.707 0-5.23-.368-7.57-1.104a71.138 71.138 0 0 1-6.74-2.523 66.834 66.834 0 0 0-6.584-2.563c-2.234-.735-4.613-1.104-7.136-1.104-2.576 0-5.309.723-8.2 2.169-2.891 1.445-5.94 3.771-9.146 6.978l-.513-3.706c2.891-2.76 5.822-4.875 8.792-6.347 2.97-1.498 5.992-2.247 9.067-2.247 2.76 0 5.296.368 7.609 1.104a59.274 59.274 0 0 1 6.662 2.562 72.298 72.298 0 0 0 6.505 2.523c2.234.736 4.652 1.104 7.254 1.104 3.89 0 7.424-.736 10.605-2.208 3.18-1.498 6.478-3.929 9.895-7.293l10.802 43.326c-1.498 1.288-3.338 2.576-5.52 3.863-2.181 1.262-4.586 2.313-7.214 3.154a27.018 27.018 0 0 1-8.121 1.222c-3.312 0-6.426-.394-9.343-1.182a730.713 730.713 0 0 1-8.476-2.366 29.782 29.782 0 0 0-8.476-1.222c-2.602 0-5.112.329-7.53.986-2.392.657-4.889 1.734-7.49 3.232-2.602 1.498-5.533 3.51-8.792 6.032ZM31.384 99c-.447 0-.88-.145-1.301-.434-.394-.289-.644-.84-.75-1.655L20.03 24.254c-.105-.894.066-1.538.512-1.932.447-.42.947-.63 1.499-.63.446 0 .84.144 1.182.433.368.263.605.775.71 1.538l9.304 72.656c.131.973-.013 1.656-.434 2.05-.42.42-.893.631-1.42.631Zm-3.942-35.993-.907-8.95c2.365-1.787 4.52-3.166 6.465-4.139a43.988 43.988 0 0 1 5.756-2.404l1.34 8.436c-2.312.815-4.415 1.774-6.307 2.878-1.893 1.077-4.008 2.47-6.347 4.179Zm14.192 2.68-1.538-9.737a28.902 28.902 0 0 1 4.14-1.064 25.073 25.073 0 0 1 4.415-.395c.605 0 1.235.014 1.892.04.657.026 1.367.066 2.13.118l1.26 7.885-6.386-.316-5.913 3.47ZM25.589 46.094l-1.104-8.318c2.181-1.814 4.179-3.206 5.992-4.179a33.242 33.242 0 0 1 5.677-2.365l1.301 8.16c-2.313.736-4.363 1.63-6.15 2.681-1.787 1.051-3.693 2.392-5.716 4.021Zm13.167 1.42-1.301-8.122a23.186 23.186 0 0 1 3.903-.828c1.42-.21 2.917-.315 4.494-.315a29.2 29.2 0 0 1 1.971.079c.763.052 1.525.118 2.287.197l1.261 8.003c-1.366-.158-2.562-.237-3.587-.237-1.866 0-3.561.119-5.086.355-1.498.237-2.812.526-3.942.867Zm24.955 9.303a191.46 191.46 0 0 0-6.426-1.419c-1.84-.394-3.377-.644-4.613-.749l-1.3-8.121c1.629.184 3.364.473 5.203.867 1.84.368 3.72.775 5.638 1.222l1.498 8.2Zm13.246 11.157-11.709-2.878-1.537-8.279c1.63.395 3.364.736 5.204 1.025 1.866.263 3.916.395 6.15.395l1.892 9.737ZM36.154 31.232l-1.34-8.555 5.006-1.774 7.727 1.459 1.34 8.436a32.85 32.85 0 0 0-3.074-.394 25.092 25.092 0 0 0-2.681-.158c-1.262 0-2.484.092-3.666.276-1.183.184-2.287.42-3.312.71Zm24.6 9.382a195.445 195.445 0 0 0-5.4-1.182 94.323 94.323 0 0 0-5.244-.907l-1.222-7.727c1.577.263 3.193.591 4.849.986 1.655.394 3.535.867 5.637 1.419l1.38 7.411Zm12.734 9.462c-1.84 0-3.798-.145-5.874-.434-2.077-.315-3.877-.657-5.401-1.025l-1.459-8.003c1.524.342 3.272.67 5.243.986 1.998.315 3.969.473 5.914.473l1.577 8.003Zm1.577 8.16-1.577-8.16c1.472 0 3.088-.131 4.849-.394 1.76-.263 3.6-.723 5.519-1.38l1.735 8.121a42.066 42.066 0 0 1-5.362 1.34c-1.76.316-3.482.474-5.164.474Zm12.576 7.846-2.05-9.659a50.857 50.857 0 0 0 4.691-1.932c1.63-.762 3.561-1.866 5.795-3.311l2.05 8.712-10.486 6.19Zm-17.189-31.42c-2.339 0-4.428-.158-6.268-.474a72.648 72.648 0 0 1-4.81-.985l-1.143-6.229 11.038 1.695 1.183 5.992Zm1.459 7.411-1.459-7.412c1.761-.052 3.483-.289 5.165-.71a32.223 32.223 0 0 0 4.81-1.576l1.694 7.806c-1.419.552-3.048 1.012-4.888 1.38-1.84.341-3.614.512-5.322.512Zm11.945 6.229-1.735-8.121c1.34-.552 2.826-1.301 4.455-2.247a39.054 39.054 0 0 0 4.889-3.39l2.09 8.83a46.897 46.897 0 0 1-4.613 2.68 52.962 52.962 0 0 1-5.086 2.248Zm-3.43-15.927-1.104-5.164 8.555-6.19 1.459 5.677c-1.709 1.393-3.272 2.523-4.692 3.39a50.803 50.803 0 0 1-4.218 2.287Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: 'c926d3a80309541fbf746bfb3f6f0989386e59db', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'c367b0f418c465ab452b4ce81d2dd76fcd867b7d' }, h("path", { key: 'bd995d329f8f3c3d063908627cf4e3cf953132bd', d: "M92.78 55.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 30.14 3.812 49.433 8.8 62.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-kiwi-surface-subdued)" }), h("path", { key: 'd3d23c1870a063ca6dabe256de1a8b22ceba7002', d: "m29.452 74.045-1.932-2.444c3.312-2.654 6.374-4.783 9.186-6.387 2.812-1.603 5.545-2.76 8.2-3.469a31.43 31.43 0 0 1 8.358-1.104c2.391 0 4.652.25 6.78.75a83.183 83.183 0 0 1 6.348 1.655c2.076.605 4.192 1.157 6.347 1.656 2.155.473 4.428.71 6.82.71 2.55 0 5.296-.474 8.24-1.42 2.943-.972 5.965-2.588 9.067-4.849l-9.068-36.269c-2.313 1.998-5.046 3.627-8.2 4.889-3.127 1.261-6.623 1.892-10.486 1.892-2.707 0-5.23-.368-7.57-1.104a71.138 71.138 0 0 1-6.74-2.523 66.834 66.834 0 0 0-6.584-2.563c-2.234-.735-4.613-1.104-7.136-1.104-2.576 0-5.309.723-8.2 2.169-2.891 1.445-5.94 3.771-9.146 6.978l-.513-3.706c2.891-2.76 5.822-4.875 8.792-6.347 2.97-1.498 5.992-2.247 9.067-2.247 2.76 0 5.296.368 7.609 1.104a59.274 59.274 0 0 1 6.662 2.562 72.298 72.298 0 0 0 6.505 2.523c2.234.736 4.652 1.104 7.254 1.104 3.89 0 7.424-.736 10.605-2.208 3.18-1.498 6.478-3.929 9.895-7.293l10.802 43.326c-1.498 1.288-3.338 2.576-5.52 3.863-2.181 1.262-4.586 2.313-7.214 3.154a27.018 27.018 0 0 1-8.121 1.222c-3.312 0-6.426-.394-9.343-1.182a730.713 730.713 0 0 1-8.476-2.366 29.782 29.782 0 0 0-8.476-1.222c-2.602 0-5.112.329-7.53.986-2.392.657-4.889 1.734-7.49 3.232-2.602 1.498-5.533 3.51-8.792 6.032ZM31.384 99c-.447 0-.88-.145-1.301-.434-.394-.289-.644-.84-.75-1.655L20.03 24.254c-.105-.894.066-1.538.512-1.932.447-.42.947-.63 1.499-.63.446 0 .84.144 1.182.433.368.263.605.775.71 1.538l9.304 72.656c.131.973-.013 1.656-.434 2.05-.42.42-.893.631-1.42.631Zm-3.942-35.993-.907-8.95c2.365-1.787 4.52-3.166 6.465-4.139a43.988 43.988 0 0 1 5.756-2.404l1.34 8.436c-2.312.815-4.415 1.774-6.307 2.878-1.893 1.077-4.008 2.47-6.347 4.179Zm14.192 2.68-1.538-9.737a28.902 28.902 0 0 1 4.14-1.064 25.073 25.073 0 0 1 4.415-.395c.605 0 1.235.014 1.892.04.657.026 1.367.066 2.13.118l1.26 7.885-6.386-.316-5.913 3.47ZM25.589 46.094l-1.104-8.318c2.181-1.814 4.179-3.206 5.992-4.179a33.242 33.242 0 0 1 5.677-2.365l1.301 8.16c-2.313.736-4.363 1.63-6.15 2.681-1.787 1.051-3.693 2.392-5.716 4.021Zm13.167 1.42-1.301-8.122a23.186 23.186 0 0 1 3.903-.828c1.42-.21 2.917-.315 4.494-.315a29.2 29.2 0 0 1 1.971.079c.763.052 1.525.118 2.287.197l1.261 8.003c-1.366-.158-2.562-.237-3.587-.237-1.866 0-3.561.119-5.086.355-1.498.237-2.812.526-3.942.867Zm24.955 9.303a191.46 191.46 0 0 0-6.426-1.419c-1.84-.394-3.377-.644-4.613-.749l-1.3-8.121c1.629.184 3.364.473 5.203.867 1.84.368 3.72.775 5.638 1.222l1.498 8.2Zm13.246 11.157-11.709-2.878-1.537-8.279c1.63.395 3.364.736 5.204 1.025 1.866.263 3.916.395 6.15.395l1.892 9.737ZM36.154 31.232l-1.34-8.555 5.006-1.774 7.727 1.459 1.34 8.436a32.85 32.85 0 0 0-3.074-.394 25.092 25.092 0 0 0-2.681-.158c-1.262 0-2.484.092-3.666.276-1.183.184-2.287.42-3.312.71Zm24.6 9.382a195.445 195.445 0 0 0-5.4-1.182 94.323 94.323 0 0 0-5.244-.907l-1.222-7.727c1.577.263 3.193.591 4.849.986 1.655.394 3.535.867 5.637 1.419l1.38 7.411Zm12.734 9.462c-1.84 0-3.798-.145-5.874-.434-2.077-.315-3.877-.657-5.401-1.025l-1.459-8.003c1.524.342 3.272.67 5.243.986 1.998.315 3.969.473 5.914.473l1.577 8.003Zm1.577 8.16-1.577-8.16c1.472 0 3.088-.131 4.849-.394 1.76-.263 3.6-.723 5.519-1.38l1.735 8.121a42.066 42.066 0 0 1-5.362 1.34c-1.76.316-3.482.474-5.164.474Zm12.576 7.846-2.05-9.659a50.857 50.857 0 0 0 4.691-1.932c1.63-.762 3.561-1.866 5.795-3.311l2.05 8.712-10.486 6.19Zm-17.189-31.42c-2.339 0-4.428-.158-6.268-.474a72.648 72.648 0 0 1-4.81-.985l-1.143-6.229 11.038 1.695 1.183 5.992Zm1.459 7.411-1.459-7.412c1.761-.052 3.483-.289 5.165-.71a32.223 32.223 0 0 0 4.81-1.576l1.694 7.806c-1.419.552-3.048 1.012-4.888 1.38-1.84.341-3.614.512-5.322.512Zm11.945 6.229-1.735-8.121c1.34-.552 2.826-1.301 4.455-2.247a39.054 39.054 0 0 0 4.889-3.39l2.09 8.83a46.897 46.897 0 0 1-4.613 2.68 52.962 52.962 0 0 1-5.086 2.248Zm-3.43-15.927-1.104-5.164 8.555-6.19 1.459 5.677c-1.709 1.393-3.272 2.523-4.692 3.39a50.803 50.803 0 0 1-4.218 2.287Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-start"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-tasks.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationTasks {
     render() {
-        return (h("svg", { key: '567ebca153d99c7d0bce79521386cfa06181e45b', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '49e97951f9594544f36ca06d031e764c356a0a63' }, h("path", { key: '35a15d988c61f7e134fe1b6a59641bc904a8a728', d: "M27.59 58.404C13.162 48.234 5.354 36.144 8.813 26.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C24.072 95.788 9.5 80.786 13.492 69.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), h("path", { key: '18ed3b1c2c53234e13f6a7fde43db839009d5a11', d: "M29.844 100.672V30.477h60.312v70.195H29.844Zm11.64-13.281v-3.907H60v3.907H41.484Zm0-9.493v-3.945h37.032v3.945H41.484ZM33.75 96.766h52.5V34.383h-52.5v62.383Zm7.734-28.399v-3.906h37.032v3.906H41.484Zm0-9.492V54.93h37.032v3.945H41.484Zm0-9.531v-3.907h37.032v3.907H41.484Zm3.438-11.914c-.495 0-.925-.183-1.29-.547a1.832 1.832 0 0 1-.507-1.29v-1.288c0-1.875.651-3.477 1.953-4.805 1.328-1.354 2.943-2.031 4.844-2.031h1.406c.781 0 1.432-.287 1.953-.86.521-.573.782-1.237.782-1.992v-.039c0-1.614.585-3.008 1.757-4.18 1.172-1.171 2.565-1.757 4.18-1.757 1.615 0 3.008.586 4.18 1.757 1.172 1.172 1.757 2.566 1.757 4.18v.04c0 .754.26 1.419.782 1.991.52.573 1.172.86 1.953.86h1.406c1.901 0 3.503.677 4.805 2.031 1.328 1.328 1.992 2.93 1.992 4.805v1.289c0 .495-.17.924-.508 1.289-.338.364-.768.547-1.289.547H44.922ZM60 27.078c.677 0 1.25-.234 1.719-.703.495-.495.742-1.068.742-1.719 0-.677-.247-1.25-.742-1.718A2.277 2.277 0 0 0 60 22.195c-.677 0-1.263.248-1.758.742a2.338 2.338 0 0 0-.703 1.72c0 .65.234 1.223.703 1.718a2.47 2.47 0 0 0 1.758.703Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: 'fc028d83ae5c9a2e88cad26d42b1b2238dfa5fda', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '9e3a578d0bb20b974fd4b2261f10154f69feec9c' }, h("path", { key: '7426e14b0343b30c7f35a06ad193e946bc617934', d: "M27.59 58.404C13.162 48.234 5.354 36.144 8.813 26.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C24.072 95.788 9.5 80.786 13.492 69.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), h("path", { key: '363535147dfe5e9f17465aba5467f58022897c78', d: "M29.844 100.672V30.477h60.312v70.195H29.844Zm11.64-13.281v-3.907H60v3.907H41.484Zm0-9.493v-3.945h37.032v3.945H41.484ZM33.75 96.766h52.5V34.383h-52.5v62.383Zm7.734-28.399v-3.906h37.032v3.906H41.484Zm0-9.492V54.93h37.032v3.945H41.484Zm0-9.531v-3.907h37.032v3.907H41.484Zm3.438-11.914c-.495 0-.925-.183-1.29-.547a1.832 1.832 0 0 1-.507-1.29v-1.288c0-1.875.651-3.477 1.953-4.805 1.328-1.354 2.943-2.031 4.844-2.031h1.406c.781 0 1.432-.287 1.953-.86.521-.573.782-1.237.782-1.992v-.039c0-1.614.585-3.008 1.757-4.18 1.172-1.171 2.565-1.757 4.18-1.757 1.615 0 3.008.586 4.18 1.757 1.172 1.172 1.757 2.566 1.757 4.18v.04c0 .754.26 1.419.782 1.991.52.573 1.172.86 1.953.86h1.406c1.901 0 3.503.677 4.805 2.031 1.328 1.328 1.992 2.93 1.992 4.805v1.289c0 .495-.17.924-.508 1.289-.338.364-.768.547-1.289.547H44.922ZM60 27.078c.677 0 1.25-.234 1.719-.703.495-.495.742-1.068.742-1.719 0-.677-.247-1.25-.742-1.718A2.277 2.277 0 0 0 60 22.195c-.677 0-1.263.248-1.758.742a2.338 2.338 0 0 0-.703 1.72c0 .65.234 1.223.703 1.718a2.47 2.47 0 0 0 1.758.703Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-tasks"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-warning-sign.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationWarningSign {
     render() {
-        return (h("svg", { key: 'd5029a9c6b6438e8fa33fc4e363125267f0d033d', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ff350c05eb6581face6343eee33250981bef9782' }, h("path", { key: '7a4b0898a845991337de7d73cc330c78f6c9135d', d: "M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-banana-surface-subdued)" }), h("path", { key: '8d32843d6718a131b7671869a092c0114a0ec5b6', d: "M26.602 100.25c-1.901 0-3.477-.625-4.727-1.875-1.25-1.25-1.875-2.826-1.875-4.727 0-1.276.326-2.59.977-3.945l32.773-66.21C55.234 20.496 57.396 19 60.234 19c2.839 0 5 1.497 6.485 4.492l32.773 66.211c.651 1.354.977 2.67.977 3.945 0 1.901-.625 3.477-1.875 4.727-1.224 1.25-2.8 1.875-4.727 1.875H26.602Zm33.632-11.445c-.937 0-1.744-.339-2.422-1.016-.65-.651-.976-1.458-.976-2.422 0-.963.325-1.77.977-2.422.65-.65 1.458-.976 2.421-.976.964 0 1.771.325 2.422.976.651.651.977 1.459.977 2.422 0 .964-.339 1.771-1.016 2.422a3.18 3.18 0 0 1-2.383 1.016Zm-33.632 8.32h67.265c1.068 0 1.914-.313 2.54-.938.624-.599.937-1.419.937-2.46 0-.912-.222-1.784-.664-2.618L63.906 24.86c-.885-1.823-2.11-2.734-3.672-2.734-1.536 0-2.76.924-3.672 2.773L23.79 91.07c-.443.886-.664 1.771-.664 2.657 0 1.015.313 1.835.938 2.46.65.626 1.497.938 2.539.938Zm33.632-18.984c-.52 0-.963-.157-1.328-.47a1.93 1.93 0 0 1-.625-1.25L55.86 46.54c-.13-1.614.222-2.93 1.055-3.945.833-1.042 1.94-1.563 3.32-1.563 1.407 0 2.513.521 3.32 1.563.834 1.041 1.186 2.356 1.055 3.945l-2.421 29.883c-.027.495-.235.911-.626 1.25-.364.312-.807.469-1.328.469Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: '2ae7f811c02b13ee4b5cb2c804a0aa8642b2d535', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '391ecbaeaf4a32f3c57745a4c83fc9ca6affe9ad' }, h("path", { key: '5d340477b80187b54884355954f87d1a3271cd0f', d: "M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-banana-surface-subdued)" }), h("path", { key: 'a4cfd7f930309f90b46b9e2e02de602a40c933e5', d: "M26.602 100.25c-1.901 0-3.477-.625-4.727-1.875-1.25-1.25-1.875-2.826-1.875-4.727 0-1.276.326-2.59.977-3.945l32.773-66.21C55.234 20.496 57.396 19 60.234 19c2.839 0 5 1.497 6.485 4.492l32.773 66.211c.651 1.354.977 2.67.977 3.945 0 1.901-.625 3.477-1.875 4.727-1.224 1.25-2.8 1.875-4.727 1.875H26.602Zm33.632-11.445c-.937 0-1.744-.339-2.422-1.016-.65-.651-.976-1.458-.976-2.422 0-.963.325-1.77.977-2.422.65-.65 1.458-.976 2.421-.976.964 0 1.771.325 2.422.976.651.651.977 1.459.977 2.422 0 .964-.339 1.771-1.016 2.422a3.18 3.18 0 0 1-2.383 1.016Zm-33.632 8.32h67.265c1.068 0 1.914-.313 2.54-.938.624-.599.937-1.419.937-2.46 0-.912-.222-1.784-.664-2.618L63.906 24.86c-.885-1.823-2.11-2.734-3.672-2.734-1.536 0-2.76.924-3.672 2.773L23.79 91.07c-.443.886-.664 1.771-.664 2.657 0 1.015.313 1.835.938 2.46.65.626 1.497.938 2.539.938Zm33.632-18.984c-.52 0-.963-.157-1.328-.47a1.93 1.93 0 0 1-.625-1.25L55.86 46.54c-.13-1.614.222-2.93 1.055-3.945.833-1.042 1.94-1.563 3.32-1.563 1.407 0 2.513.521 3.32 1.563.834 1.041 1.186 2.356 1.055 3.945l-2.421 29.883c-.027.495-.235.911-.626 1.25-.364.312-.807.469-1.328.469Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-warning-sign"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/illustrations/swirl-illustration-wave.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { Fragment, h } from "@stencil/core";
 export class SwirlIllustrationWave {
     render() {
-        return (h("svg", { key: '7aea21ec1399d4a84fa04b71e243f25ef0353cf2', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'c330d606af3444e71049a0f77ab8b946ecebf552' }, h("path", { key: '16983a96acf1f6e5eb149864e5b82fd9b41ebc6a', d: "M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), h("path", { key: 'be464300e3e549b3b47b9814d511be490e711103', d: "M77.266 101.031c-3.959 0-7.93-.898-11.914-2.695-3.959-1.797-7.683-4.388-11.172-7.773L32.422 69.547c-1.797-1.771-2.695-3.75-2.695-5.938 0-1.562.468-3.007 1.406-4.336.937-1.328 2.122-2.252 3.555-2.773l-1.172-1.172c-1.433-1.432-2.149-3.099-2.149-5 0-1.614.482-3.06 1.445-4.336.964-1.276 2.201-2.135 3.711-2.578l-.82-.82c-1.354-1.354-2.031-3.008-2.031-4.961 0-2.005.703-3.75 2.11-5.235 1.432-1.484 3.15-2.226 5.156-2.226 1.953 0 3.632.703 5.039 2.11l1.015 1.015c.469-1.537 1.38-2.747 2.735-3.633 1.38-.911 2.877-1.367 4.492-1.367.911 0 1.784.156 2.617.469.86.286 1.614.768 2.266 1.445l18.007 18.008a43.824 43.824 0 0 1-.312-2.305 19.82 19.82 0 0 1-.117-2.11c0-2.083.403-3.997 1.21-5.742.834-1.77 1.967-3.19 3.4-4.257 1.431-1.068 3.072-1.602 4.92-1.602 1.746 0 3.191.573 4.337 1.719 1.146 1.146 1.719 2.526 1.719 4.14 0 .938-.118 1.797-.352 2.579-.234.755-.352 1.588-.352 2.5 0 1.797.456 4.062 1.368 6.797.911 2.734 2.33 6.328 4.257 10.78l1.133 2.618c.834 1.953 1.459 3.815 1.875 5.586.443 1.77.664 3.541.664 5.312 0 3.907-.573 7.5-1.718 10.782-1.146 3.255-2.774 6.08-4.883 8.476a21.45 21.45 0 0 1-7.461 5.547c-2.865 1.328-6.042 1.992-9.531 1.992ZM30.742 88.023c-2.604-.442-4.883-1.588-6.836-3.437A13.541 13.541 0 0 1 20 77.906l3.79-.937c.468 1.875 1.392 3.463 2.773 4.765a9.384 9.384 0 0 0 4.843 2.461l-.664 3.828Zm3.828-6.796c-1.9-.339-3.567-1.172-5-2.5-1.406-1.355-2.33-2.97-2.773-4.844l3.828-.899a5.766 5.766 0 0 0 1.64 2.891 5.958 5.958 0 0 0 2.97 1.484l-.665 3.868Zm42.813 15.507c2.812 0 5.364-.546 7.656-1.64a16.514 16.514 0 0 0 5.938-4.61c1.666-1.979 2.942-4.336 3.828-7.07.911-2.76 1.367-5.82 1.367-9.18 0-1.614-.156-3.138-.469-4.57a22.74 22.74 0 0 0-1.406-4.336l-1.133-2.617c-2.057-4.792-3.594-8.711-4.61-11.758-.989-3.047-1.484-5.65-1.484-7.812 0-.834.105-1.732.313-2.696.234-.99.351-1.68.351-2.07 0-.443-.182-.82-.546-1.133-.339-.312-.769-.469-1.29-.469-.99 0-1.835.313-2.539.938-.703.599-1.25 1.393-1.64 2.383-.365.99-.547 2.057-.547 3.203 0 .495.013 1.029.039 1.601.052.547.143 1.29.273 2.227l1.055 7.383c-2.63 4.036-3.945 7.969-3.945 11.797 0 1.927.338 3.802 1.015 5.625.704 1.823 1.732 3.554 3.086 5.195l-3.437 2.89c-3.464-4.088-5.195-8.658-5.195-13.71 0-3.88 1.041-7.76 3.124-11.64L56.172 33.647a3.087 3.087 0 0 0-2.266-.937c-.807 0-1.536.286-2.187.86-.625.546-.938 1.236-.938 2.07 0 .963.339 1.784 1.016 2.46l16.797 16.797-2.93 2.891L43.32 35.445c-.677-.677-1.432-1.015-2.265-1.015-.808 0-1.524.325-2.149.976-.625.625-.937 1.367-.937 2.227 0 .911.312 1.68.937 2.304l22.305 22.344-2.89 2.89-17.383-17.343a1.733 1.733 0 0 0-.938-.547 4.505 4.505 0 0 0-1.016-.117c-.885 0-1.64.313-2.265.938a3.087 3.087 0 0 0-.938 2.265c0 .86.313 1.628.938 2.305l17.031 17.07-2.89 2.89-11.641-11.6c-.495-.495-1.133-.743-1.914-.743-.808 0-1.537.3-2.188.898-.65.6-.976 1.303-.976 2.11 0 1.094.586 2.213 1.757 3.36l21.407 20.702c3.15 3.021 6.445 5.339 9.883 6.954 3.463 1.614 6.861 2.421 10.195 2.421Zm-7.578-62.93a5.374 5.374 0 0 0-2.149-2.538 5.535 5.535 0 0 0-3.164-.977v-3.906c1.927 0 3.698.534 5.313 1.601 1.64 1.068 2.838 2.487 3.593 4.258l-3.593 1.563Zm5.625-5.117c-.782-1.77-1.967-3.177-3.555-4.218-1.563-1.042-3.294-1.563-5.195-1.563V19c2.656 0 5.104.742 7.343 2.227 2.24 1.458 3.907 3.424 5 5.898l-3.593 1.563Z", fill: "var(--s-icon-strong)" }))));
+        return (h("svg", { key: '432446a82b5705418724684b687fdd4a1695a7c9', class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '57f33942978c9afdc5dd150c2909528f8c62688e' }, h("path", { key: '9e0c3b52206ef27907dcae680c357246b0e13311', d: "M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), h("path", { key: '026bbab43a0377aca32fab4c08f0c1388899fcf0', d: "M77.266 101.031c-3.959 0-7.93-.898-11.914-2.695-3.959-1.797-7.683-4.388-11.172-7.773L32.422 69.547c-1.797-1.771-2.695-3.75-2.695-5.938 0-1.562.468-3.007 1.406-4.336.937-1.328 2.122-2.252 3.555-2.773l-1.172-1.172c-1.433-1.432-2.149-3.099-2.149-5 0-1.614.482-3.06 1.445-4.336.964-1.276 2.201-2.135 3.711-2.578l-.82-.82c-1.354-1.354-2.031-3.008-2.031-4.961 0-2.005.703-3.75 2.11-5.235 1.432-1.484 3.15-2.226 5.156-2.226 1.953 0 3.632.703 5.039 2.11l1.015 1.015c.469-1.537 1.38-2.747 2.735-3.633 1.38-.911 2.877-1.367 4.492-1.367.911 0 1.784.156 2.617.469.86.286 1.614.768 2.266 1.445l18.007 18.008a43.824 43.824 0 0 1-.312-2.305 19.82 19.82 0 0 1-.117-2.11c0-2.083.403-3.997 1.21-5.742.834-1.77 1.967-3.19 3.4-4.257 1.431-1.068 3.072-1.602 4.92-1.602 1.746 0 3.191.573 4.337 1.719 1.146 1.146 1.719 2.526 1.719 4.14 0 .938-.118 1.797-.352 2.579-.234.755-.352 1.588-.352 2.5 0 1.797.456 4.062 1.368 6.797.911 2.734 2.33 6.328 4.257 10.78l1.133 2.618c.834 1.953 1.459 3.815 1.875 5.586.443 1.77.664 3.541.664 5.312 0 3.907-.573 7.5-1.718 10.782-1.146 3.255-2.774 6.08-4.883 8.476a21.45 21.45 0 0 1-7.461 5.547c-2.865 1.328-6.042 1.992-9.531 1.992ZM30.742 88.023c-2.604-.442-4.883-1.588-6.836-3.437A13.541 13.541 0 0 1 20 77.906l3.79-.937c.468 1.875 1.392 3.463 2.773 4.765a9.384 9.384 0 0 0 4.843 2.461l-.664 3.828Zm3.828-6.796c-1.9-.339-3.567-1.172-5-2.5-1.406-1.355-2.33-2.97-2.773-4.844l3.828-.899a5.766 5.766 0 0 0 1.64 2.891 5.958 5.958 0 0 0 2.97 1.484l-.665 3.868Zm42.813 15.507c2.812 0 5.364-.546 7.656-1.64a16.514 16.514 0 0 0 5.938-4.61c1.666-1.979 2.942-4.336 3.828-7.07.911-2.76 1.367-5.82 1.367-9.18 0-1.614-.156-3.138-.469-4.57a22.74 22.74 0 0 0-1.406-4.336l-1.133-2.617c-2.057-4.792-3.594-8.711-4.61-11.758-.989-3.047-1.484-5.65-1.484-7.812 0-.834.105-1.732.313-2.696.234-.99.351-1.68.351-2.07 0-.443-.182-.82-.546-1.133-.339-.312-.769-.469-1.29-.469-.99 0-1.835.313-2.539.938-.703.599-1.25 1.393-1.64 2.383-.365.99-.547 2.057-.547 3.203 0 .495.013 1.029.039 1.601.052.547.143 1.29.273 2.227l1.055 7.383c-2.63 4.036-3.945 7.969-3.945 11.797 0 1.927.338 3.802 1.015 5.625.704 1.823 1.732 3.554 3.086 5.195l-3.437 2.89c-3.464-4.088-5.195-8.658-5.195-13.71 0-3.88 1.041-7.76 3.124-11.64L56.172 33.647a3.087 3.087 0 0 0-2.266-.937c-.807 0-1.536.286-2.187.86-.625.546-.938 1.236-.938 2.07 0 .963.339 1.784 1.016 2.46l16.797 16.797-2.93 2.891L43.32 35.445c-.677-.677-1.432-1.015-2.265-1.015-.808 0-1.524.325-2.149.976-.625.625-.937 1.367-.937 2.227 0 .911.312 1.68.937 2.304l22.305 22.344-2.89 2.89-17.383-17.343a1.733 1.733 0 0 0-.938-.547 4.505 4.505 0 0 0-1.016-.117c-.885 0-1.64.313-2.265.938a3.087 3.087 0 0 0-.938 2.265c0 .86.313 1.628.938 2.305l17.031 17.07-2.89 2.89-11.641-11.6c-.495-.495-1.133-.743-1.914-.743-.808 0-1.537.3-2.188.898-.65.6-.976 1.303-.976 2.11 0 1.094.586 2.213 1.757 3.36l21.407 20.702c3.15 3.021 6.445 5.339 9.883 6.954 3.463 1.614 6.861 2.421 10.195 2.421Zm-7.578-62.93a5.374 5.374 0 0 0-2.149-2.538 5.535 5.535 0 0 0-3.164-.977v-3.906c1.927 0 3.698.534 5.313 1.601 1.64 1.068 2.838 2.487 3.593 4.258l-3.593 1.563Zm5.625-5.117c-.782-1.77-1.967-3.177-3.555-4.218-1.563-1.042-3.294-1.563-5.195-1.563V19c2.656 0 5.104.742 7.343 2.227 2.24 1.458 3.907 3.424 5 5.898l-3.593 1.563Z", fill: "var(--s-icon-strong)" }))));
     }
     static get is() { return "swirl-illustration-wave"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-illustration/swirl-illustration.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 export class SwirlHeading {
     render() {
         const Tag = `swirl-illustration-${this.svg}`;
-        return (h(Host, { key: '7252c3a6851e76f3b7eabd52500ebb598245b56c' }, h(Tag, { key: '27804307a7a776f14ed5c76c137d4ee639a830bd' })));
+        return (h(Host, { key: '481382e95a73b90ab2bc98dbc5d4c377cb0b9954' }, h(Tag, { key: 'deb44af9fce9ce39f29dc3903050d0160abc475b' })));
     }
     static get is() { return "swirl-illustration"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-lightbox/swirl-lightbox.js CHANGED Viewed

@@ -292,7 +292,7 @@ export class SwirlLightbox {
         const className = classnames("lightbox", {
             "lightbox--closing": this.closing,
         });
-        return (h(Host, { key: '99ac3a7686f00d0a902564fdb35a4918a3a347c4' }, h("dialog", { key: '301057789672d9f03ce8fdc77357a18268249e0d', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '03ce74eda82310cae97310fe4ef88eeadbfd5a8f', class: "lightbox__body", role: "document" }, h("header", { key: 'd501c5afdf138b60191c0331dfb079315ef446cf', class: "lightbox__header" }, h("div", { key: '383f290e2daa54bb3334601314d96416c1c997fd', class: "lightbox__toolbar" }, h("slot", { key: '98003519fa0b91355c9f72819e50bb472615f917', name: "toolbar" }), this.downloadButtonEnabled && (h("button", { key: '767ecce8fe2a67cb1e14994c4cbc1048933a67f8', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, h("swirl-icon-download", { key: '708a8876e826bbbb1be4e2117e810aca3146d6ca' })))), h("button", { key: '0f1482d64850e0501c302ee22f49d8bc526f4a56', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, h("swirl-icon-close", { key: '52208cfcc003fed16d1e3f03f08a61be4e9dd3c4' }))), h("div", { key: 'd49f0b75ed1f597d09ed7dd1bbf6bc36e68b36c7', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'a25bc58eaab70a651609423507d7e7d216c9151b', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '0460712a35272e0328ed48bd13274f54fc66f1cf', onSlotchange: this.registerSlides }))), h("div", { key: '08232f261f87f11046c927157305b5bfbc4e7d77', class: "lightbox__controls" }, h("button", { key: '6c4c87ce29fb4179055dae3f1b6fc5f2813677e3', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, h("swirl-icon-arrow-left", { key: '9f6b3e13a5b601b45f36323fcb962c9872c19c85' })), h("button", { key: '7324cc125fc3612647e477619da340d46c6ea197', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, h("swirl-icon-arrow-right", { key: '53f7ab2b7979c80b5b8b1be24d4ef183448833f8' }))), showPagination && (h("span", { key: 'a46d9e8ad1b38124568fa3957bc050399280eda3', class: "lightbox__pagination" }, h("span", { key: '2b3443eb0002cf1fc51e17954e162bd5c7df6e65', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
+        return (h(Host, { key: 'ae0a52fb1b950affc26de4420dfb7ea7952fc1db' }, h("dialog", { key: '8791e6b9414245ccc804edc58c3a7917dc5bbc37', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'cbcf72606d88da4bc8452bf17579bd29a73d545c', class: "lightbox__body", role: "document" }, h("header", { key: '0c9fcbd1a79bf9f7717b4ae5d2c65953bbf3c615', class: "lightbox__header" }, h("div", { key: '6a081e050354ebb333d2bece28af5a7423a7fd51', class: "lightbox__toolbar" }, h("slot", { key: '1b14308b5bd6b7762dbb8115723793eab34ebffd', name: "toolbar" }), this.downloadButtonEnabled && (h("button", { key: '267f30a1e318ab1212010d05ff86b4d7a29b8b8e', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, h("swirl-icon-download", { key: '51fab4bb174be1fb214b37ea3e8530319fadbdc6' })))), h("button", { key: 'd4e461b0d4daf40f87177e38eb6c24e992b6ffb1', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, h("swirl-icon-close", { key: '14b4c54f7f0a6e262cf9c097f1195a379845c524' }))), h("div", { key: 'c96d8d882232dd89ddd57486a92db206f1d108d0', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '309914e6f6f869ec064784dd7a0e9acc2cb039f9', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'b75f4dc1ee284cec1f93620a2f9d7c197f4d6bca', onSlotchange: this.registerSlides }))), h("div", { key: '2c7dbbcafd0779b8d9c50a1cbaa79cf5acc73c5d', class: "lightbox__controls" }, h("button", { key: 'a7c5486f4b9cb61bea3322e191747e7189b45611', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, h("swirl-icon-arrow-left", { key: '71721a07438160fa721f3f54c7082bdcc4ae201f' })), h("button", { key: '013b8f6dd39ae3c8fe80c19abf6e72bfe3c848a7', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, h("swirl-icon-arrow-right", { key: '82454fd549e24ccdaf48cb722836ef0aeeb66e82' }))), showPagination && (h("span", { key: '6e8616414c3bfd9a691ac7c473b8c5c19e77bdb8', class: "lightbox__pagination" }, h("span", { key: '107b0381327792928e5225eb0344feca06001690', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
     }
     static get is() { return "swirl-lightbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-list/swirl-list.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class SwirlList {
         }
     }
     render() {
-        return (h(Host, { key: 'cc3a191396e90a18d4900b8bfd5a53fcb4f07be3' }, h("div", { key: 'b2e1db7ea304aa04dc5fa0776c09207349f13ce6', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '4195556c050496b2367858f93f8613027f6afd55' }))));
+        return (h(Host, { key: 'f019ec0722ab6ec508e506e7b6e4abba7544faa5' }, h("div", { key: 'a5f584598715ea3070cfac4438af4cc813b1b055', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '37bd52d810ad594c871b53ae32eefa86d8c1d171' }))));
     }
     static get is() { return "swirl-list"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-menu-item/swirl-menu-item.js CHANGED Viewed

@@ -108,9 +108,9 @@ export class SwirlMenuItem {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '2e35fee489e3da5de328e00e79f5b8e89d36ebd4' }, h("div", { key: 'cf743ce2b074c2c3e30dd369a7cdd840ce4a0683', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '338a54ede7e89af70c2674395dc88424e1d1ba9f' }, h("div", { key: '749c99c31d8074a50ca5163e5f645b8df29735e4', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '78d27122dd1cf3dbb76b007e71f46a96a4bf536d', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'a45bf8498dc58c41b62deb5be77665f0544d57a9', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-modal/swirl-modal.js CHANGED Viewed

@@ -1,6 +1,7 @@
-import { Host, h, } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import classnames from "classnames";
 import { tabbable } from "tabbable";
+import { getActiveElement } from "../../utils";
 import { disableBodyScroll, enableBodyScroll, } from "../../utils/body-scroll-lock";
 /**
  * @slot slot - Modal contents
@@ -214,7 +215,29 @@ export class SwirlModal {
         return this.scrollContainer;
     }
     handleAutoFocus() {
-        this.el.querySelector("input[autofocus]")?.focus();
+        const autoFocusEl = this.el.querySelector("input[autofocus]");
+        if (!autoFocusEl) {
+            return;
+        }
+        // don't steal focus if already moved
+        if (this.focusIsInsideContent() && document.activeElement !== autoFocusEl) {
+            return;
+        }
+        autoFocusEl.focus();
+    }
+    focusIsInsideContent() {
+        // shallow check: when focus sits inside a nested shadow root,
+        // document.activeElement is that component's host, which is still a
+        // light-DOM descendant of this.el
+        const shallowActiveEl = document.activeElement;
+        if (Boolean(shallowActiveEl) &&
+            shallowActiveEl !== this.el &&
+            this.el.contains(shallowActiveEl)) {
+            return true;
+        }
+        // deep check for scoped (non-shadow) components such as swirl-text-input
+        const activeEl = getActiveElement();
+        return Boolean(activeEl) && this.el.contains(activeEl);
     }
     lockBodyScroll() {
         disableBodyScroll(this.scrollContainer);
@@ -293,29 +316,29 @@ export class SwirlModal {
             "modal--show-backdrop": this.showBackdrop === true,
             "modal--hide-backdrop": this.showBackdrop === false,
         });
-        return (h(Host, { key: '23fc47450954cdec1465b6cacc87665b74392b40' }, h("dialog", { key: 'bdee3e6f0b8903e63341b93e73525387d4878229', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, h("div", { key: '3b880ae4075a3249f2a56a424db3269183cc160d', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'df55123f4afffde7862c80f99166d4dcc28c227e', class: "modal__body", part: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'a4a86ec07c44c8bdf083b896526c3e8d3693bc8d' }, h("dialog", { key: 'e06e60af5b6c01152756af0eb143125924fda737', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, h("div", { key: 'dc7fc803d1fed43daafe1c6068a70d306ba26741', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '5af6a906a4c258805ca6f2a19f9411d7ade1768c', class: "modal__body", part: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: 'f3b77cc6ef02ffe087f7e6701deb79c6edc0d45e', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'ed35b62a6ec6d77a9360ffa80b9effab505c4f4e', class: classnames("modal__sidebar-header", {
+                : {} }, h("aside", { key: 'd81b74fbf405ecaa2fc6d55c63c94455fe969990', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '0d50caffb53a40009ba18d975bbd10547d387096', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'd73cb3f8b8d032245a4efbb4fba158bde22e19d2', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '9529520318f4ee7ace2adb71927f2587c22c01b4', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'b9893e1d9193c99c53a33c02773e96d4611b3040', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '6086f942484525006d1de352ced3693f2afac73c', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), h("div", { key: '7911c4c01757dc9157a611558d7830997891032a', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, h("slot", { key: '4154270c217c274954ae83060fc31069e2696c2e', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), h("div", { key: '5e78d1d3053ff0f54331ec072878084720b31110', class: "modal__main-content" }, h("header", { key: '84bf917f205c56a871e13fbcb749690bba1cbb06', class: "modal__custom-header", part: "modal__custom-header" }, h("slot", { key: '5fd2bb6788938d18f9e40cfe42eaa8b36379e6ad', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'c6c03d149d8e1c15e491e1ed7071821348b76c1f', class: "modal__header" }, h("div", { key: '45235c736ee6686599513f1f80bff3b68c0a100e', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '2c6edcc7f1bcd33fcf880fa48567f6eddc067afd', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'ee3f807a5966c16c0e526c0b18e1431582e54056', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '6742901788dfb273b471f693fa350a1fb9b81768', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'ab956419c46fc310e87372b2694f4a2a9bb07548', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '8cbdb8c776b0d14d0642080fb9f0bb2bd7674b5f', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), h("div", { key: 'e85a449242a54494130dc90d345f94025ab482d4', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, h("slot", { key: '860ba1b7cbcbb5ff550a6d4361745e20ee4d3f85', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), h("div", { key: '023a19a5a523cee719ce893f3ca59ee6cb4ab2d0', class: "modal__main-content" }, h("header", { key: '6d1299be352a436ae46b05bb39971dc9ff7f8420', class: "modal__custom-header", part: "modal__custom-header" }, h("slot", { key: 'bb2fded089e747367b720bf42ba171cf04a0b8c7', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '3f59e23fefc8ee3501e2b8b5f909ad551fa6d6fc', class: "modal__header" }, h("div", { key: '233a8f13834898444809d9f8433193daa251c16a', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7eadd7dd005250a8d8e63f4ba6d9a6f8a1b3ca08', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '673043a824362619f11c54f31a15fa9477117883', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '64ee96733baeec6b8522399f35c47c74be0f8102', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '1719c5b97263cf10c305770607eb1ea7145acb51', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'c32ad1be58ce0bfd733a059fabc88411a810de30', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'd9ac5da08638bb7018dac8d1d318c2b4e0736542', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '406b3a855b05e74f1ee4acc1517d67341506fa22', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: '8d7a796fc546b0b7bebfa213f831c628393f9dfe', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'e83c26591a0a2ca9d023eec8dba294cef18fdf89', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '7299870c633ed4456d08d22dc1eb750e4898b41c', class: "modal__header-tools", part: "modal__header-tools" }, h("slot", { key: '27b39b1bbceb3890fd3f2dea32642a901c87c076', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), h("div", { key: 'f8336f9a3638c1e9285d94900764f09293aa6c30', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '57fad6f717f5256c938b0142b88c42d59dc968e3' }))), h("div", { key: '05ab11a1b5ff7804a6b56041fdfcf4230f414ba4', class: "modal__secondary-content", style: {
+            } }, h("div", { key: 'a47ef165e6614053ea2b6b010c981af59f9987d1', class: "modal__header-tools", part: "modal__header-tools" }, h("slot", { key: '15fb393a0674401622c485b3d9aaced96b97ad4a', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), h("div", { key: '6a4a0a3b00760a6876295cfbc890aaab922d514c', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '4a32656a4710b04e1e7c1caf6dd6605946fda893' }))), h("div", { key: '0596be67b7b2d6b9d0aa428a821040a2aac2e135', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -333,7 +356,7 @@ export class SwirlModal {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '6602b580cc959944932c42bfe74f838fa7dc37a4', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), h("div", { key: '17afe035cebb37925f6cf912448a29db22359ee6', class: "modal__custom-footer" }, h("slot", { key: '44c6d8340fc1b9c32521cc61ed0b5b4cee37ec50', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (h("footer", { key: '6e7732616ce97db76e752bdd8c3e540d380c3fe7', class: "modal__controls" }, h("swirl-button-group", { key: '146060354a8cd62c236d025b576ef48a357be7f2', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'eabd37aa403ab8b87fc6edb76821f3ccb25e8f7d', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '6988e29d8e1caf2faa8dfbbce0ef454e4552fdee', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: 'e111ac8ad27295494a2d88fc85ea41b70e055fe8', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), h("div", { key: 'ad15d1be8af76010ccfc5d4ef8b6e3b5cebcc4a3', class: "modal__custom-footer" }, h("slot", { key: 'e1d48aea84c02cef82bb25fbf6c57a6c2baedb0d', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (h("footer", { key: '2826ebb52ae505ce1777e69662af0e30bd79f252', class: "modal__controls" }, h("swirl-button-group", { key: '596093bffabb09ba0fc41452369a60de6438580c', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '37dccfc2ba11660bbc745a13f5b4bb3784c96562', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'f5032c93221904642c8247f278f92963f11fc9ae', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     static get is() { return "swirl-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-modal-shell/swirl-modal-shell.js CHANGED Viewed

@@ -52,7 +52,7 @@ export class SwirlModalShell {
         const className = classnames("modal-shell", {
             "modal-shell--closing": this.isClosing,
         });
-        return (h(Host, { key: '1aea0ca363d193685f3f1ac066063c08d3a7f0e6' }, h("dialog", { key: '666f287cab68ef5e4a96bf8bd310b470fd709f38', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '956e7a78ab63d146201d6ce628b1393ea7ca44e5', class: "modal-shell__backdrop" }), h("div", { key: 'c34ccc5b1a81515b41838629f3dc88cb41312e6d', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, h("div", { key: 'a3d7f773c252ca91827b573f8c76756a2d041d81', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: 'e5cf54d06123545ea26366ab09e19c3fcca29cb4' }))), h("swirl-button", { key: 'a7a9a32b66fb759b2c265a607d774eb87374e742', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
+        return (h(Host, { key: '0741db2e440225841d5e22a0712e7ecc60d1d5ba' }, h("dialog", { key: '710db091741a1e8c5dcc0b879e3035499b771cd5', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '859917b88741505802d0146a52696695935f60d1', class: "modal-shell__backdrop" }), h("div", { key: 'f7dc0f1feeb4367ada4241c5e911a6b4f4f17fe6', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, h("div", { key: '868e52c22908bf98eb8ea44379652ed06ef9e402', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: 'd3580be68c409973bc9960c6a1491fe8ba2fe348' }))), h("swirl-button", { key: 'fb2507a99dfcc70acb012368a4f54a62bf8a0260', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
     }
     static get is() { return "swirl-modal-shell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-option-list/swirl-option-list.js CHANGED Viewed

@@ -445,7 +445,7 @@ export class SwirlOptionList {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (h(Host, { key: '65cde9dd862cadb258e17683d7a59fff97cd97b7' }, h("swirl-visually-hidden", { key: '1e584f1ea2dfb09a4b2fc47a69c0f657746baa9a', role: "alert" }, this.assistiveText), h("div", { key: '0e89eb4cec9cbdc2771d5f98765355cb7522773e', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '595bd7ea9f6d3cedb832c842f47d16980caa8fa5', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '562fef441ca6a22a7883f5428cde901ad6983253', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'ad9a9056f3e5141ddddd5c924f7e65ff1f677947' }, h("swirl-visually-hidden", { key: 'f549dd4216400badd59354d01e9c48d34ee8dff6', role: "alert" }, this.assistiveText), h("div", { key: 'd46cd361f8f76cca256c2d971cba4cdfc5c36af4', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '3af254c38a199c543d12fa591f5cecf97a16c5af', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '166e7a4d660697497af705db1121c196605a8ae2', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-option-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-option-list-section/swirl-option-list-section.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class SwirlOptionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '93b08d09e7d8135b99cdadac3af873bffbceb93d' }, this.hasSeparator && (h("swirl-separator", { key: 'dd25bb005b9c7ee1e97ba178853380eb4c2a08c3', spacing: this.separatorSpacing })), h("div", { key: '73e2af0a69dcaab7fa5aa06f6974878543466e09', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '90a68d498e28585bf10583135275292b5eab41a2', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '4c42eaf209ecd5af756cc336641e3ff1a1d5050d', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a8385c3180f0cef63be182e6809161e9b6fcb09d' })))));
+        return (h(Host, { key: 'fb6bebac56b862fd3b2336488e4250173564f8f9' }, this.hasSeparator && (h("swirl-separator", { key: '064c39e7caafa9ae6a7bef2b8b962a0d0e87273f', spacing: this.separatorSpacing })), h("div", { key: 'e7495513207c8d3bf6bd8859c02920599f14c8f1', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '5cc8f6a266168dfd57312d576e711dad23aa225e', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '0e6161dc67e1cbf258d29de4d4dad0f7322e48a7', spacing: this.spacing, align: "stretch" }, h("slot", { key: '4475cfaf2596cdafacf128ac6fd85c0badca8286' })))));
     }
     static get is() { return "swirl-option-list-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-pdf-reader/swirl-pdf-reader.js CHANGED Viewed

@@ -195,15 +195,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '5aa5196f3f335185bdb5605417a7e41b04ad68aa' }, h("dialog", { key: '0578370b08d777993900b265fa9ab989847b5ffe', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'e4386c8fd67b5d73351f601dcd08154261f963af', class: "pdf-reader__body", role: "document" }, h("header", { key: '438836741cb30ec92eac15c0e5de926c166fb5ad', class: "pdf-reader__header" }, h("span", { key: '9ae41f70b574cfad68fbc25d4db2c8d5e71cee24', class: "pdf-reader__header-left" }, h("swirl-button", { key: '343acc1e1825254336a2f99568f495159db5c8ab', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '4b9097c25b7b9e413e4f9815bc99120927118b64', class: "pdf-reader__label" }, this.label)), h("span", { key: '2daafc6906451560fe466d35820fc12e8f8392b6', class: "pdf-reader__header-center" }, h("span", { key: '7907286cd11d6d7136c0b16b15d412a95a04bb80', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '54adec6bec3891bb69d33b6b5b84e1237ba245f8', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'da3189f85a17a8adbe9fdaebc137cb36f028a2d4', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '36bf22c0518d9a0d2094456eac485c2c26089662', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'ff4d3bea09e7dc083d37e367f79a551c9a0aa4d4', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'adffbfb686ae63b2fdd8d9393e3f82851e0a4b55', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '0a93b8fd2bc005c325507f8aa9b36e0d9bcf7bcc', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '5830558b720fcb604ca826056008aaeefe981cc5', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'c7a5e39181b1c1cdc3791d5b7bd5b265ed5debf4', swirlPopover: this.menu }, h("swirl-button", { key: '035241cb6f6b67334ed7d7de4f7adf42daab4c31', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '38bf0e38f9f5337b7f7fcd61a7296dc84cec2e01', class: "pdf-reader__floating-tools" }, h("button", { key: 'add989e8d7efd4287652ac02dcb57bc0c5660b61', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '91c02b6c7bfa518e2406346c23eac3aa11030f58' })), h("button", { key: 'fb0ceebdb826defd58e6e2262b229aac9bfd4116', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'fe50b21d04ceb025d8895e4959b02b13f7aadeb6' })))), h("div", { key: '918438e5a06db70569e8f9fec40eee510e3aa7d5', class: "pdf-reader__content" }, h("nav", { key: '4b3b31a8a7f1dd8fd0a1800005cc80fd80fe78a9', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5d9eb9c827ee727a2e15c541701a646adc09dcce' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '76f68bc06c481fdc67c26427bd65fa2090a4eec6' }, h("dialog", { key: '14fc48191ddf3d77df7e6770ee822bf4865d459c', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '7e39acdd8c4dbe019357402d1a19785676a3ade2', class: "pdf-reader__body", role: "document" }, h("header", { key: '7a7f89dbc944b7d143c6ce59e472b42ab2fad817', class: "pdf-reader__header" }, h("span", { key: '54fc133817bf2c05b9007cc9990267b71fc13368', class: "pdf-reader__header-left" }, h("swirl-button", { key: '11867c85a0829116646b54cc29539a2371bad97d', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'c98aca30abb594a351c641d56defa5be7db6c8b2', class: "pdf-reader__label" }, this.label)), h("span", { key: 'd81929d58826aa857d0722dfab7e71f4d0e7cd44', class: "pdf-reader__header-center" }, h("span", { key: 'bcf86bc09178578867a94dea6e6bb71c1140558a', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '0d8a346b98e2fb2412acbb574ededa770273f56d', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '01c86a3d7dc323c38de03f870e8ef1d10a2baa8d', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '38c707a5dfa891232249dc56c356619660ac4626', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'e828ea887eeeef052ec91b7e1a5b81c162af04be', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '682aa3e24b75b5a52e751f6f6f858cb2ad995c08', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'dfe8b0d52d2ae8b916f4c04e3ec78f5096712442', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'cd376649110f5433c853e84f8418c96b88373553', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '7f609071277dbab25b4661bdea44fb5b5219bd72', swirlPopover: this.menu }, h("swirl-button", { key: '97510c729bfa2584913dc1ed5c74551dc8379ba8', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'f957307a99673505306b691d40b553000baf6d0c', class: "pdf-reader__floating-tools" }, h("button", { key: 'b9bc977971e91450a8b95f2152f073feaf8de85b', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '3365f70a86b3293c8c72e7de1f77c496e8e43248' })), h("button", { key: '6c574fa0bae0a88ae7e0982c8a25965fdafefe28', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '4e67907ddf0e87cd045abd5684a7b849c39771fa' })))), h("div", { key: '298623afd12639d950db22727f704c25ece8485c', class: "pdf-reader__content" }, h("nav", { key: '6e699c8a8ad13cc22f8581d893fcfbbbd3080bb7', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '2714cf34ab04f30c0d8d27137caceaa3361d8f89' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: 'ac6c50bac7bb28e4c5e03a664414f517e1493d52', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'f9a8373be8a226e6d147082c3dc7bcbdd41b34cc', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'b16e5bb87e3da215e940d0022d71d894aaec87e0', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'a4ebe03ca93f3b6a0598709b4051d30064bea28b', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '4ff045bacd58694b40f8146a183c7491e9068798' })), h("button", { key: '4744721680c1b43562984d8ee70e086bce689ae4', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '500b18a0b1fd8b9d1f1409266c31c3f2f626c71d' }))))), h("swirl-popover", { key: 'c370247375a25c59bd066bd3af995b09c1dca35c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '68e2f3c73dba729c1a04bac4a9d89e515fbd9d42' }, h("div", { key: 'bf0726d5c4bd9cee668d39451ee05d3c424ad40d', class: "pdf-reader__meta" }, h("div", { key: 'c4187de51e2ae54dbe01a6061795ae75c301c8ce', class: "pdf-reader__file-icon" }, h("svg", { key: '6672423db22de5cd5488515ef06ff318ceb0ef5e', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '2b80dceeeca89795abb9923edf268238e0d62025', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'eb2faa284309f6b0106c9349681c6cefc25d33c4', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'ea1b67e5e4bb0bbaee366825d6cb51ce5645f2fb', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'eba0f24bcaa651a9d5c8f90409d2eacda20f0c6f', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '55f32e9ba7a04ce173a498a55bf577f0b1e146f1', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'be26ff753d2b23232ca9066e39dd9d4906da7e0f', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '246c05ef4aa7a9f698d1ae5e43933667af24ab24', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '017e6e140506c3a3969d06e6038cf749b5d50da8', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '45f8f1f372f3ecfea77e63078b9687c0fca64015', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'd900cbac8576f36f17225ecbc4278bfa1e49bf6f', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '21deba359133d61bd84aef91f87e147cf14a9377', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '6cbdcc9ab11948034204e7d14177dc1b27a664b0' }), h("swirl-action-list", { key: '1afff4e7c0a8d14fb25b8db501a0859e75938a00', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '0030abe27058f2670588ee0bd714c5342ad2d1fd', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '008648f7cb91dd72477e261522585e31212b6538', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '75754b8b7ccac378aa758cfbb5a5689748e41f25', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '8c5275caf2889a487657c238ca9c58897138ed50', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '83ada59a67fd16201616c57adde79d8ba11c1d3a', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '7c1858b366d49f857a7f84a42bec7190c66b6435', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '1b66d1d81bd5ed0f50ddf151937fd3b45f5e4e73' })), h("button", { key: '457ab9c3aab0811ef1eef7096e95317a288ab922', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '8c4bbe8b87726665b37d613584b2ab92e569a85d' }))))), h("swirl-popover", { key: 'aeecc6ceeb46cf83ed9b39918f340cc882210c99', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a8955d9eb44c0c157d7d3af3f1b54f566b4a7dc4' }, h("div", { key: '43716df70f2847f11e272cf0d25ca2447cd6b74c', class: "pdf-reader__meta" }, h("div", { key: '94b19da75fc1178e1eb193bda000f96d6d5bb5cf', class: "pdf-reader__file-icon" }, h("svg", { key: '93bccc30ab67927f1e811a1341e7f313d06a3a35', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '7628ee0ff24ef7d64f178f4b0c1f6d63babd99cc', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'be3ca74e5ef2a9eb99395630ffad219c040ad345', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'a7698dc6b93b993f3105f815450037bfebdf35c6', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'bcd220f7b5b1d27a5406a2fbc2dee9a8b2a0cfe1', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '0cd052ea5935321d9b74f2a5dfab1899f932ecd8', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'b635dd41d3bfe20e3c002849725ebd0b3a0dcae4', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '1be9d1f973266a875507aab7129e8e3d0132cb75', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'd201fc37b03bc1c705010cee6d66b1750444809e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'e06a7391b51a7e063d26c24cd17532ed7480103f', class: "pdf-reader__file-info" }, h("swirl-text", { key: '5704eccdebd4c7c40606c74a1b90152e2b22ef87', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'c7f5d253beb1a863f7a0ad55b727b4ac7f4f74de', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '1ad175a06c422b2b8c8d2f0b6f7c6952c7a45a20' }), h("swirl-action-list", { key: '93cf7793515883115f8fa601b96e99492cc2ec7d', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '5c88763f302a3e523615b19735da26f42d5dabb0', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '0c267d48fa8af54f2d494b14da0584875bbe4c61', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'be82533a6eb808e819ade572e76bb41c83515332', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '11afdc5225122ad9d6d89da49b60f37e20ff552d', name: "menu-items" })))))));
     }
     static get is() { return "swirl-pdf-reader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-popover/swirl-popover.js CHANGED Viewed

@@ -173,7 +173,10 @@ export class SwirlPopover {
             this.openedVia = undefined;
         }, 150);
         this.unlockBodyScroll();
-        if (this.returnFocusToTrigger && !disableFocus) {
+        const openedWithoutActivation = this.openedVia === "hover" || this.openedVia === "focus";
+        if (this.returnFocusToTrigger &&
+            !disableFocus &&
+            !openedWithoutActivation) {
             this.getNativeTriggerElement()?.focus();
         }
     }
@@ -259,7 +262,7 @@ export class SwirlPopover {
         if (!Boolean(nativeTriggerEl)) {
             return;
         }
-        if (controlledVia !== "hover") {
+        if (controlledVia !== "hover" && controlledVia !== "focus") {
             nativeTriggerEl.setAttribute("aria-controls", this.el.id);
             nativeTriggerEl.setAttribute("aria-expanded", String(this.active));
         }
@@ -324,18 +327,18 @@ export class SwirlPopover {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'ab0bf329be2aa18135208b7c780db24211bfd689' }, h("div", { key: 'f028e08aea8504f9a38289ceed191d4de5635de1', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: 'e7d9900fe0ac68ac007f25fa2b481c86a6052de1', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '3b3bb710683441a4f971a25542894ad965254b42' }, h("div", { key: 'a142e898bbe09ad766ee5111b1ed6c1b0320cf7e', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: '820a28e75d0b508b6d939219734522d92943c0d6', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 opacity: this.active && !this.position && !mobileBottomSheet
                     ? "0"
                     : undefined,
                 "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, h("span", { key: '0bd0634b214a43d96e3ac9236192284517df2dde', class: "popover__handle" }), h("div", { key: '2c15e566745089c66e34dbb2d91b410c674dfb4c', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '4ce3efbab020862c26ad9177274c0ed6794374bd', class: "popover__handle" }), h("div", { key: '526fc65ea325a29ece87639893af06f37cf71978', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobileBottomSheet && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '6738a50232fbcd30ff9f6d32ccecdeab84dd6601' }))), this.active && (h("div", { key: '235e0b3da6c09ca4de1092bad7cec77e1013e82d', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '6fc74e080d35e318cf520d65520c2d73fb434d75' }))), this.active && (h("div", { key: '83df142ba2da01ee5312e82dbbc2b83775d526ed', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     static get is() { return "swirl-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -844,7 +847,7 @@ export class SwirlPopover {
                             "docs": ""
                         }, {
                             "name": "via",
-                            "type": "\"click\" | \"hover\" | \"programmatic\"",
+                            "type": "\"click\" | \"focus\" | \"hover\" | \"programmatic\"",
                             "docs": ""
                         }],
                     "references": {
@@ -901,7 +904,7 @@ export class SwirlPopover {
                             "docs": ""
                         }, {
                             "name": "via",
-                            "type": "\"click\" | \"hover\" | \"programmatic\"",
+                            "type": "\"click\" | \"focus\" | \"hover\" | \"programmatic\"",
                             "docs": ""
                         }],
                     "references": {