npm - @getflip/swirl-components - Versions diffs - 0.423.1 → 0.424.0 - Mend

@getflip/swirl-components 0.423.1 → 0.424.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 (2023) hide show

package/dist/cjs/swirl-symbol-weibo.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlSymbolWeibo = class {
     }
     render() {
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '03593e899fd4b52a7de39c8c6af6656b18abdce5', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'dfe4b4bd5363eb5a665e5e26eb75492b2e27f348' }, index.h("path", { key: 'ef276fa91354c14d829942ab19a0d51722ed399c', 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 (index.h("svg", { key: '69c91544e3701d442317fe1274a863a3edac2421', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '820f85d04f5bf51b84190f12954abee7c2cf8f8b' }, index.h("path", { key: '4f331a3c566515f8dc903e07c620560076a5b830', 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" }))));
     }
 };
 SwirlSymbolWeibo.style = swirlSymbolCss;

package/dist/cjs/swirl-symbol-wifi.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlSymbolWifi = class {
     }
     render() {
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '8fe450e42005c906e0006cec07af17043c288d2a', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'c268e2426851494c5a38f1fcb6a2fdd5279c0649' }, index.h("path", { key: '4abfd79db1bba4404fe1a478c36e1d97ca3f32f5', d: "M12 21C11.3 21 10.7083 20.7583 10.225 20.275C9.74167 19.7917 9.5 19.2 9.5 18.5C9.5 17.8 9.74167 17.2083 10.225 16.725C10.7083 16.2417 11.3 16 12 16C12.7 16 13.2917 16.2417 13.775 16.725C14.2583 17.2083 14.5 17.8 14.5 18.5C14.5 19.2 14.2583 19.7917 13.775 20.275C13.2917 20.7583 12.7 21 12 21ZM12 10C13.25 10 14.4375 10.2 15.5625 10.6C16.6875 11 17.7083 11.55 18.625 12.25C18.9583 12.5 19.1292 12.8292 19.1375 13.2375C19.1458 13.6458 19 14 18.7 14.3C18.4167 14.5833 18.0667 14.7292 17.65 14.7375C17.2333 14.7458 16.8583 14.6333 16.525 14.4C15.8917 13.9667 15.1917 13.625 14.425 13.375C13.6583 13.125 12.85 13 12 13C11.15 13 10.3417 13.125 9.575 13.375C8.80834 13.625 8.10834 13.9667 7.475 14.4C7.14167 14.6333 6.76667 14.7417 6.35 14.725C5.93334 14.7083 5.58334 14.5583 5.3 14.275C5.01667 13.975 4.875 13.6208 4.875 13.2125C4.875 12.8042 5.04167 12.475 5.375 12.225C6.29167 11.525 7.3125 10.9792 8.4375 10.5875C9.5625 10.1958 10.75 10 12 10ZM12 4C14.0833 4 16.0458 4.34167 17.8875 5.025C19.7292 5.70833 21.3833 6.675 22.85 7.925C23.1833 8.20833 23.3583 8.55833 23.375 8.975C23.3917 9.39167 23.25 9.75 22.95 10.05C22.6667 10.3333 22.3167 10.4792 21.9 10.4875C21.4833 10.4958 21.1083 10.3667 20.775 10.1C19.575 9.11667 18.2292 8.35417 16.7375 7.8125C15.2458 7.27083 13.6667 7 12 7C10.3333 7 8.75417 7.27083 7.2625 7.8125C5.77084 8.35417 4.425 9.11667 3.225 10.1C2.89167 10.3667 2.51667 10.4958 2.1 10.4875C1.68334 10.4792 1.33334 10.3333 1.05 10.05C0.750004 9.75 0.608337 9.39167 0.625004 8.975C0.64167 8.55833 0.81667 8.20833 1.15 7.925C2.61667 6.675 4.27084 5.70833 6.1125 5.025C7.95417 4.34167 9.91667 4 12 4Z", fill: "currentColor" }))));
+        return (index.h("svg", { key: '78eed8316a41add9489c8121c85fda53f5993bd1', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '22e14326ae16b6e0e9c5816790c094741c351e45' }, index.h("path", { key: '4e398abbcde6e1ceee79615e4b3aa0f356d8f8e3', d: "M12 21C11.3 21 10.7083 20.7583 10.225 20.275C9.74167 19.7917 9.5 19.2 9.5 18.5C9.5 17.8 9.74167 17.2083 10.225 16.725C10.7083 16.2417 11.3 16 12 16C12.7 16 13.2917 16.2417 13.775 16.725C14.2583 17.2083 14.5 17.8 14.5 18.5C14.5 19.2 14.2583 19.7917 13.775 20.275C13.2917 20.7583 12.7 21 12 21ZM12 10C13.25 10 14.4375 10.2 15.5625 10.6C16.6875 11 17.7083 11.55 18.625 12.25C18.9583 12.5 19.1292 12.8292 19.1375 13.2375C19.1458 13.6458 19 14 18.7 14.3C18.4167 14.5833 18.0667 14.7292 17.65 14.7375C17.2333 14.7458 16.8583 14.6333 16.525 14.4C15.8917 13.9667 15.1917 13.625 14.425 13.375C13.6583 13.125 12.85 13 12 13C11.15 13 10.3417 13.125 9.575 13.375C8.80834 13.625 8.10834 13.9667 7.475 14.4C7.14167 14.6333 6.76667 14.7417 6.35 14.725C5.93334 14.7083 5.58334 14.5583 5.3 14.275C5.01667 13.975 4.875 13.6208 4.875 13.2125C4.875 12.8042 5.04167 12.475 5.375 12.225C6.29167 11.525 7.3125 10.9792 8.4375 10.5875C9.5625 10.1958 10.75 10 12 10ZM12 4C14.0833 4 16.0458 4.34167 17.8875 5.025C19.7292 5.70833 21.3833 6.675 22.85 7.925C23.1833 8.20833 23.3583 8.55833 23.375 8.975C23.3917 9.39167 23.25 9.75 22.95 10.05C22.6667 10.3333 22.3167 10.4792 21.9 10.4875C21.4833 10.4958 21.1083 10.3667 20.775 10.1C19.575 9.11667 18.2292 8.35417 16.7375 7.8125C15.2458 7.27083 13.6667 7 12 7C10.3333 7 8.75417 7.27083 7.2625 7.8125C5.77084 8.35417 4.425 9.11667 3.225 10.1C2.89167 10.3667 2.51667 10.4958 2.1 10.4875C1.68334 10.4792 1.33334 10.3333 1.05 10.05C0.750004 9.75 0.608337 9.39167 0.625004 8.975C0.64167 8.55833 0.81667 8.20833 1.15 7.925C2.61667 6.675 4.27084 5.70833 6.1125 5.025C7.95417 4.34167 9.91667 4 12 4Z", fill: "currentColor" }))));
     }
 };
 SwirlSymbolWifi.style = swirlSymbolCss;

