@getflip/swirl-components 0.309.1 → 0.311.0

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-wechat.js

@@ -8,7 +8,7 @@ export class SwirlSymbolWechat {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'd39a5994f1bc75d5df13dea40b0b05bbdf397353', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '2039348eb27f91b94cdd0d8e41b7fed0e9452f54' }, h("path", { key: '099daae833ed3f589d39be9cf7bd56a02acc666d', d: "M18.363 19.934C17.7635 19.9876 17.1704 20.0984 16.592 20.265C15.726 20.3736 14.8466 20.2895 14.0169 20.0188C13.1871 19.7481 12.4274 19.2974 11.792 18.699C11.1968 18.1904 10.733 17.5458 10.4399 16.8198C10.1469 16.0938 10.0332 15.3078 10.1086 14.5285C10.1839 13.7493 10.4461 12.9997 10.8729 12.3433C11.2996 11.6869 11.8783 11.1431 12.56 10.758C13.8696 9.92811 15.434 9.59712 16.9675 9.82553C18.501 10.0539 19.9011 10.8265 20.912 12.002C21.7049 12.9565 22.0918 14.184 21.9895 15.4207C21.8873 16.6574 21.304 17.8047 20.365 18.616C19.793 19.125 19.586 19.544 19.953 20.216C20.011 20.3561 20.0496 20.5035 20.068 20.654C19.5389 20.33 18.9642 20.0873 18.363 19.934ZM12.677 13.501C12.6857 13.6807 12.7633 13.8501 12.8937 13.9741C13.024 14.0981 13.1971 14.1672 13.377 14.167C13.5566 14.1695 13.7301 14.102 13.8607 13.9788C13.9914 13.8556 14.069 13.6864 14.077 13.507C14.0801 13.4141 14.0646 13.3215 14.0315 13.2346C13.9984 13.1477 13.9483 13.0683 13.8841 13.001C13.82 12.9337 13.7431 12.8798 13.6579 12.8426C13.5727 12.8053 13.481 12.7854 13.388 12.784H13.382C13.2882 12.7834 13.1952 12.8017 13.1087 12.8378C13.0221 12.8738 12.9436 12.9269 12.8779 12.9939C12.8123 13.0609 12.7607 13.1404 12.7264 13.2277C12.692 13.3149 12.6756 13.4082 12.678 13.502L12.677 13.501ZM16.999 13.448C16.9945 13.5402 17.0088 13.6324 17.0409 13.719C17.073 13.8055 17.1224 13.8847 17.1859 13.9517C17.2494 14.0187 17.3259 14.0721 17.4106 14.1088C17.4954 14.1454 17.5867 14.1646 17.679 14.165C17.8567 14.1674 18.0281 14.0997 18.1562 13.9765C18.2842 13.8533 18.3585 13.6846 18.363 13.507C18.3674 13.415 18.3533 13.323 18.3215 13.2365C18.2896 13.15 18.2407 13.0709 18.1776 13.0037C18.1146 12.9365 18.0386 12.8827 17.9543 12.8455C17.87 12.8083 17.7791 12.7884 17.687 12.787H17.681C17.5041 12.7891 17.3348 12.8589 17.2077 12.982C17.0807 13.1052 17.0057 13.2723 16.998 13.449L16.999 13.448ZM4.978 15.267C5.0495 15.1184 5.05969 14.9476 5.00637 14.7916C4.95305 14.6356 4.84049 14.5068 4.693 14.433C3.64719 13.7866 2.8407 12.8168 2.39586 11.6707C1.95101 10.5246 1.89208 9.26464 2.228 8.082C2.53159 7.04387 3.09763 6.10152 3.8715 5.34587C4.64537 4.59022 5.60093 4.04678 6.646 3.768C8.07569 3.29375 9.616 3.26673 11.0614 3.69054C12.5069 4.11434 13.7887 4.96883 14.736 6.14C15.3977 6.9846 15.8 8.00316 15.894 9.072C14.1145 9.09406 12.4082 9.78358 11.113 11.004C10.4624 11.6115 9.96373 12.3634 9.65731 13.1991C9.35088 14.0349 9.24527 14.9309 9.349 15.815C8.62 15.724 7.96 15.626 7.296 15.57C7.0563 15.5424 6.81369 15.583 6.596 15.687C5.948 16.052 5.33 16.462 4.596 16.92C4.736 16.313 4.824 15.78 4.978 15.267ZM11.806 7.459C11.5842 7.46414 11.3729 7.55504 11.2167 7.7126C11.0604 7.87015 10.9713 8.08212 10.968 8.304C10.9708 8.4141 10.9954 8.52255 11.0402 8.62315C11.0851 8.72374 11.1493 8.8145 11.2293 8.89021C11.3093 8.96592 11.4035 9.02511 11.5064 9.06437C11.6093 9.10363 11.7189 9.12219 11.829 9.119C11.9388 9.11956 12.0476 9.09811 12.149 9.05592C12.2504 9.01372 12.3423 8.95164 12.4193 8.87334C12.4963 8.79504 12.5568 8.70211 12.5973 8.60002C12.6378 8.49794 12.6574 8.38879 12.655 8.279C12.6526 8.05948 12.5633 7.84986 12.4065 7.69614C12.2498 7.54241 12.0385 7.45713 11.819 7.459H11.806ZM5.66 8.259C5.65599 8.36873 5.67398 8.47817 5.71291 8.58085C5.75185 8.68352 5.81094 8.77737 5.8867 8.85686C5.96246 8.93635 6.05337 8.99988 6.15406 9.04369C6.25475 9.08751 6.36319 9.11074 6.473 9.112C6.69465 9.12018 6.91064 9.04088 7.07434 8.89121C7.23805 8.74153 7.33633 8.5335 7.348 8.312C7.34893 8.09042 7.26371 7.87715 7.11033 7.71724C6.95695 7.55733 6.74742 7.4633 6.526 7.455H6.501C6.28247 7.4523 6.07167 7.53579 5.91426 7.6874C5.75685 7.83901 5.6655 8.04652 5.66 8.265V8.259Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'e07f665904399fcbdbd6669ee6d2788a5c18976f', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '9b67394b36a4b628d6e277c3323ae1d98ea90342' }, h("path", { key: '8f838e5c0ce9080e6b16e94f8eed3cab4f436351', d: "M18.363 19.934C17.7635 19.9876 17.1704 20.0984 16.592 20.265C15.726 20.3736 14.8466 20.2895 14.0169 20.0188C13.1871 19.7481 12.4274 19.2974 11.792 18.699C11.1968 18.1904 10.733 17.5458 10.4399 16.8198C10.1469 16.0938 10.0332 15.3078 10.1086 14.5285C10.1839 13.7493 10.4461 12.9997 10.8729 12.3433C11.2996 11.6869 11.8783 11.1431 12.56 10.758C13.8696 9.92811 15.434 9.59712 16.9675 9.82553C18.501 10.0539 19.9011 10.8265 20.912 12.002C21.7049 12.9565 22.0918 14.184 21.9895 15.4207C21.8873 16.6574 21.304 17.8047 20.365 18.616C19.793 19.125 19.586 19.544 19.953 20.216C20.011 20.3561 20.0496 20.5035 20.068 20.654C19.5389 20.33 18.9642 20.0873 18.363 19.934ZM12.677 13.501C12.6857 13.6807 12.7633 13.8501 12.8937 13.9741C13.024 14.0981 13.1971 14.1672 13.377 14.167C13.5566 14.1695 13.7301 14.102 13.8607 13.9788C13.9914 13.8556 14.069 13.6864 14.077 13.507C14.0801 13.4141 14.0646 13.3215 14.0315 13.2346C13.9984 13.1477 13.9483 13.0683 13.8841 13.001C13.82 12.9337 13.7431 12.8798 13.6579 12.8426C13.5727 12.8053 13.481 12.7854 13.388 12.784H13.382C13.2882 12.7834 13.1952 12.8017 13.1087 12.8378C13.0221 12.8738 12.9436 12.9269 12.8779 12.9939C12.8123 13.0609 12.7607 13.1404 12.7264 13.2277C12.692 13.3149 12.6756 13.4082 12.678 13.502L12.677 13.501ZM16.999 13.448C16.9945 13.5402 17.0088 13.6324 17.0409 13.719C17.073 13.8055 17.1224 13.8847 17.1859 13.9517C17.2494 14.0187 17.3259 14.0721 17.4106 14.1088C17.4954 14.1454 17.5867 14.1646 17.679 14.165C17.8567 14.1674 18.0281 14.0997 18.1562 13.9765C18.2842 13.8533 18.3585 13.6846 18.363 13.507C18.3674 13.415 18.3533 13.323 18.3215 13.2365C18.2896 13.15 18.2407 13.0709 18.1776 13.0037C18.1146 12.9365 18.0386 12.8827 17.9543 12.8455C17.87 12.8083 17.7791 12.7884 17.687 12.787H17.681C17.5041 12.7891 17.3348 12.8589 17.2077 12.982C17.0807 13.1052 17.0057 13.2723 16.998 13.449L16.999 13.448ZM4.978 15.267C5.0495 15.1184 5.05969 14.9476 5.00637 14.7916C4.95305 14.6356 4.84049 14.5068 4.693 14.433C3.64719 13.7866 2.8407 12.8168 2.39586 11.6707C1.95101 10.5246 1.89208 9.26464 2.228 8.082C2.53159 7.04387 3.09763 6.10152 3.8715 5.34587C4.64537 4.59022 5.60093 4.04678 6.646 3.768C8.07569 3.29375 9.616 3.26673 11.0614 3.69054C12.5069 4.11434 13.7887 4.96883 14.736 6.14C15.3977 6.9846 15.8 8.00316 15.894 9.072C14.1145 9.09406 12.4082 9.78358 11.113 11.004C10.4624 11.6115 9.96373 12.3634 9.65731 13.1991C9.35088 14.0349 9.24527 14.9309 9.349 15.815C8.62 15.724 7.96 15.626 7.296 15.57C7.0563 15.5424 6.81369 15.583 6.596 15.687C5.948 16.052 5.33 16.462 4.596 16.92C4.736 16.313 4.824 15.78 4.978 15.267ZM11.806 7.459C11.5842 7.46414 11.3729 7.55504 11.2167 7.7126C11.0604 7.87015 10.9713 8.08212 10.968 8.304C10.9708 8.4141 10.9954 8.52255 11.0402 8.62315C11.0851 8.72374 11.1493 8.8145 11.2293 8.89021C11.3093 8.96592 11.4035 9.02511 11.5064 9.06437C11.6093 9.10363 11.7189 9.12219 11.829 9.119C11.9388 9.11956 12.0476 9.09811 12.149 9.05592C12.2504 9.01372 12.3423 8.95164 12.4193 8.87334C12.4963 8.79504 12.5568 8.70211 12.5973 8.60002C12.6378 8.49794 12.6574 8.38879 12.655 8.279C12.6526 8.05948 12.5633 7.84986 12.4065 7.69614C12.2498 7.54241 12.0385 7.45713 11.819 7.459H11.806ZM5.66 8.259C5.65599 8.36873 5.67398 8.47817 5.71291 8.58085C5.75185 8.68352 5.81094 8.77737 5.8867 8.85686C5.96246 8.93635 6.05337 8.99988 6.15406 9.04369C6.25475 9.08751 6.36319 9.11074 6.473 9.112C6.69465 9.12018 6.91064 9.04088 7.07434 8.89121C7.23805 8.74153 7.33633 8.5335 7.348 8.312C7.34893 8.09042 7.26371 7.87715 7.11033 7.71724C6.95695 7.55733 6.74742 7.4633 6.526 7.455H6.501C6.28247 7.4523 6.07167 7.53579 5.91426 7.6874C5.75685 7.83901 5.6655 8.04652 5.66 8.265V8.259Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-wechat"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-weibo.js

@@ -8,7 +8,7 @@ export class SwirlSymbolWeibo {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '6ba55af4c99776af320371bb4d0dc91b9322cce8', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'eab247ef4753caff3ea4f357eb8bd40676239335' }, h("path", { key: '50cfc83e1efbb6f4ea7877159e48611d94dd3a53', d: "M9.53101 16.326C9.60621 16.2143 9.65616 16.0875 9.67741 15.9546C9.69865 15.8216 9.69066 15.6856 9.65401 15.556C9.61996 15.4304 9.55701 15.3146 9.47019 15.2177C9.38338 15.1208 9.2751 15.0456 9.15401 14.998C8.89337 14.8938 8.60337 14.8899 8.34001 14.987C8.06338 15.0735 7.82635 15.2553 7.67101 15.5C7.59307 15.6093 7.53975 15.7342 7.51472 15.8661C7.48969 15.998 7.49354 16.1337 7.52601 16.264C7.55731 16.3884 7.61691 16.504 7.70016 16.6016C7.78341 16.6993 7.88808 16.7764 8.00601 16.827C8.13586 16.8861 8.27611 16.919 8.41872 16.9238C8.56132 16.9286 8.70347 16.9053 8.83701 16.855C9.12285 16.7648 9.36827 16.5777 9.53101 16.326ZM10.58 14.976C10.6094 14.9325 10.6283 14.8827 10.6351 14.8306C10.6418 14.7785 10.6363 14.7256 10.619 14.676C10.6042 14.6284 10.5783 14.5849 10.5436 14.5491C10.5088 14.5134 10.4662 14.4862 10.419 14.47C10.3159 14.4329 10.2027 14.4351 10.101 14.476C9.99819 14.5125 9.91263 14.5859 9.86101 14.682C9.73434 14.9127 9.78267 15.0793 10.006 15.182C10.1112 15.2192 10.2263 15.2171 10.33 15.176C10.4356 15.1433 10.5249 15.0718 10.58 14.976ZM12.521 16.17C12.1771 16.9393 11.5436 17.5419 10.758 17.847C9.97045 18.2015 9.07894 18.2493 8.25801 17.981C7.89599 17.883 7.5604 17.7055 7.27565 17.4614C6.99091 17.2173 6.76419 16.9128 6.61201 16.57C6.46311 16.239 6.39225 15.8782 6.40491 15.5155C6.41757 15.1528 6.5134 14.7978 6.68501 14.478C7.04539 13.776 7.64476 13.226 8.37501 12.927C9.11037 12.5885 9.93991 12.5136 10.724 12.715C11.0977 12.7957 11.4495 12.9567 11.7548 13.1869C12.0601 13.417 12.3116 13.7109 12.492 14.048C12.6658 14.3737 12.7591 14.7363 12.7641 15.1055C12.7692 15.4746 12.6858 15.8396 12.521 16.17ZM16 14.385C15.9231 13.6483 15.5679 12.9688 15.007 12.485C14.3416 11.8972 13.5434 11.4799 12.681 11.269C11.6827 11.0054 10.6447 10.9261 9.61801 11.035C8.11965 11.1459 6.68726 11.6962 5.50001 12.617C5.01866 12.9382 4.62925 13.3793 4.3701 13.8967C4.11094 14.4141 3.99098 14.9901 4.02201 15.568C4.09895 16.3047 4.45411 16.9842 5.01501 17.468C5.68037 18.0558 6.4786 18.4731 7.34101 18.684C8.33928 18.9476 9.37727 19.0269 10.404 18.918C11.9038 18.8089 13.338 18.2596 14.527 17.339C15.0079 17.0169 15.3966 16.5751 15.6549 16.0572C15.9132 15.5392 16.0321 14.9629 16 14.385ZM19.436 14.43C19.4259 14.9744 19.2842 15.5082 19.023 15.986C18.7117 16.5639 18.3 17.0816 17.807 17.515C17.2361 18.027 16.6048 18.4672 15.927 18.826C15.1298 19.2422 14.2821 19.5535 13.405 19.752C12.4161 19.9856 11.4031 20.1017 10.387 20.098C9.35287 20.0997 8.32245 19.9741 7.31901 19.724C6.38271 19.4981 5.48051 19.1491 4.63601 18.686C3.87992 18.2751 3.22608 17.6992 2.72301 17.001C2.25172 16.355 1.99848 15.5756 2.00001 14.776C2.02962 13.8164 2.29584 12.8789 2.77501 12.047C3.36327 10.9847 4.10453 10.0147 4.97501 9.168C6.04888 8.03586 7.34631 7.13924 8.78501 6.535C10.0683 6.03633 10.985 6.06233 11.535 6.613C12.0183 7.089 12.0927 7.86633 11.758 8.945C11.7289 9.01589 11.7251 9.09459 11.747 9.168C11.7574 9.18953 11.7732 9.20803 11.7928 9.22169C11.8124 9.23535 11.8352 9.24373 11.859 9.246C11.913 9.25328 11.9677 9.25125 12.021 9.24C12.0721 9.23013 12.1225 9.21711 12.172 9.201L12.239 9.179C13.1013 8.77989 14.0344 8.55622 14.984 8.521C15.3023 8.48978 15.6233 8.53532 15.9204 8.65382C16.2174 8.77231 16.4816 8.96029 16.691 9.202C16.859 9.506 16.9471 9.84766 16.9471 10.195C16.9471 10.5423 16.859 10.884 16.691 11.188C16.681 11.2637 16.6643 11.3383 16.641 11.411C16.6321 11.4364 16.6322 11.4641 16.6413 11.4894C16.6504 11.5147 16.668 11.5361 16.691 11.55C16.7316 11.584 16.7767 11.6123 16.825 11.634C16.8623 11.6487 16.9257 11.671 17.015 11.701C17.4189 11.8256 17.8051 12.0017 18.164 12.225C18.5246 12.459 18.8294 12.7693 19.057 13.134C19.3089 13.5191 19.4418 13.9698 19.439 14.43H19.436ZM18.61 7.468C18.9183 7.80939 19.1284 8.22785 19.218 8.679C19.3121 9.11461 19.2868 9.56752 19.145 9.99C19.118 10.0718 19.075 10.1474 19.0185 10.2125C18.962 10.2775 18.8932 10.3307 18.816 10.369C18.74 10.4097 18.6565 10.4347 18.5706 10.4424C18.4847 10.4501 18.3981 10.4405 18.316 10.414C18.2342 10.387 18.1586 10.344 18.0935 10.2875C18.0285 10.231 17.9753 10.1622 17.937 10.085C17.8963 10.009 17.8713 9.92549 17.8636 9.83958C17.8559 9.75367 17.8655 9.66709 17.892 9.585C17.9595 9.37421 17.9707 9.14942 17.9244 8.93299C17.8781 8.71655 17.776 8.516 17.6281 8.35127C17.4803 8.18655 17.2919 8.0634 17.0817 7.99405C16.8715 7.9247 16.6468 7.91159 16.43 7.956C16.2581 7.99376 16.0783 7.96175 15.93 7.867C15.8556 7.82333 15.792 7.76358 15.7437 7.69212C15.6954 7.62065 15.6638 7.53929 15.651 7.454C15.6314 7.36896 15.6292 7.28083 15.6445 7.19492C15.6598 7.109 15.6923 7.02705 15.74 6.954C15.7851 6.88029 15.8452 6.81686 15.9163 6.76777C15.9875 6.71869 16.0681 6.68504 16.153 6.669C16.5933 6.57184 17.0515 6.59289 17.481 6.73C17.9193 6.86666 18.3111 7.12212 18.613 7.468H18.61ZM20.629 5.649C21.2508 6.33932 21.6799 7.18124 21.873 8.09004C22.0661 8.99885 22.0164 9.94248 21.729 10.826C21.6988 10.9219 21.6497 11.0107 21.5846 11.0873C21.5195 11.1639 21.4398 11.2267 21.35 11.272C21.2618 11.3196 21.1647 11.3481 21.0648 11.3559C20.9649 11.3636 20.8645 11.3504 20.77 11.317C20.5782 11.2534 20.4187 11.1176 20.3253 10.9384C20.232 10.7592 20.2122 10.5506 20.27 10.357C20.4237 9.88568 20.4827 9.38862 20.4435 8.89442C20.4044 8.40022 20.2678 7.91865 20.0418 7.47744C19.8157 7.03622 19.5047 6.64408 19.1264 6.32358C18.7482 6.00309 18.3103 5.76057 17.838 5.61C17.2134 5.41359 16.5489 5.38087 15.908 5.515C15.8091 5.5363 15.707 5.53792 15.6075 5.51974C15.508 5.50157 15.413 5.46396 15.3281 5.40908C15.2431 5.3542 15.1698 5.28311 15.1123 5.19987C15.0548 5.11664 15.0143 5.0229 14.993 4.924C14.9699 4.82604 14.9674 4.72435 14.9857 4.62537C15.0039 4.52639 15.0425 4.43228 15.099 4.349C15.1535 4.2643 15.2245 4.19149 15.3079 4.13495C15.3912 4.07841 15.4852 4.03931 15.584 4.02C16.4871 3.82599 17.4251 3.8701 18.306 4.148C19.2047 4.42375 20.0096 4.94252 20.632 5.647L20.629 5.649Z", fill: "currentColor" }))));
+        return (h("svg", { key: '85dd2b9b2f64cc91e069d69b586f8ad86c0a1c97', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ac7b38ce3c6ae6509dbce14e736f3bdaee357ee8' }, h("path", { key: '5e6aaedf4bc7ec11d1d81293982c6b855e6705d2', d: "M9.53101 16.326C9.60621 16.2143 9.65616 16.0875 9.67741 15.9546C9.69865 15.8216 9.69066 15.6856 9.65401 15.556C9.61996 15.4304 9.55701 15.3146 9.47019 15.2177C9.38338 15.1208 9.2751 15.0456 9.15401 14.998C8.89337 14.8938 8.60337 14.8899 8.34001 14.987C8.06338 15.0735 7.82635 15.2553 7.67101 15.5C7.59307 15.6093 7.53975 15.7342 7.51472 15.8661C7.48969 15.998 7.49354 16.1337 7.52601 16.264C7.55731 16.3884 7.61691 16.504 7.70016 16.6016C7.78341 16.6993 7.88808 16.7764 8.00601 16.827C8.13586 16.8861 8.27611 16.919 8.41872 16.9238C8.56132 16.9286 8.70347 16.9053 8.83701 16.855C9.12285 16.7648 9.36827 16.5777 9.53101 16.326ZM10.58 14.976C10.6094 14.9325 10.6283 14.8827 10.6351 14.8306C10.6418 14.7785 10.6363 14.7256 10.619 14.676C10.6042 14.6284 10.5783 14.5849 10.5436 14.5491C10.5088 14.5134 10.4662 14.4862 10.419 14.47C10.3159 14.4329 10.2027 14.4351 10.101 14.476C9.99819 14.5125 9.91263 14.5859 9.86101 14.682C9.73434 14.9127 9.78267 15.0793 10.006 15.182C10.1112 15.2192 10.2263 15.2171 10.33 15.176C10.4356 15.1433 10.5249 15.0718 10.58 14.976ZM12.521 16.17C12.1771 16.9393 11.5436 17.5419 10.758 17.847C9.97045 18.2015 9.07894 18.2493 8.25801 17.981C7.89599 17.883 7.5604 17.7055 7.27565 17.4614C6.99091 17.2173 6.76419 16.9128 6.61201 16.57C6.46311 16.239 6.39225 15.8782 6.40491 15.5155C6.41757 15.1528 6.5134 14.7978 6.68501 14.478C7.04539 13.776 7.64476 13.226 8.37501 12.927C9.11037 12.5885 9.93991 12.5136 10.724 12.715C11.0977 12.7957 11.4495 12.9567 11.7548 13.1869C12.0601 13.417 12.3116 13.7109 12.492 14.048C12.6658 14.3737 12.7591 14.7363 12.7641 15.1055C12.7692 15.4746 12.6858 15.8396 12.521 16.17ZM16 14.385C15.9231 13.6483 15.5679 12.9688 15.007 12.485C14.3416 11.8972 13.5434 11.4799 12.681 11.269C11.6827 11.0054 10.6447 10.9261 9.61801 11.035C8.11965 11.1459 6.68726 11.6962 5.50001 12.617C5.01866 12.9382 4.62925 13.3793 4.3701 13.8967C4.11094 14.4141 3.99098 14.9901 4.02201 15.568C4.09895 16.3047 4.45411 16.9842 5.01501 17.468C5.68037 18.0558 6.4786 18.4731 7.34101 18.684C8.33928 18.9476 9.37727 19.0269 10.404 18.918C11.9038 18.8089 13.338 18.2596 14.527 17.339C15.0079 17.0169 15.3966 16.5751 15.6549 16.0572C15.9132 15.5392 16.0321 14.9629 16 14.385ZM19.436 14.43C19.4259 14.9744 19.2842 15.5082 19.023 15.986C18.7117 16.5639 18.3 17.0816 17.807 17.515C17.2361 18.027 16.6048 18.4672 15.927 18.826C15.1298 19.2422 14.2821 19.5535 13.405 19.752C12.4161 19.9856 11.4031 20.1017 10.387 20.098C9.35287 20.0997 8.32245 19.9741 7.31901 19.724C6.38271 19.4981 5.48051 19.1491 4.63601 18.686C3.87992 18.2751 3.22608 17.6992 2.72301 17.001C2.25172 16.355 1.99848 15.5756 2.00001 14.776C2.02962 13.8164 2.29584 12.8789 2.77501 12.047C3.36327 10.9847 4.10453 10.0147 4.97501 9.168C6.04888 8.03586 7.34631 7.13924 8.78501 6.535C10.0683 6.03633 10.985 6.06233 11.535 6.613C12.0183 7.089 12.0927 7.86633 11.758 8.945C11.7289 9.01589 11.7251 9.09459 11.747 9.168C11.7574 9.18953 11.7732 9.20803 11.7928 9.22169C11.8124 9.23535 11.8352 9.24373 11.859 9.246C11.913 9.25328 11.9677 9.25125 12.021 9.24C12.0721 9.23013 12.1225 9.21711 12.172 9.201L12.239 9.179C13.1013 8.77989 14.0344 8.55622 14.984 8.521C15.3023 8.48978 15.6233 8.53532 15.9204 8.65382C16.2174 8.77231 16.4816 8.96029 16.691 9.202C16.859 9.506 16.9471 9.84766 16.9471 10.195C16.9471 10.5423 16.859 10.884 16.691 11.188C16.681 11.2637 16.6643 11.3383 16.641 11.411C16.6321 11.4364 16.6322 11.4641 16.6413 11.4894C16.6504 11.5147 16.668 11.5361 16.691 11.55C16.7316 11.584 16.7767 11.6123 16.825 11.634C16.8623 11.6487 16.9257 11.671 17.015 11.701C17.4189 11.8256 17.8051 12.0017 18.164 12.225C18.5246 12.459 18.8294 12.7693 19.057 13.134C19.3089 13.5191 19.4418 13.9698 19.439 14.43H19.436ZM18.61 7.468C18.9183 7.80939 19.1284 8.22785 19.218 8.679C19.3121 9.11461 19.2868 9.56752 19.145 9.99C19.118 10.0718 19.075 10.1474 19.0185 10.2125C18.962 10.2775 18.8932 10.3307 18.816 10.369C18.74 10.4097 18.6565 10.4347 18.5706 10.4424C18.4847 10.4501 18.3981 10.4405 18.316 10.414C18.2342 10.387 18.1586 10.344 18.0935 10.2875C18.0285 10.231 17.9753 10.1622 17.937 10.085C17.8963 10.009 17.8713 9.92549 17.8636 9.83958C17.8559 9.75367 17.8655 9.66709 17.892 9.585C17.9595 9.37421 17.9707 9.14942 17.9244 8.93299C17.8781 8.71655 17.776 8.516 17.6281 8.35127C17.4803 8.18655 17.2919 8.0634 17.0817 7.99405C16.8715 7.9247 16.6468 7.91159 16.43 7.956C16.2581 7.99376 16.0783 7.96175 15.93 7.867C15.8556 7.82333 15.792 7.76358 15.7437 7.69212C15.6954 7.62065 15.6638 7.53929 15.651 7.454C15.6314 7.36896 15.6292 7.28083 15.6445 7.19492C15.6598 7.109 15.6923 7.02705 15.74 6.954C15.7851 6.88029 15.8452 6.81686 15.9163 6.76777C15.9875 6.71869 16.0681 6.68504 16.153 6.669C16.5933 6.57184 17.0515 6.59289 17.481 6.73C17.9193 6.86666 18.3111 7.12212 18.613 7.468H18.61ZM20.629 5.649C21.2508 6.33932 21.6799 7.18124 21.873 8.09004C22.0661 8.99885 22.0164 9.94248 21.729 10.826C21.6988 10.9219 21.6497 11.0107 21.5846 11.0873C21.5195 11.1639 21.4398 11.2267 21.35 11.272C21.2618 11.3196 21.1647 11.3481 21.0648 11.3559C20.9649 11.3636 20.8645 11.3504 20.77 11.317C20.5782 11.2534 20.4187 11.1176 20.3253 10.9384C20.232 10.7592 20.2122 10.5506 20.27 10.357C20.4237 9.88568 20.4827 9.38862 20.4435 8.89442C20.4044 8.40022 20.2678 7.91865 20.0418 7.47744C19.8157 7.03622 19.5047 6.64408 19.1264 6.32358C18.7482 6.00309 18.3103 5.76057 17.838 5.61C17.2134 5.41359 16.5489 5.38087 15.908 5.515C15.8091 5.5363 15.707 5.53792 15.6075 5.51974C15.508 5.50157 15.413 5.46396 15.3281 5.40908C15.2431 5.3542 15.1698 5.28311 15.1123 5.19987C15.0548 5.11664 15.0143 5.0229 14.993 4.924C14.9699 4.82604 14.9674 4.72435 14.9857 4.62537C15.0039 4.52639 15.0425 4.43228 15.099 4.349C15.1535 4.2643 15.2245 4.19149 15.3079 4.13495C15.3912 4.07841 15.4852 4.03931 15.584 4.02C16.4871 3.82599 17.4251 3.8701 18.306 4.148C19.2047 4.42375 20.0096 4.94252 20.632 5.647L20.629 5.649Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-weibo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-work.js

@@ -8,7 +8,7 @@ export class SwirlSymbolWork {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'e5973ce1b9f242e5a85173f489984d04b7c616ca', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '6f6a6b38f15f0c63506ec33d07c17a5d6accbedd' }, h("path", { key: 'fd24454d0c23b97fbeb2b1bae1baf09b5741d092', d: "M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z", fill: "currentColor" }))));
+        return (h("svg", { key: '642f9e4218b8f08caa63729be63a65f59977ac4a', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '48948493b843ffe089653e0bb85d4da8923e558e' }, h("path", { key: '28b7692e7bb535b287add00c935eadf5e32cb348', d: "M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-work"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-xing.js

@@ -8,7 +8,7 @@ export class SwirlSymbolXing {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '8b2982ee8a703964ac07662a8f7ddc52344f7aad', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '0a4d89f608f28a60079361f8fa1f8a065be4163f' }, h("path", { key: 'f77abfbf108b6c878aec1eb724bb173f0c508baf', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
+        return (h("svg", { key: '76a4bbf469841312d537403643d539f791da580a', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'e6d545142effa45c4773135ea98519b718a8937d' }, h("path", { key: '786bd8f8561ec754cb524700964027578c737893', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-xing"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-youtube.js

@@ -8,7 +8,7 @@ export class SwirlSymbolYoutube {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'b813367fd1b96bd828667787ffbd6a56ccd6c37e', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '2fb98a360fc36726e8bc15c1f7424dba1494eacf' }, h("path", { key: '0e82d28168aa10fa9deb8f1fe60b2688b59d1c08', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+        return (h("svg", { key: '2d963db3c02b4b32cf16d37e89bfdc70f16e0ecc', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'f34dcb38275601d27ec2dd73c860926d76b2c470' }, h("path", { key: 'c12030311c602ef43b0a859b11075240adde440d', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-youtube"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-cell/swirl-table-cell.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlTableCell {
     render() {
-        return (h(Host, { key: '8987a2341d8f9c4843ae4bc52381bf9fc0ed62dc', class: "table-cell", role: "cell" }, h("slot", { key: 'f74c1d573150ece89c4c9b8ad528b4622f421df9' })));
+        return (h(Host, { key: 'afd196cf7cc0afe6958a310579bf54f5a0ceb038', class: "table-cell", role: "cell" }, h("slot", { key: 'cc99ea7002a3338354202549ed7f2ccc3ad81a3b' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-row/swirl-table-row.js

@@ -17,7 +17,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: '3b70328fa106e1fda0e0a011f3c67ca973bcff04', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '3beadec2fb2937fc9327e1f56497ed5fcf18bda1' })));
+        return (h(Host, { key: 'e092412ed997a09905328d7d65c831d41b75700b', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '651392c65a933d2ddd743850ebd0ffaa706698c1' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-row-group/swirl-table-row-group.js

@@ -40,10 +40,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: 'b85c9309066983fe2ae38a7057c8bcec7c67bf9f', class: "table-row-group", role: "rowgroup" }, h("div", { key: '698c8029516281204df357a8384c1656f026a29e', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'd715ab4a091c33daa5c4f86b314fd9885132b813', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: '8ff7b435cab7b33d562c49b17b1034fb35f7261a', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '38f8413cabc278baeca7f992347a5ba2e42eecec', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'f728fb1f60d2524f09267418ab2e240b5cc1124f', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'd3de7cf4cc22abb68b59dbf8618ed61081dbacf3', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '16f83476e341ac9cd6529475b645477dab101b67', class: {
+        return (h(Host, { key: 'e7765f0931961a01b7e4375479a8c5dc950572dc', class: "table-row-group", role: "rowgroup" }, h("div", { key: '2d315c7b17562e85b6a27eb71f706042b93ef7bf', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'f3e1b6d3ffdfebf4e56079143d0d40d9e55073b2', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: '397387f508312c2c41caf520440187a0a32d2670', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '611d1a9616667ef6657f8c3cef226dc979922730', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '20bc818fdb2599a56cdd6aa4026066a47a9449ac', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '305175fe54110fe6fe50962a7cf79b954eb3b9c0', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '81d31bce114c8adc83187502c7bc29699182d9fb', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'e9d2b958a8692548242d8600016fa5009e2c73be' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '415f1c65c9950fbce3efaea24d464e35a4b696c5' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tabs/swirl-tabs.js

@@ -78,7 +78,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '72e67c0525e895fe635094209bd52cc36cb1b64f' }, h("div", { key: '64fc5af444c3eb6837c60132698862c4d31d7ca4', class: "tabs" }, h("swirl-tab-bar", { key: '30e8fc660f712f0c1cc39371c0ccce4625351e1f', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'e409d75cbd822fcb8e5f401cf491c89f102602a4' })));
+        return (h(Host, { key: '9416903ca9d6b88cae2a3cb3774cd9144197421f' }, h("div", { key: 'd13670144eb66f3fb1daa3efb65f87ccbf2b5fdf', class: "tabs" }, h("swirl-tab-bar", { key: '41c0d6c00ad2c5053a7cb37feec2bb0f1042c1df', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'f4ad6282aff0e59e73cd0b8beb7c0f9dabf8ee79' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-theme-provider/swirl-theme-provider.js

@@ -145,7 +145,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'aabbf30d754dd6a0e4bb8aadaadbf86e4f82ea36' }, h("slot", { key: 'ecad84aed76b95f15b9fdc5cad772d3a5742cbfe' })));
+        return (h(Host, { key: 'ca058bf771dd18b13dd047f2885a599a00647a5b' }, h("slot", { key: '50916c63269ea4c024c25dc06714af324521fe3e' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-time-input/swirl-time-input.js

@@ -117,7 +117,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '358a4e5d346f49e9292511761b282a25d3d7af5d' }, h("div", { key: 'ba8dfbbf65e70a562f754a1aff06458d99cc623f', class: className }, h("input", { key: 'cf41ae4b272b3976bd2e7792ed45b43c86963c54', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '2be0b9e82ea61006c7d8665ee745434b4bde2acb', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '9d922b304fb2f909a92fcd8fb361d7c107340585', size: this.iconSize })))));
+        return (h(Host, { key: 'd9d349da2d5dffc4263107ef073af2a8cdd0ec02' }, h("div", { key: '6e9b753c44fda2e9b473ea3fb25b7f18905d4311', class: className }, h("input", { key: '3b10ce81f3a052205298dcbf75790aec6108c79c', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: 'a016010c070cb9f3fa502cee2ba1b5150c17ce9b', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '76bb525b214a5bdf1f64e844531eac7249a04412', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-toggle-button/swirl-toggle-button.css

@@ -8,17 +8,15 @@
 
 .button {
   display: inline-flex;
+  gap: var(--s-space-8);
   width: 100%;
-  padding: var(--s-space-8) var(--s-space-16);
+  padding: 0.375rem var(--s-space-8);
   justify-content: center;
   align-items: center;
   border: none;
-  border-top-left-radius: var(--swirl-button-border-top-left-radius);
-  border-top-right-radius: var(--swirl-button-border-top-right-radius);
-  border-bottom-right-radius: var(--swirl-button-border-bottom-right-radius);
-  border-bottom-left-radius: var(--swirl-button-border-bottom-left-radius);
+  border-radius: 0.375rem;
   color: var(--s-text-default);
-  background-color: var(--swirl-ghost-button-background-default);
+  background-color: var(--s-surface-sunken-default);
   font: inherit;
   font-weight: var(--s-font-weight-medium);
   line-height: var(--s-line-height-lg);
@@ -27,11 +25,11 @@
 }
 
 .button:hover {
-    background-color: var(--swirl-ghost-button-background-hovered);
+    background-color: var(--s-surface-sunken-hovered);
   }
 
 .button:active {
-    background-color: var(--swirl-ghost-button-background-pressed);
+    background-color: var(--s-surface-sunken-pressed);
   }
 
 .button:focus:not(:focus-visible) {
@@ -44,23 +42,21 @@
   }
 
 .button.button--pressed {
-    background-color: var(--swirl-flat-button-background-default);
+    background-color: var(--s-surface-default);
+    color: var(--s-text-highlight);
+    box-shadow: var(--s-shadow-level-1);
   }
 
-.button.button--pressed:hover {
-      background-color: var(--swirl-flat-button-background-hovered);
-    }
-
-.button.button--pressed:active {
-      background-color: var(--swirl-flat-button-background-pressed);
+.button.button--pressed .button__icon {
+      color: var(--s-icon-highlight);
     }
 
 @media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
 
 .button {
-    padding: var(--s-space-8) var(--s-space-12);
     font-size: var(--s-font-size-sm);
-    line-height: var(--s-line-height-sm)
+    line-height: var(--s-line-height-sm);
+    gap: var(--s-space-4)
 }
   }
 
@@ -70,3 +66,17 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+
+.button__icon {
+  width: 1.5rem;
+  height: 1.5rem;
+  color: var(--s-icon-default);
+}
+
+@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
+
+.button__icon {
+    width: 1.25rem;
+    height: 1.25rem
+}
+  }

package/dist/collection/components/swirl-toggle-button/swirl-toggle-button.js

@@ -7,13 +7,14 @@ export class SwirlToggleButton {
         };
         this.identifier = undefined;
         this.label = undefined;
+        this.icon = undefined;
         this.isPressed = false;
     }
     render() {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '654e9c17bbc1f380134b2340836644d13518de93', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: 'e8763b149683f3df56dbde2250859c224335f167', class: "button__label" }, this.label)));
+        return (h("button", { key: '74e8b4246d353bfd943f8f4d7447795c38f9e4de', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '1c9f8f24faa20722664176f3badd22525bedd122', class: "button__icon", glyph: this.icon })), h("span", { key: '38c1a93f671686f9ee525597636a61b03fd0c0ce', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }
@@ -63,6 +64,23 @@ export class SwirlToggleButton {
                 "attribute": "label",
                 "reflect": false
             },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "icon",
+                "reflect": false
+            },
             "isPressed": {
                 "type": "boolean",
                 "mutable": true,

package/dist/collection/components/swirl-toggle-button/swirl-toggle-button.stories.js

@@ -18,4 +18,5 @@ export const SwirlToggleButton = Template.bind({});
 SwirlToggleButton.args = {
     label: "Label",
     identifier: "identifier",
+    icon: "mention",
 };

package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.css

@@ -7,8 +7,11 @@
   }
 
 .toggle-group {
-  padding: var(--s-space-4);
-  background-color: var(--s-surface-default);
-  border-radius: var(--s-border-radius-base);
-  box-shadow: var(--s-shadow-level-1);
+  padding: var(--s-space-2);
+  background-color: var(--s-surface-sunken-default);
+  border-radius: var(--s-space-8);
+}
+
+.toggle-group--variant-outline {
+  box-shadow: inset 0 0 0 var(--s-border-width-default) var(--s-border-strong);
 }

package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.js

@@ -1,4 +1,5 @@
 import { h, } from "@stencil/core";
+import classnames from "classnames";
 export class SwirlToggleGroup {
     constructor() {
         this.toggleButtons = [];
@@ -6,6 +7,8 @@ export class SwirlToggleGroup {
             this.toggleButtons = Array.from(this.el.querySelectorAll("swirl-toggle-button"));
             this.setTogglePressedStates();
         };
+        this.variant = "flat";
+        this.swirlAriaLabel = undefined;
         this.selectedToggleId = undefined;
     }
     watchSelectedToggleId(newValue, oldValue) {
@@ -51,7 +54,8 @@ export class SwirlToggleGroup {
         });
     }
     render() {
-        return (h("swirl-stack", { key: '6c6325f132cf80b1b2e288e5fe319877786d2418', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '0938af70f44b258d6d699f6557001e66020dbc0a', onSlotchange: this.onSlotChange })));
+        const className = classnames("toggle-group", `toggle-group--variant-${this.variant}`);
+        return (h("swirl-stack", { key: 'bbb892ebb0078f1d85221c09f45d26ab1a9394d7', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'b697050275ced33880041fa0f33fa9d9902c216d', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }
@@ -67,6 +71,47 @@ export class SwirlToggleGroup {
     }
     static get properties() {
         return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlToggleGroupVariant",
+                    "resolved": "\"flat\" | \"outline\"",
+                    "references": {
+                        "SwirlToggleGroupVariant": {
+                            "location": "local",
+                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-toggle-group/swirl-toggle-group.tsx",
+                            "id": "src/components/swirl-toggle-group/swirl-toggle-group.tsx::SwirlToggleGroupVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "\"flat\""
+            },
+            "swirlAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "swirl-aria-label",
+                "reflect": false
+            },
             "selectedToggleId": {
                 "type": "string",
                 "mutable": true,

package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.spec.js

@@ -18,7 +18,7 @@ describe("swirl-toggle-group", () => {
         expect(page.root).toEqualHtml(`
       <swirl-toggle-group selected-toggle-id=\"toggle-2\">
         <mock:shadow-root>
-          <swirl-stack align=\"center\" class=\"toggle-group\" orientation=\"horizontal\" role=\"group\" spacing=\"4\">
+          <swirl-stack align=\"center\" class=\"toggle-group toggle-group--variant-flat\" orientation=\"horizontal\" role=\"group\" spacing=\"4\">
             <slot></slot>
           </swirl-stack>
         </mock:shadow-root>

package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.stories.js

@@ -13,9 +13,9 @@ export default {
 const Template = (args) => {
     const element = generateStoryElement("swirl-toggle-group", args);
     element.innerHTML = `
-    <swirl-toggle-button identifier="1" label="Toggle #1" ></swirl-toggle-button>
-    <swirl-toggle-button identifier="2" label="Toggle #2" ></swirl-toggle-button>
-    <swirl-toggle-button identifier="3" label="Toggle #3" ></swirl-toggle-button>
+    <swirl-toggle-button identifier="1" label="Toggle One" icon="mention"></swirl-toggle-button>
+    <swirl-toggle-button identifier="2" label="Toggle Two"></swirl-toggle-button>
+    <swirl-toggle-button identifier="3" label="Toggle Three" icon="mention"></swirl-toggle-button>
   `;
     return element;
 };

package/dist/collection/components/swirl-toolbar/swirl-toolbar.js

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '30b6d8f6f1839d8f1e6f230004d956b08833c72a' }, h("swirl-stack", { key: '9e3ff8f6292c3078f70bb08dc484bc3b164165cc', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '8655dd29f8f179f46f0a7fcf3ed496b674787590' }))));
+        return (h(Host, { key: 'e0050b4506c6a1fa8f3caa40c2072fd05ee7a905' }, h("swirl-stack", { key: 'a81e0333e80646ade8b45644a1838baf26da1873', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '92fa6c0f06ac9651b2f3abbc086f143b36d11277' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tooltip/swirl-tooltip.js

@@ -110,7 +110,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'f31fd2aa5375d28837f288d8ebe183a731cf8fb4', onKeydown: this.onKeydown }, h("span", { key: '941bd6dfebb68021f54a76a46cfc70cb56bf11a8', class: className }, h("span", { key: 'b609d1874e7d8fd6fe5012e50bd207c5f62a4105', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'a5c4cad650b61caa840a48cdb2b5a6a4caaf4ba0' })), h("span", { key: '33817affedade39695357af7be30c49b10aefe64', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: 'b98af38861cabd42aedd37fd9e55e4a4bab68349', onKeydown: this.onKeydown }, h("span", { key: '5bb42e83b24028a5b7497c639505f8617705ea0a', class: className }, h("span", { key: 'f6fb3fa48b455d68e538eea1a33d8c2a91abee2f', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '8ba4672f84663444be5131a4d240b84dffd94350' })), h("span", { key: '513527ac1724ab0ffa7c73026a46328f495ce9dd', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -118,7 +118,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'e06042a958d0b44b0fdc265bb8cfd604238c62bd', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '39c15558c4e5913c3027ef8b39fd233cc1083199', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'b01230c6d816f50db3c50fa1d2fd05cce4ffbe72', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'f9bba867d35b5d9f9d2f6b76d933285162ba747a', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'e002a27b50e4dc5bb1fb76ec8951b0a07ba9f4d7', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '7d986a3fd9dc05ed2e0798faf5bbc087ff6edc82', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/collection/components/swirl-tree-navigation/swirl-tree-navigation.js

@@ -4,7 +4,7 @@ export class SwirlTreeNavigation {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '7c04e1216d8b9a437d620dd4d3d77b1c2a095a56' }, h("ul", { key: 'd14e01fa4f91cfd43db0351dce56e6535070af49', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '7d5ae45d818f6753273da78909ee9388b5edeede' }))));
+        return (h(Host, { key: '28f12d544f31a15e4768ccd2724dc590499d516a' }, h("ul", { key: 'eaa75ff170fb4ad27ac2e4aca793ad62fc8165c9', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '006168e0a4d9dcc0e3b3820f7ea23cdc223a26ca' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.js

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'd7e2410d78a81d649e3898245844531387e92e90', role: "none" }, h("li", { key: '885bbfac113648131fd5cc73e4ecda072b3997eb', class: {
+        return (h(Host, { key: '33bef3f2582f3a66876f540eb64a4adca9c42095', role: "none" }, h("li", { key: '3a1ff715d4ab97ce1a8c1d4a2490bf0bbc32a95d', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: 'ac0b89e97b462856fd69825f62d33acaa283a2ca', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '9c94a8118608e340acf6e95039d618e501101fa7', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'ebf969e9e07345db6d3a3889002701968daec287', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '7c316c4f4bf6383558d2f87ca3db13220a55f166', class: "tree-navigation-item__label" }, h("span", { key: '577c659946956fc20a5d3daae47d897ae8307f86', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'c4a3199a43309911ff60ccfbc564c053e6e3e061', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '94a02c63cb1635f336440760e5d3cc27a559fc3b', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '10c0e9b4a66aa44dc142d6fdc19d1d2452399f2f', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'af2f73a619828f0c1d6ae9211f9b43d43f147f3a', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '56dc4a266305440a6ddc4ca95d29619394e6af06', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '907aa367836e088e3f472f9579a2891a074c4d60', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '15440fbbe9c089a5bd4e83858cebe11ab6421003', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '74174884788c27e30975823813b53bf8f81518a6', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'b3bae7140c243df25b893fbf6121b2674ede0602', class: "tree-navigation-item__label" }, h("span", { key: '97b78af129e93c875efd89f7afe29c11c55e0e0d', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'ba4c64f57a82e998c8a3b439af9a5f027f7dae16', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '9b428893c69b34113363373c30d040092bfd60b6', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'a123a58d0a5e5785e69c1874549ee02faed762de', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '4e5125776c6a8ab2cc1a474ea4769797fd604f5e', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'efdf392212b852571d0db0228841f1761536e6f8', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: 'b63fb900955fe08ea4260a10f34ee61efdcf7dd0' }))))));
+            } }, h("slot", { key: '8213c14e36a60a0a83665e28ee42b869004e2541' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-view/swirl-tree-view.js

@@ -321,7 +321,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: '439479abe7637e30013e1e052e158245d0243ca4' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '242fc0be8404eb8a3f4d322d019af88d043fb424' }, h("span", { key: '805333a7d57cdf977fb30cd7cf27fcdfea651b74', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'e8204ae95e46ab629de5d814578134fee52a0a87', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '1867ad4bb8916ca3b5caf36ad51bb623c221a4cf', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '16955aa0d14337164dad7afde596cb024a9db2da' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'f057d62cdfc78ab6934c0896d9ab9dc49b536b92' }, h("span", { key: '535b2f2897208e08d5c3b9fe4f831643457d5bf5', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '16272c7b26ae0c84b0a6e876bb6253c344fa281c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '505e3b9141e895a347cca881762b67ae126485d3', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js

@@ -323,13 +323,13 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: 'b7a9a348e6aea87330021e1d4bd6c23bce87196a', id: this.itemId, role: "none" }, h("li", { key: 'f63bf1e904992c75614073b14c239ceb837c0d86', class: className, role: "none" }, h("a", { key: 'a3eed8176cf650199ff47beecc9ab3db72cd2317', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: 'b92d3dc5e256553dcc489f40969a75797ed850fc', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '758de6c0e75c5c7d342ff6c8bddfc34178ec4b99', size: 20 }))), this.expandable && (h("span", { key: '38ea673596ef76945ccb548a9573ddc76c8aa12f', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'e12035858cd3f23d9edbd70df6f39360cacd21b7' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '08399862cbc5ea59de04939af5e768e059e7881e' }, h("span", { key: 'c14a6f49ff5ab0a1a004e6e6e350386b858666a9', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '7062600b06dcb6b1a91b034656450bd3776d9d23', class: "tree-view-item__label" }, this.label), h("span", { key: 'e6d7ab95934e1eddf8dec2563f41085a5bf562eb', class: "tree-view-item__tags" }, h("slot", { key: 'f59e1293462306863b1d8f72b4a431c605f6a1d7', name: "tags" }))), h("ul", { key: '3b032c7783b94f607f998a139592f6132de40e9b', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: '75dd63c2351c480395661aa8610d95f73ba847be', id: this.itemId, role: "none" }, h("li", { key: '122ed8c7439065d4a98b8482f70ca5085afeed50', class: className, role: "none" }, h("a", { key: '32c6ca8c645d70c1a5613f308b5b02647e681240', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '5eece9bd6261c2dd0b4ff99ec6ee0bd23fd6eea4', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '7539e72d5dc882dd7263ec4529ac406d69e77924', size: 20 }))), this.expandable && (h("span", { key: '062cd728c408668281f30ac640905fcdd6226c50', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'd4c8f1bcc9e4672217cd6ea9cf03f0d8760623a4' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'aed364abae35a0d71531816442974a3a1e422367' }, h("span", { key: 'fb00b679ad160b319f79548f69a2c1479514e542', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '271390e11dff546cdb789b684ad128873213b441', class: "tree-view-item__label" }, this.label), h("span", { key: '877f094d48b4c80458021d84efc17f1f38cfffd5', class: "tree-view-item__tags" }, h("slot", { key: 'd610a4c86bfa2b1962cc94087382ca21c813e24b', name: "tags" }))), h("ul", { key: '12e5ebabf7f1b801846f0633a6116a093e81dbbc', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: 'e53c108764aa69c9f588447b658a22fe13db3bd8' })))));
+            } }, h("slot", { key: '6a4281e2924093ea470ee009f4178a296d4569af' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-video-thumbnail/swirl-video-thumbnail.js

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: 'f4dd23782f8554444fbd6769a62b95750801513f' }, h("button", { key: 'c5cc96ff9ebac5a33088998768d05171165acb86', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '2df35d80d67a884aee4427bc0db6e3753f8f3dc6', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '51e267b365601e11965eeb4fb570c997a548ff9b', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'c8f7831e6c5d0dbca221b8972a3be84dd835adbb' }, this.durationLabel), this.duration)), h("svg", { key: 'ed6f2c43c9597313ca7c7d338af43a3b7701aa83', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '32de2235365afbefbaafb5a6d96544bc2709a2b5', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '725be56f5eeb3c9b535e0581b0421d3c86e8f4bc' }, h("button", { key: '04a020b91a16eb900b7c30738401f1ccd838bff3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '9d441c9ecb649e25d34d7805b339a2e973d9cc04', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '9fe1db1b3ef5c30471564e2e7359ee59867df9c3', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '686264efcee5ad08e10dcff64132cecf3c26b336' }, this.durationLabel), this.duration)), h("svg", { key: '34ccc3ae31421ae0b63158fb2dd5748bd29c94a7', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c75b854caf9c121031bbb83f3ec47cecf1f7221b', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: 'd55f8b1248adc8ba93310969ace417acfa3cf3d0' }, h("slot", { key: 'c4540d14f487cff5dfc341ab77efadd348726694' })));
+        return (h(Host, { key: '2915b24d87af8acf48c949ec521d11d2097ff073' }, h("slot", { key: 'c1991da67038c8aad9a4e09a2d05d213d474fa82' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }