@getflip/swirl-components-react 0.80.3 → 0.81.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.
- package/dist/{file-manager.entry.b9851df5.js → file-manager.entry.b3791826.js} +4 -4
- package/dist/{index.5e647dd4.js → index.e636c5f9.js} +255 -255
- package/dist/{swirl-action-list-section.entry.d28ae1f1.js → swirl-action-list-section.entry.7a3e0165.js} +1 -1
- package/dist/{swirl-action-list_3.entry.186c04f5.js → swirl-action-list_3.entry.dc064cc9.js} +21 -21
- package/dist/{swirl-app-bar.entry.c657a292.js → swirl-app-bar.entry.33eb8f2e.js} +2 -2
- package/dist/{swirl-app-icon.entry.e4f3c8f4.js → swirl-app-icon.entry.ae3fb019.js} +1 -1
- package/dist/{swirl-app-layout_7.entry.b4058612.js → swirl-app-layout_7.entry.651d9586.js} +8 -8
- package/dist/{swirl-autocomplete.entry.466a5a72.js → swirl-autocomplete.entry.5e2b3422.js} +21 -21
- package/dist/{swirl-avatar-group.entry.fb672c8f.js → swirl-avatar-group.entry.78097e6c.js} +1 -1
- package/dist/{swirl-avatar.entry.fddcf0c4.js → swirl-avatar.entry.e9382b92.js} +1 -1
- package/dist/{swirl-badge.entry.21b2cf2e.js → swirl-badge.entry.cc7ed1a9.js} +1 -1
- package/dist/{swirl-banner.entry.3e9a1497.js → swirl-banner.entry.4c73c5d4.js} +8 -8
- package/dist/{swirl-button-group.entry.f147a047.js → swirl-button-group.entry.77f938d6.js} +1 -1
- package/dist/{swirl-button.entry.1a3aad3c.js → swirl-button.entry.d89c91e3.js} +2 -2
- package/dist/{swirl-card.entry.dac11b4c.js → swirl-card.entry.39e12b1d.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.4b15cd1a.js → swirl-carousel-slide.entry.589b97d1.js} +1 -1
- package/dist/{swirl-carousel.entry.63882653.js → swirl-carousel.entry.cf905a6a.js} +2 -2
- package/dist/{swirl-checkbox.entry.1b23520f.js → swirl-checkbox.entry.9897935c.js} +1 -1
- package/dist/{swirl-chip.entry.d2d4dc0f.js → swirl-chip.entry.f5196b00.js} +4 -4
- package/dist/{swirl-columns.entry.b4ec1c95.js → swirl-columns.entry.d2a32467.js} +1 -1
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +47 -47
- package/dist/{swirl-console-layout.entry.b2d0a947.js → swirl-console-layout.entry.89add690.js} +19 -19
- package/dist/{swirl-date-input.entry.9edd3cbd.js → swirl-date-input.entry.fce5a544.js} +16 -14
- package/dist/{swirl-date-picker_2.entry.0e85edda.js → swirl-date-picker_2.entry.8e8dcf90.js} +1 -1
- package/dist/{swirl-description-list-item.entry.380c7304.js → swirl-description-list-item.entry.a8f5af0c.js} +1 -1
- package/dist/{swirl-description-list.entry.1d91f38c.js → swirl-description-list.entry.07a3a754.js} +1 -1
- package/dist/{swirl-dialog.entry.bde4536b.js → swirl-dialog.entry.102c937d.js} +11 -11
- package/dist/{swirl-file-uploader.entry.0f33989f.js → swirl-file-uploader.entry.d9351a1e.js} +1 -1
- package/dist/{swirl-file-viewer_7.entry.a5a4de69.js → swirl-file-viewer_7.entry.5faefd6f.js} +316 -316
- package/dist/{swirl-form-control.entry.08554a90.js → swirl-form-control.entry.e871fd01.js} +13 -13
- package/dist/{swirl-form-group.entry.0b2dd0bf.js → swirl-form-group.entry.20ebe0d5.js} +1 -1
- package/dist/{swirl-heading.entry.6f2a13a0.js → swirl-heading.entry.00b9abb2.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.7f873b1c.js → swirl-icon-add-photo.entry.51a8f644.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.494134fe.js → swirl-icon-add_6.entry.1e3f407b.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.8a3d8e2a.js → swirl-icon-admin-panel-settings.entry.19cdbe6d.js} +1 -1
- package/dist/{swirl-icon-ai.entry.edb3e042.js → swirl-icon-ai.entry.236313f3.js} +1 -1
- package/dist/{swirl-icon-arrow-back.entry.2e29cb10.js → swirl-icon-arrow-back.entry.262aea95.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.d17a1891.js → swirl-icon-arrow-downward_2.entry.d63dd34c.js} +1 -1
- package/dist/{swirl-icon-arrow-forward.entry.b902b7d3.js → swirl-icon-arrow-forward.entry.73fb825e.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.3213de78.js → swirl-icon-arrow-left_4.entry.3b54f63d.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.3992b20f.js → swirl-icon-arrow-right-small.entry.3631c0e1.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.6c44cb44.js → swirl-icon-attachment.entry.8e3de451.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.aaa2c29a.js → swirl-icon-bar-chart.entry.04381fb7.js} +1 -1
- package/dist/{swirl-icon-block.entry.914ddf1d.js → swirl-icon-block.entry.56a413fd.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.17475e31.js → swirl-icon-bookmark.entry.23f8f970.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.2227adc5.js → swirl-icon-cancel_4.entry.4f419de1.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.3d41bc1a.js → swirl-icon-chat-bubble.entry.28770125.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.20b5367d.js → swirl-icon-chats-filled.entry.aa201e59.js} +1 -1
- package/dist/{swirl-icon-chats-outlined.entry.5e76e493.js → swirl-icon-chats-outlined.entry.837d65ee.js} +1 -1
- package/dist/{swirl-icon-check-circle_3.entry.4fe044b7.js → swirl-icon-check-circle_3.entry.9b0706d0.js} +1 -1
- package/dist/{swirl-icon-check-small_3.entry.fb033b24.js → swirl-icon-check-small_3.entry.c059fd85.js} +28 -28
- package/dist/{swirl-icon-check-strong.entry.3201d721.js → swirl-icon-check-strong.entry.e607fc4a.js} +1 -1
- package/dist/{swirl-icon-check.entry.d39ea356.js → swirl-icon-check.entry.1580dc19.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.3b35a2d2.js → swirl-icon-chevron-left.entry.07a065ca.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.502bbe12.js → swirl-icon-chevron-right.entry.60eab9ee.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.df1886df.js → swirl-icon-close-small.entry.063676b2.js} +1 -1
- package/dist/{swirl-icon-close.entry.bbe775a7.js → swirl-icon-close.entry.960816b9.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.cd57769a.js → swirl-icon-cloud-upload.entry.c284ecdd.js} +1 -1
- package/dist/{swirl-icon-column.entry.3fca2705.js → swirl-icon-column.entry.3f736961.js} +1 -1
- package/dist/{swirl-icon-comment.entry.65fb55dc.js → swirl-icon-comment.entry.764e8900.js} +1 -1
- package/dist/{swirl-icon-copy.entry.77c534bc.js → swirl-icon-copy.entry.fd290297.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.92758172.js → swirl-icon-date-range.entry.79537b28.js} +1 -1
- package/dist/{swirl-icon-delete.entry.5b5a980b.js → swirl-icon-delete.entry.4e8fe7ea.js} +1 -1
- package/dist/{swirl-icon-description.entry.f347a321.js → swirl-icon-description.entry.35d4309e.js} +1 -1
- package/dist/{swirl-icon-double-arrow-left.entry.46e279ed.js → swirl-icon-double-arrow-left.entry.b0b441b8.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.2aaedd44.js → swirl-icon-double-arrow-right.entry.e2e761ca.js} +1 -1
- package/dist/{swirl-icon-download.entry.eb3374bc.js → swirl-icon-download.entry.197b999c.js} +1 -1
- package/dist/{swirl-icon-edit.entry.5770f772.js → swirl-icon-edit.entry.0b9e23e6.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.2397ee50.js → swirl-icon-emoji-mood.entry.d31c57dd.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.0df361e8.js → swirl-icon-emoji-satisfied.entry.34f7e28a.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.243182b2.js → swirl-icon-error_3.entry.007ef916.js} +2 -2
- package/dist/{swirl-icon-expand-more.entry.13e01d24.js → swirl-icon-expand-more.entry.9b27954b.js} +1 -1
- package/dist/{swirl-icon-filter.entry.57a8bd1e.js → swirl-icon-filter.entry.36444189.js} +1 -1
- package/dist/{swirl-icon-folder.entry.fb8b43c0.js → swirl-icon-folder.entry.346cb7b9.js} +1 -1
- package/dist/{swirl-icon-format-h-one.entry.63cf7da1.js → swirl-icon-format-h-one.entry.1e5bf43e.js} +1 -1
- package/dist/{swirl-icon-gif.entry.4f2be4a5.js → swirl-icon-gif.entry.7476dd66.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.acad92f1.js → swirl-icon-group-assign.entry.ce09e62d.js} +1 -1
- package/dist/{swirl-icon-groups-custom.entry.49ce757a.js → swirl-icon-groups-custom.entry.8cd01bbc.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.2e974c8e.js → swirl-icon-groups-filled.entry.774a85f0.js} +1 -1
- package/dist/{swirl-icon-groups-outlined.entry.1d178821.js → swirl-icon-groups-outlined.entry.2d116130.js} +1 -1
- package/dist/{swirl-icon-groups.entry.1d0ec86a.js → swirl-icon-groups.entry.e2224964.js} +1 -1
- package/dist/{swirl-icon-help.entry.a0545c23.js → swirl-icon-help.entry.63de46ec.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.af49e91e.js → swirl-icon-highlight.entry.ef2106f9.js} +1 -1
- package/dist/{swirl-icon-home.entry.96d4cb1f.js → swirl-icon-home.entry.c1ff9712.js} +1 -1
- package/dist/{swirl-icon-image.entry.8d7c6abe.js → swirl-icon-image.entry.0c4e9685.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.fb16ef29.js → swirl-icon-improve-text.entry.ae19bc62.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.84809345.js → swirl-icon-insert-below.entry.c48a1e04.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.a37204b8.js → swirl-icon-insert-on-top.entry.90ca518d.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.90317eef.js → swirl-icon-inventory.entry.73bd60d3.js} +1 -1
- package/dist/{swirl-icon-like.entry.f789daec.js → swirl-icon-like.entry.551068de.js} +1 -1
- package/dist/{swirl-icon-link.entry.4efab4e2.js → swirl-icon-link.entry.668ae305.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.674f85d6.js → swirl-icon-lock-person.entry.1c0569e3.js} +1 -1
- package/dist/{swirl-icon-lock.entry.7b2d87a0.js → swirl-icon-lock.entry.c30a9b6f.js} +1 -1
- package/dist/{swirl-icon-logout.entry.26bc6037.js → swirl-icon-logout.entry.6e10fe89.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.c58f972b.js → swirl-icon-long-text.entry.289f5aed.js} +1 -1
- package/dist/{swirl-icon-mail.entry.8a65460a.js → swirl-icon-mail.entry.0338b6ab.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.9e1ceb60.js → swirl-icon-manage-accounts.entry.b9b2373a.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.40a29c0e.js → swirl-icon-mark-chat-read.entry.042147bd.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.aa9a49a9.js → swirl-icon-mark-chat-unread.entry.e545fb9d.js} +1 -1
- package/dist/{swirl-icon-mention.entry.22454a33.js → swirl-icon-mention.entry.32a92db5.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.5d1a09da.js → swirl-icon-menu-filled.entry.fb2c2888.js} +1 -1
- package/dist/{swirl-icon-menu-outlined.entry.3ee457c7.js → swirl-icon-menu-outlined.entry.a962d730.js} +1 -1
- package/dist/{swirl-icon-menu.entry.73568421.js → swirl-icon-menu.entry.9a1ce0ec.js} +1 -1
- package/dist/{swirl-icon-message.entry.c1622c0d.js → swirl-icon-message.entry.e7a89d18.js} +1 -1
- package/dist/{swirl-icon-mic.entry.37da83ca.js → swirl-icon-mic.entry.4ef9fb4d.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.66974243.js → swirl-icon-more-horizontal.entry.1bbf1ea1.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.8e21795d.js → swirl-icon-news-filled.entry.7804dbea.js} +1 -1
- package/dist/{swirl-icon-news-outlined.entry.a1f8e33a.js → swirl-icon-news-outlined.entry.011fd823.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.4b2bb4a5.js → swirl-icon-notifications-active.entry.50117738.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.d537fa04.js → swirl-icon-notifications-off.entry.c110676e.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.0b3ced26.js → swirl-icon-notifications.entry.6230eefb.js} +1 -1
- package/dist/{swirl-icon-open-in-full.entry.4a2d5b54.js → swirl-icon-open-in-full.entry.2aec37e4.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.14416f58.js → swirl-icon-open-in-new.entry.50d95a3e.js} +1 -1
- package/dist/{swirl-icon-pause-circle.entry.1fbc1d2b.js → swirl-icon-pause-circle.entry.7cc6abcf.js} +1 -1
- package/dist/{swirl-icon-pause.entry.37bcdb7b.js → swirl-icon-pause.entry.ddc1361c.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.3186021f.js → swirl-icon-people-alt.entry.9a7bdff3.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.911a2f09.js → swirl-icon-person-off.entry.e69676b0.js} +1 -1
- package/dist/{swirl-icon-person.entry.0f59e8f4.js → swirl-icon-person.entry.f4ea1f0b.js} +1 -1
- package/dist/{swirl-icon-phone.entry.58581a41.js → swirl-icon-phone.entry.351a77a6.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.43b50f38.js → swirl-icon-play-arrow.entry.2e224af4.js} +1 -1
- package/dist/{swirl-icon-poll.entry.b9eb92ab.js → swirl-icon-poll.entry.f59cee62.js} +1 -1
- package/dist/{swirl-icon-print.entry.3ce7d59c.js → swirl-icon-print.entry.41b4d9a5.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.0e10191c.js → swirl-icon-recieved.entry.643ea760.js} +1 -1
- package/dist/{swirl-icon-reply.entry.75a21e71.js → swirl-icon-reply.entry.e108f007.js} +1 -1
- package/dist/{swirl-icon-report.entry.fa88c30f.js → swirl-icon-report.entry.67803c07.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.433bab61.js → swirl-icon-roadmap.entry.473fcce2.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.dc3eb362.js → swirl-icon-search-strong.entry.dde9e172.js} +1 -1
- package/dist/{swirl-icon-search.entry.0e097cc7.js → swirl-icon-search.entry.89399725.js} +1 -1
- package/dist/{swirl-icon-send.entry.b41f63db.js → swirl-icon-send.entry.474ec225.js} +1 -1
- package/dist/{swirl-icon-settings.entry.e6825071.js → swirl-icon-settings.entry.32fa9252.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.5cf268ed.js → swirl-icon-short-text.entry.b731d142.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.ca8effd5.js → swirl-icon-simplify.entry.4a2786cd.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.951e0626.js → swirl-icon-spellcheck.entry.b17312ca.js} +1 -1
- package/dist/{swirl-icon-stop.entry.89029529.js → swirl-icon-stop.entry.5488a28f.js} +1 -1
- package/dist/{swirl-icon-sync.entry.babf4aa4.js → swirl-icon-sync.entry.26e9c6d1.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.2542cb11.js → swirl-icon-tasks-filled.entry.fc277955.js} +1 -1
- package/dist/{swirl-icon-tasks-outlined.entry.3bd8baa1.js → swirl-icon-tasks-outlined.entry.b8cefb96.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.4464af74.js → swirl-icon-time-filled.entry.f80d4284.js} +1 -1
- package/dist/{swirl-icon-time-outlined.entry.4bbc612b.js → swirl-icon-time-outlined.entry.f34b56b4.js} +1 -1
- package/dist/{swirl-icon-translate.entry.1c10a4f1.js → swirl-icon-translate.entry.08944f90.js} +1 -1
- package/dist/{swirl-icon-undo.entry.ec02f929.js → swirl-icon-undo.entry.84c45bfc.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.8856d62e.js → swirl-icon-unlock-person.entry.f1b5d8f9.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.3e97e3ae.js → swirl-icon-user-assign.entry.37189459.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.7f167b73.js → swirl-icon-video-camera.entry.37ed0cdc.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.cfc5e1ef.js → swirl-icon-video-library.entry.de0bb66a.js} +1 -1
- package/dist/{swirl-icon-voice.entry.eaa90e1d.js → swirl-icon-voice.entry.5bb70c5c.js} +1 -1
- package/dist/{swirl-icon.entry.82a9c8cf.js → swirl-icon.entry.38896300.js} +1 -1
- package/dist/{swirl-image-grid-item.entry.82982e6f.js → swirl-image-grid-item.entry.71ff7988.js} +1 -1
- package/dist/{swirl-image-grid.entry.07593005.js → swirl-image-grid.entry.2f52e4e9.js} +1 -1
- package/dist/{swirl-inline-notification.entry.34972ac6.js → swirl-inline-notification.entry.77a0445e.js} +1 -1
- package/dist/{swirl-inline-status.entry.b8ad3fc5.js → swirl-inline-status.entry.206c370c.js} +2 -2
- package/dist/{swirl-lightbox.entry.8b2e307b.js → swirl-lightbox.entry.f0c03b0b.js} +31 -31
- package/dist/{swirl-link.entry.b64f03b5.js → swirl-link.entry.feed9415.js} +1 -1
- package/dist/{swirl-list.entry.1350eade.js → swirl-list.entry.1251ccfb.js} +1 -1
- package/dist/{swirl-menu-item.entry.58b7b0cc.js → swirl-menu-item.entry.86369605.js} +11 -11
- package/dist/{swirl-menu.entry.28fff537.js → swirl-menu.entry.66eec06a.js} +51 -51
- package/dist/{swirl-modal.entry.d0f6c3c3.js → swirl-modal.entry.32c6b7b1.js} +218 -214
- package/dist/{swirl-option-list-section.entry.0f7ec0f5.js → swirl-option-list-section.entry.9d925024.js} +1 -1
- package/dist/{swirl-option-list.entry.8a777415.js → swirl-option-list.entry.ded36730.js} +22 -22
- package/dist/{swirl-pagination.entry.71a815fc.js → swirl-pagination.entry.c06fc83e.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.1bfcd52e.js → swirl-pdf-reader.entry.b61cdb34.js} +9 -9
- package/dist/{swirl-popover_2.entry.11c726bf.js → swirl-popover_2.entry.70a32904.js} +40 -40
- package/dist/{swirl-progress-indicator.entry.13f33972.js → swirl-progress-indicator.entry.91e07d09.js} +1 -1
- package/dist/{swirl-radio-group.entry.9b114523.js → swirl-radio-group.entry.8af0efcb.js} +1 -1
- package/dist/{swirl-radio.entry.11bd9ce4.js → swirl-radio.entry.900b5022.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.50497699.js → swirl-resource-list-file-item.entry.96c1d597.js} +14 -14
- package/dist/{swirl-search.entry.0eb6548b.js → swirl-search.entry.df4c6f34.js} +8 -6
- package/dist/{swirl-select.entry.8dfd26e0.js → swirl-select.entry.f2f64ee2.js} +20 -20
- package/dist/{swirl-shell-layout.entry.cd1c28f0.js → swirl-shell-layout.entry.aceed146.js} +2 -2
- package/dist/{swirl-shell-navigation-item.entry.71e0369b.js → swirl-shell-navigation-item.entry.39786f9c.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.9b87df33.js → swirl-skeleton-box.entry.cbe5257e.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.228b649d.js → swirl-skeleton-text.entry.3e9540d7.js} +1 -1
- package/dist/{swirl-stack.entry.99d24876.js → swirl-stack.entry.d58b3e5d.js} +1 -1
- package/dist/{swirl-status-indicator.entry.0886c5fb.js → swirl-status-indicator.entry.ca8e2279.js} +1 -1
- package/dist/{swirl-switch.entry.9be3c75d.js → swirl-switch.entry.438729e0.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.e0073a7f.js → swirl-symbol-account-circle.entry.f793dce1.js} +1 -1
- package/dist/{swirl-symbol-alternate-email.entry.f7b19168.js → swirl-symbol-alternate-email.entry.0fcd64a7.js} +1 -1
- package/dist/{swirl-symbol-android.entry.49e54cd1.js → swirl-symbol-android.entry.3ec80e43.js} +1 -1
- package/dist/{swirl-symbol-announcement.entry.378fc25f.js → swirl-symbol-announcement.entry.86222c62.js} +1 -1
- package/dist/{swirl-symbol-backup.entry.53bcaf0d.js → swirl-symbol-backup.entry.d88ee08a.js} +1 -1
- package/dist/{swirl-symbol-beach-access.entry.92881ee4.js → swirl-symbol-beach-access.entry.2946b2f1.js} +1 -1
- package/dist/{swirl-symbol-bookmark.entry.df67cc4f.js → swirl-symbol-bookmark.entry.dc7ef37f.js} +1 -1
- package/dist/{swirl-symbol-cloud.entry.bac796cf.js → swirl-symbol-cloud.entry.fc39318c.js} +1 -1
- package/dist/{swirl-symbol-coronavirus.entry.db4cea0a.js → swirl-symbol-coronavirus.entry.6e1834d9.js} +1 -1
- package/dist/{swirl-symbol-desktop-windows.entry.d9841f0f.js → swirl-symbol-desktop-windows.entry.1a049626.js} +1 -1
- package/dist/{swirl-symbol-directions-car-filled.entry.323506fa.js → swirl-symbol-directions-car-filled.entry.efc77590.js} +1 -1
- package/dist/{swirl-symbol-edit-calendar.entry.89d9fc46.js → swirl-symbol-edit-calendar.entry.8eedb042.js} +1 -1
- package/dist/{swirl-symbol-email.entry.39a87b42.js → swirl-symbol-email.entry.3abbe2bb.js} +1 -1
- package/dist/{swirl-symbol-emoji-food-beverage.entry.b1eeffd4.js → swirl-symbol-emoji-food-beverage.entry.dd3929c8.js} +1 -1
- package/dist/{swirl-symbol-event-menu.entry.d15050c4.js → swirl-symbol-event-menu.entry.7199f5eb.js} +1 -1
- package/dist/{swirl-symbol-facebook.entry.98d246d3.js → swirl-symbol-facebook.entry.0df1bb53.js} +1 -1
- package/dist/{swirl-symbol-favorite.entry.ccb85054.js → swirl-symbol-favorite.entry.532fac2e.js} +1 -1
- package/dist/{swirl-symbol-fitness-center.entry.658e1d60.js → swirl-symbol-fitness-center.entry.25cdd9eb.js} +1 -1
- package/dist/{swirl-symbol-flag.entry.00a24bcb.js → swirl-symbol-flag.entry.394768ef.js} +1 -1
- package/dist/{swirl-symbol-folder.entry.b43c1dcb.js → swirl-symbol-folder.entry.20b1981c.js} +1 -1
- package/dist/{swirl-symbol-globe.entry.ea8d2274.js → swirl-symbol-globe.entry.dc84c360.js} +1 -1
- package/dist/{swirl-symbol-groups.entry.ca9d1a0f.js → swirl-symbol-groups.entry.ffca31e4.js} +1 -1
- package/dist/{swirl-symbol-help.entry.c02b3f79.js → swirl-symbol-help.entry.d4a0c7ae.js} +1 -1
- package/dist/{swirl-symbol-image.entry.454cf93c.js → swirl-symbol-image.entry.1268ed29.js} +1 -1
- package/dist/{swirl-symbol-info-menu.entry.d3ba324d.js → swirl-symbol-info-menu.entry.c1c84d60.js} +1 -1
- package/dist/{swirl-symbol-instagram.entry.f0382e67.js → swirl-symbol-instagram.entry.02af7c36.js} +1 -1
- package/dist/{swirl-symbol-ios.entry.eb4a0ad2.js → swirl-symbol-ios.entry.71ce1f97.js} +1 -1
- package/dist/{swirl-symbol-language.entry.366c1fee.js → swirl-symbol-language.entry.93e49d8b.js} +1 -1
- package/dist/{swirl-symbol-leaderboard.entry.a93fee25.js → swirl-symbol-leaderboard.entry.8159627c.js} +1 -1
- package/dist/{swirl-symbol-lightbulb.entry.f09d3ace.js → swirl-symbol-lightbulb.entry.a448f50a.js} +1 -1
- package/dist/{swirl-symbol-linkedin.entry.b726dc11.js → swirl-symbol-linkedin.entry.2b087adf.js} +1 -1
- package/dist/{swirl-symbol-location-on.entry.86b295cb.js → swirl-symbol-location-on.entry.15f3e620.js} +1 -1
- package/dist/{swirl-symbol-loyalty.entry.086834d3.js → swirl-symbol-loyalty.entry.3fcf0631.js} +1 -1
- package/dist/{swirl-symbol-maps-home-work.entry.ae3472b4.js → swirl-symbol-maps-home-work.entry.ae3325d5.js} +1 -1
- package/dist/{swirl-symbol-notifications.entry.73162180.js → swirl-symbol-notifications.entry.24d5c3bf.js} +1 -1
- package/dist/{swirl-symbol-open-in-new.entry.05a7ad60.js → swirl-symbol-open-in-new.entry.b616c807.js} +1 -1
- package/dist/{swirl-symbol-pedal-bike.entry.a491ddbb.js → swirl-symbol-pedal-bike.entry.27959d69.js} +1 -1
- package/dist/{swirl-symbol-pinterest.entry.ccfb3c33.js → swirl-symbol-pinterest.entry.4f792137.js} +1 -1
- package/dist/{swirl-symbol-policy.entry.478b5349.js → swirl-symbol-policy.entry.87da3679.js} +1 -1
- package/dist/{swirl-symbol-push-pin.entry.f30feab5.js → swirl-symbol-push-pin.entry.4a027788.js} +1 -1
- package/dist/{swirl-symbol-redeem.entry.8072d95c.js → swirl-symbol-redeem.entry.83f4796d.js} +1 -1
- package/dist/{swirl-symbol-report-problem.entry.56ede5d9.js → swirl-symbol-report-problem.entry.8b0ac67e.js} +1 -1
- package/dist/{swirl-symbol-restaurant.entry.e598109c.js → swirl-symbol-restaurant.entry.b07164d3.js} +1 -1
- package/dist/{swirl-symbol-roadmap.entry.b5b6b59f.js → swirl-symbol-roadmap.entry.c26367de.js} +1 -1
- package/dist/{swirl-symbol-room.entry.318d0e7d.js → swirl-symbol-room.entry.0cea80a2.js} +1 -1
- package/dist/{swirl-symbol-savings.entry.051d68a7.js → swirl-symbol-savings.entry.f779d16f.js} +1 -1
- package/dist/{swirl-symbol-settings-voice.entry.191d634c.js → swirl-symbol-settings-voice.entry.7e675b6a.js} +1 -1
- package/dist/{swirl-symbol-shopping-cart.entry.e2ff7405.js → swirl-symbol-shopping-cart.entry.cb804592.js} +1 -1
- package/dist/{swirl-symbol-smartphone.entry.fe88e35a.js → swirl-symbol-smartphone.entry.ae07209d.js} +1 -1
- package/dist/{swirl-symbol-star.entry.8ee54da6.js → swirl-symbol-star.entry.716aae27.js} +1 -1
- package/dist/{swirl-symbol-supervisor-account.entry.7af9ca10.js → swirl-symbol-supervisor-account.entry.9bfddfb1.js} +1 -1
- package/dist/{swirl-symbol-thumbs-up-down.entry.fa8aedee.js → swirl-symbol-thumbs-up-down.entry.393305ee.js} +1 -1
- package/dist/{swirl-symbol-twitter.entry.b4b6e5ff.js → swirl-symbol-twitter.entry.a8fef8cd.js} +1 -1
- package/dist/{swirl-symbol-wb-sunny.entry.f55fd7db.js → swirl-symbol-wb-sunny.entry.7097357c.js} +1 -1
- package/dist/{swirl-symbol-wechat.entry.ed3a81bb.js → swirl-symbol-wechat.entry.0dd08fd2.js} +1 -1
- package/dist/{swirl-symbol-weibo.entry.5db713cb.js → swirl-symbol-weibo.entry.5111da86.js} +1 -1
- package/dist/{swirl-symbol-work.entry.f022cff4.js → swirl-symbol-work.entry.8cdbe640.js} +1 -1
- package/dist/{swirl-symbol-xing.entry.220ba17b.js → swirl-symbol-xing.entry.32bad642.js} +1 -1
- package/dist/{swirl-symbol-youtube.entry.2c513504.js → swirl-symbol-youtube.entry.b1a26c3b.js} +1 -1
- package/dist/{swirl-symbol.entry.7848da1e.js → swirl-symbol.entry.321b7561.js} +1 -1
- package/dist/{swirl-tab-bar.entry.80cc5bc4.js → swirl-tab-bar.entry.99ea19ca.js} +1 -1
- package/dist/{swirl-tab.entry.6ed06db6.js → swirl-tab.entry.efd5aa1b.js} +1 -1
- package/dist/{swirl-table-cell.entry.61b9a0b1.js → swirl-table-cell.entry.a4d79fde.js} +1 -1
- package/dist/{swirl-table-column.entry.4e312508.js → swirl-table-column.entry.72f25118.js} +1 -1
- package/dist/{swirl-table-row-group.entry.7af69faf.js → swirl-table-row-group.entry.4461a288.js} +1 -1
- package/dist/{swirl-table-row.entry.aa107ef9.js → swirl-table-row.entry.5658b371.js} +3 -3
- package/dist/{swirl-table.entry.f9a50763.js → swirl-table.entry.6d8a99ee.js} +16 -16
- package/dist/{swirl-tabs.entry.e5cf7916.js → swirl-tabs.entry.870e4b68.js} +7 -7
- package/dist/{swirl-tag.entry.8501812d.js → swirl-tag.entry.bb3dc64b.js} +2 -2
- package/dist/{swirl-text-input.entry.08949cd3.js → swirl-text-input.entry.24628066.js} +21 -19
- package/dist/{swirl-text.entry.c57661bc.js → swirl-text.entry.ec8c7688.js} +1 -1
- package/dist/{swirl-theme-provider.entry.835a3b54.js → swirl-theme-provider.entry.a0de950c.js} +78 -66
- package/dist/{swirl-time-input.entry.fda4f54e.js → swirl-time-input.entry.dcf164da.js} +40 -38
- package/dist/{swirl-toast-provider.entry.a1d6c3c8.js → swirl-toast-provider.entry.a45bf498.js} +14 -9
- package/dist/{swirl-toast.entry.b6adb276.js → swirl-toast.entry.168b2471.js} +9 -9
- package/dist/{swirl-tooltip.entry.43b622b1.js → swirl-tooltip.entry.16cf40ce.js} +14 -14
- package/dist/{swirl-tree-navigation-item.entry.b41012b1.js → swirl-tree-navigation-item.entry.fb55295c.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.115fcbc5.js → swirl-video-thumbnail.entry.ef584013.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.5c6d4226.js → swirl-visually-hidden.entry.22de9ea0.js} +1 -1
- package/dist/{wc-datepicker.entry.1fa3ba12.js → wc-datepicker.entry.f8f6861f.js} +1 -1
- package/package.json +2 -2
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { r as c, h as
|
|
1
|
+
import { r as c, h as o, H as a, g as m } from "./index.e636c5f9.js";
|
|
2
2
|
import { c as f } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
-
import { a as
|
|
3
|
+
import { a as h } from "./utils-bc84f36e.1fee9865.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
const
|
|
6
|
+
const d = ".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-control-h *.sc-swirl-form-control{box-sizing:border-box}.form-control.sc-swirl-form-control{display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__input.sc-swirl-form-control{overflow:hidden;max-height:0}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .select__label.sc-swirl-form-control{overflow:hidden;max-height:0;pointer-events:none}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control--label-position-outside.sc-swirl-form-control{padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--is-select) .form-control__label.sc-swirl-form-control{cursor:text}.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:calc(100% + var(--s-space-4));left:0;color:var(--s-text-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);transform:none;opacity:1}.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--label-position-outside.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--invalid.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-swirl-form-control .form-control__description.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--inline.sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control--inline.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--hide-label.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}.form-control__label.sc-swirl-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__label-text.sc-swirl-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__description.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-swirl-form-control{display:block;margin-top:var(--s-space-4)}", p = class {
|
|
7
7
|
constructor(t) {
|
|
8
8
|
c(this, t), this.descriptionId = `form-control-description-${Math.round(Math.random() * 1e5)}`, this.listenToInputValueChanges = () => {
|
|
9
9
|
this.inputEl.addEventListener("valueChange", this.checkInputValue);
|
|
10
10
|
}, this.checkInputValue = () => {
|
|
11
|
-
var
|
|
12
|
-
this.inputValue = (
|
|
11
|
+
var r;
|
|
12
|
+
this.inputValue = (r = this.inputEl) == null ? void 0 : r.value;
|
|
13
13
|
}, this.onFocusIn = () => {
|
|
14
14
|
this.hasFocus = !0;
|
|
15
|
-
}, this.onKeyDown = (
|
|
16
|
-
|
|
17
|
-
this.el.contains(
|
|
15
|
+
}, this.onKeyDown = (r) => {
|
|
16
|
+
r.key === "Tab" && setTimeout(() => {
|
|
17
|
+
this.el.contains(h()) || (this.hasFocus = !1);
|
|
18
18
|
});
|
|
19
19
|
}, this.description = void 0, this.disabled = void 0, this.errorMessage = void 0, this.hideLabel = void 0, this.inline = void 0, this.invalid = void 0, this.label = void 0, this.labelPosition = "inside", this.hasFocus = void 0, this.inputValue = void 0;
|
|
20
20
|
}
|
|
@@ -39,11 +39,11 @@ const h = ".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-cont
|
|
|
39
39
|
onWindowClick(t) {
|
|
40
40
|
if (!this.hasFocus)
|
|
41
41
|
return;
|
|
42
|
-
const
|
|
43
|
-
this.el.contains(
|
|
42
|
+
const r = t.target;
|
|
43
|
+
this.el.contains(r) || (this.hasFocus = !1);
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
const t = Boolean(this.errorMessage),
|
|
46
|
+
const t = Boolean(this.errorMessage), r = Boolean(this.description) && !t, l = Array.isArray(this.inputValue) ? this.inputValue.length > 0 : Boolean(this.inputValue), s = Boolean(this.inputEl.getAttribute("show-character-counter")), e = Boolean(this.inputEl.getAttribute("placeholder")), i = this.inputEl.tagName === "SWIRL-SELECT", n = f("form-control", `form-control--label-position-${this.labelPosition}`, {
|
|
47
47
|
"form-control--disabled": this.disabled,
|
|
48
48
|
"form-control--has-character-counter": s,
|
|
49
49
|
"form-control--has-focus": this.hasFocus,
|
|
@@ -54,7 +54,7 @@ const h = ".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-cont
|
|
|
54
54
|
"form-control--invalid": this.invalid,
|
|
55
55
|
"form-control--is-select": i
|
|
56
56
|
});
|
|
57
|
-
return
|
|
57
|
+
return o(a, { onFocusin: this.onFocusIn, onKeyDown: this.onKeyDown }, o("div", { class: n, role: "group" }, o("label", { class: "form-control__label" }, o("span", { class: "form-control__label-text" }, this.label), o("span", { class: "form-control__input" }, o("slot", null))), r && o("span", { class: "form-control__description", id: this.descriptionId }, this.description), t && o("span", { "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, o("swirl-inline-error", { message: this.errorMessage, size: "s" }))));
|
|
58
58
|
}
|
|
59
59
|
get el() {
|
|
60
60
|
return m(this);
|
|
@@ -69,7 +69,7 @@ const h = ".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-cont
|
|
|
69
69
|
};
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
|
-
p.style =
|
|
72
|
+
p.style = d;
|
|
73
73
|
export {
|
|
74
74
|
p as swirl_form_control
|
|
75
75
|
};
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
import { r as l, h as i, F as s, c as h, H as p, g as m } from "./index.
|
|
1
|
+
import { r as l, h as i, F as s, c as h, H as p, g as m } from "./index.e636c5f9.js";
|
|
2
2
|
import { c as r } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { g } from "./utils-bc84f36e.1fee9865.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
const w = ":host{display:inline-flex}", u = class {
|
|
7
|
-
constructor(
|
|
8
|
-
l(this,
|
|
7
|
+
constructor(t) {
|
|
8
|
+
l(this, t), this.size = 24;
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
const
|
|
12
|
-
return i("svg", { class:
|
|
11
|
+
const t = this.size === 20 ? 24 : this.size, e = r("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
12
|
+
return i("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(s, null, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(s, null, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" })), this.size === 28 && i(s, null, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
u.style = w;
|
|
16
16
|
const x = ":host{display:inline-flex}", b = class {
|
|
17
|
-
constructor(
|
|
18
|
-
l(this,
|
|
17
|
+
constructor(t) {
|
|
18
|
+
l(this, t), this.size = 24;
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
const
|
|
22
|
-
return i("svg", { class:
|
|
21
|
+
const t = this.size === 20 ? 24 : this.size, e = r("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
22
|
+
return i("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(s, null, i("rect", { x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(s, null, i("rect", { x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && i(s, null, i("rect", { x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
b.style = x;
|
|
26
|
-
const
|
|
27
|
-
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item__label.sc-swirl-option-list-item{flex-grow:1;color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`,
|
|
28
|
-
constructor(
|
|
29
|
-
l(this,
|
|
30
|
-
this.forceIconProps(
|
|
31
|
-
}, this.onDragHandleKeyDown = (
|
|
32
|
-
(
|
|
26
|
+
const f = `.sc-swirl-option-list-item-h{position:relative;display:inline-flex;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
|
|
27
|
+
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item__label.sc-swirl-option-list-item{flex-grow:1;color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, v = class {
|
|
28
|
+
constructor(t) {
|
|
29
|
+
l(this, t), this.toggleDrag = h(this, "toggleDrag", 7), this.desktopMediaQuery = g(), this.desktopMediaQueryHandler = (e) => {
|
|
30
|
+
this.forceIconProps(e.matches), this.updateIconSize(e.matches);
|
|
31
|
+
}, this.onDragHandleKeyDown = (e) => {
|
|
32
|
+
(e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.toggleDrag.emit(this.el));
|
|
33
33
|
}, this.allowDrag = void 0, this.context = "single-select", this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.icon = void 0, this.label = void 0, this.selected = !1, this.swirlAriaRole = "option", this.value = void 0, this.iconSize = 24;
|
|
34
34
|
}
|
|
35
35
|
componentDidLoad() {
|
|
36
36
|
this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
|
|
37
37
|
}
|
|
38
38
|
disconnectedCallback() {
|
|
39
|
-
var
|
|
40
|
-
(
|
|
39
|
+
var t, e;
|
|
40
|
+
(e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler);
|
|
41
41
|
}
|
|
42
|
-
forceIconProps(
|
|
43
|
-
var
|
|
44
|
-
const
|
|
45
|
-
|
|
42
|
+
forceIconProps(t) {
|
|
43
|
+
var o;
|
|
44
|
+
const e = (o = this.iconEl) == null ? void 0 : o.children[0];
|
|
45
|
+
e == null || e.setAttribute("size", t ? "20" : "24");
|
|
46
46
|
}
|
|
47
|
-
updateIconSize(
|
|
48
|
-
this.iconSize =
|
|
47
|
+
updateIconSize(t) {
|
|
48
|
+
this.iconSize = t ? 20 : 24;
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
const
|
|
51
|
+
const t = this.disabled ? "true" : void 0, e = String(this.selected), o = this.context === "multi-select", n = Boolean(this.icon) && this.context === "single-select", c = this.selected && this.context === "single-select", a = r("option-list-item", `option-list-item--context-${this.context}`, {
|
|
52
52
|
"option-list-item--disabled": this.disabled,
|
|
53
53
|
"option-list-item--draggable": this.allowDrag,
|
|
54
54
|
"option-list-item--dragging": this.dragging,
|
|
55
55
|
"option-list-item--selected": this.selected
|
|
56
56
|
});
|
|
57
|
-
return i(p, null, i("div", { "aria-checked": this.swirlAriaRole === "menuitemradio" ?
|
|
57
|
+
return i(p, null, i("div", { "aria-checked": this.swirlAriaRole === "menuitemradio" ? e : void 0, "aria-disabled": t, "aria-selected": this.swirlAriaRole === "option" ? e : void 0, class: a, part: "option-list-item", role: this.swirlAriaRole }, n && i("span", { class: "option-list-item__icon", innerHTML: this.icon, ref: (d) => this.iconEl = d }), o && i("span", { class: "option-list-item__checkbox" }, i("span", { class: "option-list-item__checkbox-box" }, this.selected && i("swirl-icon-check-strong", { class: "option-list-item__checkbox-icon", size: 16 }))), i("span", { class: "option-list-item__label", part: "option-list-item__label" }, this.label), c && i("span", { class: "option-list-item__selection-icon" }, i("swirl-icon-check-small", { size: this.iconSize }))), this.allowDrag && i("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, i("swirl-icon-drag-handle", { size: this.iconSize })));
|
|
58
58
|
}
|
|
59
59
|
get el() {
|
|
60
60
|
return m(this);
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
|
-
|
|
63
|
+
v.style = f;
|
|
64
64
|
export {
|
|
65
65
|
u as swirl_icon_check_small,
|
|
66
66
|
b as swirl_icon_drag_handle,
|
|
67
|
-
|
|
67
|
+
v as swirl_option_list_item
|
|
68
68
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, h as e, F as n, H as l } from "./index.
|
|
1
|
+
import { r as t, h as e, F as n, H as l } from "./index.e636c5f9.js";
|
|
2
2
|
import { c as o } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { g as a } from "./utils-bc84f36e.1fee9865.js";
|
|
4
4
|
import "react";
|
|
@@ -24,7 +24,7 @@ const h = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error
|
|
|
24
24
|
}
|
|
25
25
|
disconnectedCallback() {
|
|
26
26
|
var i, s;
|
|
27
|
-
(s = (i = this.desktopMediaQuery).removeEventListener)
|
|
27
|
+
(s = (i = this.desktopMediaQuery).removeEventListener) == null || s.call(i, "change", this.desktopMediaQueryHandler);
|
|
28
28
|
}
|
|
29
29
|
forceIconProps(i) {
|
|
30
30
|
if (!Boolean(this.iconEl))
|