package/dist/cjs/swirl-symbol-work.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlSymbolWork = class {
     }
     render() {
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '6b8508a94c938a60ae4ab0a9aaef2e2eb2eb54c7', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'e3404d79bc6e924ee05165795ea9a9f08c813a63' }, index.h("path", { key: '8e2cb353b4503f210929aabedfaeb4cd4d329a2d', 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 (index.h("svg", { key: 'a78d8f67433f578d928a890231e2d5c5aec564fe', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'aa90fdd7fbd7524dc797b846fd25aa01f1cabaf0' }, index.h("path", { key: '0703ca945db86433fedfab8314108f23a9aceb42', 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" }))));
     }
 };
 SwirlSymbolWork.style = swirlSymbolCss;

package/dist/cjs/swirl-symbol-xing.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlSymbolXing = class {
     }
     render() {
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '66209dd41ce1a73f00ab31a8422fd087de5bb1cb', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '8da4d680442db7a29801dd199bd34ced641511c4' }, index.h("path", { key: '254601b9fb33ae0f5316ef19147a75d2124dc3cb', 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 (index.h("svg", { key: 'f01045e7495841bd85f4ee865e63ca57ed377a8b', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '93ee4db4d89a98d121f0323c61c3fb1b1fdc8faa' }, index.h("path", { key: '6afde4a73b132fdd6f5383efa1e26524d212000d', 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" }))));
     }
 };
 SwirlSymbolXing.style = swirlSymbolCss;

package/dist/cjs/swirl-symbol-youtube.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlSymbolYoutube = class {
     }
     render() {
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '205e0d8d4a371ecd93766b7c5d8ed5c444cded60', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'cfa633d24eae020b3e25a545d5bd0ea53067daab' }, index.h("path", { key: '00e854c02176b8b4106d1429a8cb64b9da283729', 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 (index.h("svg", { key: '3bb0dad677622e01bdea21fa32c4c69af79fccce', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '08c1b4d96138229ebdaa4df4eace6d2de016a525' }, index.h("path", { key: '824622a1a82def72bd488aa0d4517261c87835d8', 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" }))));
     }
 };
 SwirlSymbolYoutube.style = swirlSymbolCss;

package/dist/cjs/swirl-symbol.cjs.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const SwirlHeading = class {
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (index.h(index.Host, { key: '3923b62ee5785da6736a5f6d309b2e3da3a7c488' }, index.h(Tag, { key: '742806914318f3e5b963b658176f178b047dfc8d', size: this.size })));
+        return (index.h(index.Host, { key: '7c37649a34396d9de04c1c776033959240169a4a' }, index.h(Tag, { key: '053cf38578f8a233ba262b75f38939474e50a6e1', size: this.size })));
     }
 };
 SwirlHeading.style = swirlSymbolCss;

package/dist/cjs/swirl-table-cell.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'bee5f3be1c4bff2887c19f2e16788091cb23d49b', class: "table-cell", role: "cell" }, index.h("slot", { key: 'b6932c14a98d32957fea5c7adb8735ed013dc54a' })));
+        return (index.h(index.Host, { key: 'd0351123019949566065f07daf9ef2e764cb714b', class: "table-cell", role: "cell" }, index.h("slot", { key: '8cb80313570718c57a6c3845f2bad73d0692aac8' })));
     }
 };
 SwirlTableCell.style = swirlTableCellCss;

package/dist/cjs/swirl-table-row-group.cjs.entry.js CHANGED Viewed

@@ -41,10 +41,10 @@ const SwirlTableRowGroup = class {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (index.h(index.Host, { key: '6cc923e65c41ef7ee0ddf7d602f8e21139d0f27f', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'e4fc1ae6057488e8b06c75927437633c87110ce2', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '5f83a2330f3e0cd830565cad0f509c733e022adc', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: '42537220496073ecbdcb81f9804adc4d3d7b0d6a', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: 'c11d538e6c3e392340901d5be3e5dd5e8eee9833', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '095a5305f4004c7be23ae91dc4716508f02651ac', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '46eb25feb4e9a2c3ce4d455dd58a3d930003855d', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '5a9056d972df2ce8758718c8116efcf44160751d', class: {
+        return (index.h(index.Host, { key: '7cb602719c705834467d4e7cfe03e993972355dd', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'edf336a7f0bec16989c974abb970bde9beea87ce', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '4092807f1c430052ac741a3fada25761e296e9ce', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: '70b2efea56e218166deca4e727dceb08f2579164', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '2692141b97f44e5e6313628edf3b574dadfd1d84', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '94ac90fb39c8b083969e8d3f49df48326f5070b3', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '3ea91ba574a9b37a6d11b0e289a4985d337defda', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'b12f5a2d7e32e53758baeaafc0fb444c73269d73', 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) }, index.h("slot", { key: '29265c9a97f358d0bc05808b8b48f5c09294f008' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '92831890e3f8d6f1b24cc1d28886744f4d27eb6c' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: '76c592c99e3ffd048f8af3eebf5ce3c9a4e10eef', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: 'dd94fda5b9dbf432e84335e79c498c119ac814f0' })));
+        return (index.h(index.Host, { key: '2ee26531571014d6d1570560b908c2ccc10df963', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '6a828dd95f6229da74b8f6b0eacc9455a0af7aba' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tabs.cjs.entry.js CHANGED Viewed

@@ -77,7 +77,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: 'de99d755013860059ec072761011d0ead18a5c63' }, index.h("div", { key: 'a874102aa4d13df2b8e2b8559b0b3798783feb93', class: "tabs" }, index.h("swirl-tab-bar", { key: '4580885b38d51b20996c3f8a93a4bd69f16f2f75', 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 })), index.h("slot", { key: '547742ae7e9ab54f10ad37085f31e276651fbe71' })));
+        return (index.h(index.Host, { key: 'abd6787ec0bc28a570259a5b71947d09e399e744' }, index.h("div", { key: '2449ca6bd4c0526b8f7c87c7f95b0dd8710dc67d', class: "tabs" }, index.h("swirl-tab-bar", { key: '91c60d0e9b2ba56e13205a8be14a43186c327ec0', 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 })), index.h("slot", { key: '856e9f4ee2122a34a1f99660589d534051287f42' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-theme-provider.cjs.entry.js CHANGED Viewed

@@ -152,7 +152,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: '8c298ec1c053dde461045df141c49a6dbe670edc' }, index.h("slot", { key: '3d42308a2c85293c4274c88cae7d4544fff74161' })));
+        return (index.h(index.Host, { key: '82a875743f80083b26b6cf797d61921685fb3a60' }, index.h("slot", { key: 'ecc92c5131777200571c7f03095ccf906bfa3457' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/cjs/swirl-time-input.cjs.entry.js CHANGED Viewed

@@ -170,7 +170,7 @@ const SwirlTimeInput = class {
         const className = index$2.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'd1ed0ff6ded4156a92be62bdca32622256333d1e' }, index.h("div", { key: 'fdd70e66e232126014df79b3236c7ed9d5a21638', class: className }, index.h("input", { key: '41fceab1e86219834e7aceb29d457552f2f55635', "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, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), index.h("span", { key: '2e9321e865323466238c6e81101d89aa1788715a', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '3b7acc077b8bbd620db9d265038a311057823875', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '09972a3546f1144173141cc64ad1077d3d8530c0' }, index.h("div", { key: '53644015094e8d119dc83b897dcebedb60aeb719', class: className }, index.h("input", { key: '9180a1549021d0ebe9995e6b97fe421065a3a1a3', "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, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), index.h("span", { key: '4ceada668af6967d5f120aedf77fa83a829c2f1d', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '7efc3da310329b1589ed9d1206a0cb907612076a', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toggle-button.cjs.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: '0e799fa7fb58c7f56082e777897d8538b7a15ed4', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '81503aaafa9a1efca202310501b082b21bdf8a05', class: "button__icon", glyph: this.icon })), index.h("span", { key: '1e45fef3c997ce328a84b966e93db449a3dc3b31', class: "button__label" }, this.label)));
+        return (index.h("button", { key: 'a11cd118821a3402a9179f7613685491ac9106cf', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '50dad24f24365565e8d8403cad9fc6cf0b9c49de', class: "button__icon", glyph: this.icon })), index.h("span", { key: 'afcf90645c669c81e47c67eb22f3eaa29f1d7d99', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = swirlToggleButtonCss;

package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js CHANGED Viewed

@@ -90,12 +90,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: '1cee23712f4896fe07bece05f6c9d76b0e4792e5', role: "none" }, index.h("li", { key: 'a1e09d3814cdcb22d9fbc007186acd675e54f79d', class: {
+        return (index.h(index.Host, { key: 'b81fe46aa6ba33ce8a4d41c64928082263a244f6', role: "none" }, index.h("li", { key: '6a74ce832a753f92690031923b8b9f1a8425651b', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: 'ea7b527476858f2b21e4dbb3071769050f41911a', 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 }, index.h("span", { key: '94f1835526e276cbaac73c0c0628ac22e1f577a0', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'cb82e537e207600909b26bdcbc54ae910ea786a2', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'ba0ad34c79af554e8124f401263923ef870161ed', class: "tree-navigation-item__label" }, index.h("span", { key: '05cabfea11c2be47d75cfbc4f1cbfa52271731a2', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '2feb147fc0a1f1699bba8212b4f2e2a0d7c45f83', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '7a2dea50fd96db82aa1b776db30f30b90a0560b6', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'd5a1faaf1c8a6365470d6f6dcfba6b74247c3a39', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'f00297aff126338a75107c660ca4f5db950b65cc', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '9035628888453e1194f34521ae940c4ffa1c426b', 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 }, index.h(Tag, { key: '0f75a02bd00e5e102e1c6c8f273d08966ccffb80', 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 }, index.h("span", { key: '8e4bfb45e91113eaa4bea2109da82c8b4343b82b', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '61260e54aea4ed1bf53e75c00a9625df1cd2d477', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'fc34adc5ed6a8421a462dd1344a2e5e7ef5ab6d7', class: "tree-navigation-item__label" }, index.h("span", { key: '476577de1590687ab6349555dd3fdd808020b759', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '1f19cf8f45409b4f7e868e265f1859dda6bf2080', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '62d02a801266d1ca985d95d6a6891316a9e9c90d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '69b4040e2b59232461120cb40b45eaae6161e3ea', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '23d530a2d8f8b8c776f7c21851a1d3ff09762acd', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '2130be57445e1c9ae91e4eb0bcda3a7a7fb004a0', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: '2ebd9f9f7623cc4d8533ad8c20c6e58fd80ddf7b' }))))));
+            } }, index.h("slot", { key: 'bc7a59677b66d8179762bf3d67fe13b781e747df' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tree-navigation.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlTreeNavigation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'fc006fc4335d4fea33c9c0b00b3cd4c71bbdcc0f' }, index.h("ul", { key: '56beb17751ee753188f028505ae243d4a3f54e54', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '0d0ee98a29ace2c198664715d269b04fc8ed9b1d' }))));
+        return (index.h(index.Host, { key: 'd21a8cbfab40de12176247f0c1543b04140156a8' }, index.h("ul", { key: '8fc19d1e7061769c31b4c1402845feb46ddc6ea4', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '65ddba75ae00ad732355369a2f08475a3a57d461' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss;

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: '7aa72b1885363803f8ebde7feeea4786b6109b68' }, index.h("button", { key: '7e89276897fcc7afe88a9f4970a1e5a25bad4a8f', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '14818e36b3973cc507737dbdad522862b885c0b7', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '50f5053f52f7f4755b0e16d5e0b6e5d1281cb894', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'f10dfd723267a939418737ab4ffbc5652426c6ac' }, this.durationLabel), this.duration)), index.h("svg", { key: 'f6951db35c321428547a2fb14abec4e7a27682e2', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9ae6b85d6e6e36eac012a756e2659b59ad3d0be9', 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 (index.h(index.Host, { key: 'fcce6d404f815662da72d8e7c89ac892211b8790' }, index.h("button", { key: '4205f57bd5e74cd71b8e1bc1136e98cf09741213', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'bd4c130410267ef9ce4509c7b0235d9d9cd76950', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'e0085c565e55750af22a6d6586a6644551800f43', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '51b1cb7d36e320207ab8d378606521f62e13e916' }, this.durationLabel), this.duration)), index.h("svg", { key: 'dc4b36b99392ae2de8056081ac99d9a077f92ad6', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '989cd2fd4e500a231e8b76f1280daba9dff25f37', 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" })))));
     }
 };
 SwirlVideoThumbnail.style = swirlVideoThumbnailCss;

package/dist/cjs/swirl-visually-hidden.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ad317668cd117d78b274ff8f95201c1122ad318a' }, index.h("slot", { key: 'ce58d342883d9b933ffb1c03639de39ceaf7ea0a' })));
+        return (index.h(index.Host, { key: 'a9f0288674b308a134c42926e765781a6ace139f' }, index.h("slot", { key: '085f4bd3f915b209196b7d1694bdd4f3f6e39680' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -70,6 +70,8 @@
     "components/swirl-carousel-slide/swirl-carousel-slide.js",
     "components/swirl-color-input/swirl-color-input.js",
     "components/swirl-console-layout/swirl-console-layout.js",
+    "components/swirl-data-cell/swirl-data-cell.js",
+    "components/swirl-data-cell-stack/swirl-data-cell-stack.js",
     "components/swirl-date-input/swirl-date-input.js",
     "components/swirl-date-picker/swirl-date-picker.js",
     "components/swirl-description-list/swirl-description-list.js",

package/dist/collection/components/swirl-avatar/swirl-avatar.css CHANGED Viewed

@@ -15,6 +15,8 @@
   justify-content: center;
   align-items: center;
   border-radius: 50%;
+  border: var(--swirl-avatar-border-width, 0) solid
+    var(--swirl-avatar-border-color, transparent);
 }
 .avatar--has-icon {

package/dist/collection/components/swirl-data-cell/swirl-data-cell.css ADDED Viewed

@@ -0,0 +1,100 @@
+:host {
+  display: block;
+  width: 100%;
+}
+  :host * {
+    box-sizing: border-box;
+  }
+.data-cell {
+  display: flex;
+  align-items: center;
+  gap: var(--s-space-8);
+  width: 100%;
+  padding: var(--s-space-12) var(--s-space-16);
+  background-color: var(--s-surface-raised-50-default);
+  border-radius: var(--swirl-data-cell-border-radius, var(--s-border-radius-l));
+}
+.data-cell--vertical {
+  align-items: center;
+}
+.data-cell__media {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+.data-cell__media ::slotted(swirl-avatar) {
+    --swirl-avatar-background-color: var(--s-surface-default);
+    --swirl-avatar-border-width: 0.125rem;
+    --swirl-avatar-border-color: var(--s-surface-default);
+  }
+.data-cell__content {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--s-space-4);
+}
+.data-cell--vertical .data-cell__content {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--s-space-4);
+}
+.data-cell__label-wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--s-space-4);
+}
+.data-cell__label {
+  font-size: var(--s-font-size-sm);
+  line-height: var(--s-line-height-sm);
+  color: var(--s-text-subdued);
+  font-weight: var(--s-font-weight-normal);
+}
+.data-cell__tooltip {
+  display: inline-flex;
+  margin-left: var(--s-space-4);
+  vertical-align: middle;
+}
+.data-cell__tooltip swirl-icon-info {
+    color: var(--s-text-subdued);
+  }
+.data-cell__value-wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--s-space-4);
+}
+.data-cell__value {
+  font-size: var(--s-font-size-sm);
+  line-height: var(--s-line-height-sm);
+  color: var(--s-text-default);
+  font-weight: var(--s-font-weight-semibold);
+}
+.data-cell__suffix {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+/* Responsive: Switch to vertical layout on mobile */
+@media (max-width: 767px) {
+  .data-cell:not(.data-cell--vertical) .data-cell__content {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--s-space-4);
+  }
+}

package/dist/collection/components/swirl-data-cell/swirl-data-cell.js ADDED Viewed

@@ -0,0 +1,120 @@
+import { h, Host } from "@stencil/core";
+import classnames from "classnames";
+import { v4 as uuid } from "uuid";
+/**
+ * @slot media - Optional media content (e.g., swirl-avatar, icons). Only swirl-avatar and icon elements are styled.
+ * @slot suffix - Optional suffix content (e.g., buttons, badges)
+ */
+export class SwirlDataCell {
+    constructor() {
+        this.vertical = false;
+        this.elementId = `data-cell-${uuid()}`;
+    }
+    render() {
+        const hasMedia = Boolean(this.el.querySelector('[slot="media"]'));
+        const hasSuffix = Boolean(this.el.querySelector('[slot="suffix"]'));
+        const className = classnames("data-cell", {
+            "data-cell--vertical": this.vertical,
+            "data-cell--has-media": hasMedia,
+            "data-cell--has-suffix": hasSuffix,
+        });
+        const labelId = `${this.elementId}-label`;
+        const valueId = `${this.elementId}-value`;
+        const labelContent = (h("span", { key: '6966798d1d61c587d79a6f1385501801241fb39e' }, h("span", { key: 'eaf2cc70a76f0d4c5fc7a5c1afa9f403f46c5236', class: "data-cell__label", id: labelId, role: "term" }, this.label), this.tooltip && (h("span", { key: '957de0bc429e36bea4d4978631ddca576fa7d4c9', class: "data-cell__tooltip" }, h("swirl-tooltip", { key: '56945ee4a16386955cfa1fa2cff1af3950f0f987', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '52a419ef3a0a442a16c739fd783dda6f3e439925', size: 16, tabIndex: 0 }))))));
+        return (h(Host, { key: '9cf8f935963b7dec32e2f46c77f48dd9f736627a', role: "group" }, h("div", { key: '49be62d5436fb9731df021d386bbe2575592c881', class: className, part: "data-cell" }, hasMedia && (h("div", { key: 'a1e7c9025eae2cf00e6f13878b9b10f8765ba3a4', class: "data-cell__media", "aria-hidden": "true" }, h("slot", { key: '3c97a7f0288091ec9e95b1526e6d2d7c4f270f4e', name: "media" }))), h("div", { key: 'b90b5ad23bfd99e139d97ae61876ab848d38f97f', class: "data-cell__content" }, h("div", { key: '352d361e2ccfc490856ca79c005ae0a59fa7c37b', class: "data-cell__label-wrapper" }, labelContent), (this.value || hasSuffix) && (h("div", { key: 'ebd4b772d70e9349aeed54c11ac21acdcdec8eb3', class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": labelId, id: valueId }, this.value && h("div", { key: '90d5690810f86d21d19f2198d6b0ee2fa00ea890', class: "data-cell__value" }, this.value), hasSuffix && (h("div", { key: '2ba38324cf171dd1e4f90f817874f0ca057d7486', class: "data-cell__suffix" }, h("slot", { key: 'f57412a6566f1c29b74eb2245aac908c9928b40c', name: "suffix" })))))))));
+    }
+    static get is() { return "swirl-data-cell"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["swirl-data-cell.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["swirl-data-cell.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "tooltip": {
+                "type": "string",
+                "attribute": "tooltip",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "value": {
+                "type": "string",
+                "attribute": "value",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "vertical": {
+                "type": "boolean",
+                "attribute": "vertical",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/swirl-data-cell/swirl-data-cell.stories.js ADDED Viewed

@@ -0,0 +1,73 @@
+import { generateStoryElement } from "../../utils";
+import Docs from "./swirl-data-cell.mdx";
+export default {
+    component: "swirl-data-cell",
+    tags: ["autodocs"],
+    parameters: {
+        docs: {
+            page: Docs,
+        },
+    },
+    title: "Components/SwirlDataCell",
+};
+const Template = (args) => {
+    const element = generateStoryElement("swirl-data-cell", args);
+    return element;
+};
+export const SwirlDataCell = Template.bind({});
+SwirlDataCell.args = {
+    label: "Name",
+    value: "John Doe",
+    tooltip: "This is a tooltip",
+};
+// Add media slot content to the default story
+SwirlDataCell.decorators = [
+    (story) => {
+        const element = story();
+        if (element) {
+            element.innerHTML = `
+        <swirl-avatar slot="media" label="John Doe" icon="<swirl-icon-person></swirl-icon-person>" size="s"></swirl-avatar>
+      `;
+        }
+        return element;
+    },
+];
+export const MultipleCells = () => {
+    const stack = generateStoryElement("swirl-data-cell-stack", {});
+    stack.innerHTML = `
+    <!-- Basic cell -->
+    <swirl-data-cell label="Name" value="John Doe"></swirl-data-cell>
+    <!-- With icon avatar -->
+    <swirl-data-cell label="Email" value="john.doe@example.com">
+      <swirl-avatar slot="media" label="Email" icon="<swirl-icon-mail></swirl-icon-mail>" size="s"></swirl-avatar>
+    </swirl-data-cell>
+    <!-- With image avatar -->
+    <swirl-data-cell label="Avatar" value="John Doe">
+      <swirl-avatar slot="media" label="John Doe" src="/sample-2.jpg" size="s"></swirl-avatar>
+    </swirl-data-cell>
+    <!-- With avatar initials (placeholder while image loads) -->
+    <swirl-data-cell label="User" value="Jane Smith">
+      <swirl-avatar slot="media" label="Jane Smith" src="/sample-3.jpg" initials="JS" size="s"></swirl-avatar>
+    </swirl-data-cell>
+    <!-- With tooltip -->
+    <swirl-data-cell label="Status" value="Active" tooltip="This indicates the current status of the user"></swirl-data-cell>
+    <!-- With suffix -->
+    <swirl-data-cell label="Name" value="John Doe">
+      <swirl-button slot="suffix" label="Edit" variant="plain" icon="<swirl-icon-edit></swirl-icon-edit>" hide-label></swirl-button>
+    </swirl-data-cell>
+    <!-- Vertical layout -->
+    <swirl-data-cell label="Name" value="John Doe" vertical>
+      <swirl-avatar slot="media" label="John Doe" icon="<swirl-icon-person></swirl-icon-person>" size="s"></swirl-avatar>
+    </swirl-data-cell>
+    <!-- Label only -->
+    <swirl-data-cell label="Description"></swirl-data-cell>
+  `;
+    return stack;
+};