@getflip/swirl-components-react 0.80.4 → 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.e13854a3.js → file-manager.entry.b3791826.js} +4 -4
- package/dist/{index.1508b8d7.js → index.e636c5f9.js} +255 -255
- package/dist/{swirl-action-list-section.entry.f4f7e26e.js → swirl-action-list-section.entry.7a3e0165.js} +1 -1
- package/dist/{swirl-action-list_3.entry.6747d23d.js → swirl-action-list_3.entry.dc064cc9.js} +21 -21
- package/dist/{swirl-app-bar.entry.010474cf.js → swirl-app-bar.entry.33eb8f2e.js} +2 -2
- package/dist/{swirl-app-icon.entry.b347921f.js → swirl-app-icon.entry.ae3fb019.js} +1 -1
- package/dist/{swirl-app-layout_7.entry.0b98cbd8.js → swirl-app-layout_7.entry.651d9586.js} +8 -8
- package/dist/{swirl-autocomplete.entry.3aac060b.js → swirl-autocomplete.entry.5e2b3422.js} +21 -21
- package/dist/{swirl-avatar-group.entry.80907599.js → swirl-avatar-group.entry.78097e6c.js} +1 -1
- package/dist/{swirl-avatar.entry.120d9dde.js → swirl-avatar.entry.e9382b92.js} +1 -1
- package/dist/{swirl-badge.entry.7903a219.js → swirl-badge.entry.cc7ed1a9.js} +1 -1
- package/dist/{swirl-banner.entry.f918d04b.js → swirl-banner.entry.4c73c5d4.js} +8 -8
- package/dist/{swirl-button-group.entry.d0c9e462.js → swirl-button-group.entry.77f938d6.js} +1 -1
- package/dist/{swirl-button.entry.a964b123.js → swirl-button.entry.d89c91e3.js} +2 -2
- package/dist/{swirl-card.entry.2d75db29.js → swirl-card.entry.39e12b1d.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.a4693fd7.js → swirl-carousel-slide.entry.589b97d1.js} +1 -1
- package/dist/{swirl-carousel.entry.2d4811cd.js → swirl-carousel.entry.cf905a6a.js} +2 -2
- package/dist/{swirl-checkbox.entry.507ebc84.js → swirl-checkbox.entry.9897935c.js} +1 -1
- package/dist/{swirl-chip.entry.c688230e.js → swirl-chip.entry.f5196b00.js} +4 -4
- package/dist/{swirl-columns.entry.809791a9.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.74fdd9e9.js → swirl-console-layout.entry.89add690.js} +19 -19
- package/dist/{swirl-date-input.entry.d3e92f03.js → swirl-date-input.entry.fce5a544.js} +13 -13
- package/dist/{swirl-date-picker_2.entry.d4c33050.js → swirl-date-picker_2.entry.8e8dcf90.js} +1 -1
- package/dist/{swirl-description-list-item.entry.07ec3d3b.js → swirl-description-list-item.entry.a8f5af0c.js} +1 -1
- package/dist/{swirl-description-list.entry.9bf4c675.js → swirl-description-list.entry.07a3a754.js} +1 -1
- package/dist/{swirl-dialog.entry.3bcb49d7.js → swirl-dialog.entry.102c937d.js} +11 -11
- package/dist/{swirl-file-uploader.entry.14c85d28.js → swirl-file-uploader.entry.d9351a1e.js} +1 -1
- package/dist/{swirl-file-viewer_7.entry.5dce272f.js → swirl-file-viewer_7.entry.5faefd6f.js} +316 -316
- package/dist/{swirl-form-control.entry.8a7e3652.js → swirl-form-control.entry.e871fd01.js} +13 -13
- package/dist/{swirl-form-group.entry.1832ead7.js → swirl-form-group.entry.20ebe0d5.js} +1 -1
- package/dist/{swirl-heading.entry.d579f78f.js → swirl-heading.entry.00b9abb2.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.cef941d2.js → swirl-icon-add-photo.entry.51a8f644.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.bb3b176d.js → swirl-icon-add_6.entry.1e3f407b.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.81e539e8.js → swirl-icon-admin-panel-settings.entry.19cdbe6d.js} +1 -1
- package/dist/{swirl-icon-ai.entry.b0ef2699.js → swirl-icon-ai.entry.236313f3.js} +1 -1
- package/dist/{swirl-icon-arrow-back.entry.e0714eaa.js → swirl-icon-arrow-back.entry.262aea95.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.5a148c0c.js → swirl-icon-arrow-downward_2.entry.d63dd34c.js} +1 -1
- package/dist/{swirl-icon-arrow-forward.entry.88ed59b1.js → swirl-icon-arrow-forward.entry.73fb825e.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.3557b51f.js → swirl-icon-arrow-left_4.entry.3b54f63d.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.8971f297.js → swirl-icon-arrow-right-small.entry.3631c0e1.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.e4a0cd1e.js → swirl-icon-attachment.entry.8e3de451.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.4f252466.js → swirl-icon-bar-chart.entry.04381fb7.js} +1 -1
- package/dist/{swirl-icon-block.entry.940929eb.js → swirl-icon-block.entry.56a413fd.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.fa7db7b5.js → swirl-icon-bookmark.entry.23f8f970.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.4d81b634.js → swirl-icon-cancel_4.entry.4f419de1.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.8f7159fd.js → swirl-icon-chat-bubble.entry.28770125.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.0c42b4cc.js → swirl-icon-chats-filled.entry.aa201e59.js} +1 -1
- package/dist/{swirl-icon-chats-outlined.entry.ace3ae5b.js → swirl-icon-chats-outlined.entry.837d65ee.js} +1 -1
- package/dist/{swirl-icon-check-circle_3.entry.9cc0cbf4.js → swirl-icon-check-circle_3.entry.9b0706d0.js} +1 -1
- package/dist/{swirl-icon-check-small_3.entry.75bb3491.js → swirl-icon-check-small_3.entry.c059fd85.js} +28 -28
- package/dist/{swirl-icon-check-strong.entry.6870887c.js → swirl-icon-check-strong.entry.e607fc4a.js} +1 -1
- package/dist/{swirl-icon-check.entry.72e45a62.js → swirl-icon-check.entry.1580dc19.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.2fc291bd.js → swirl-icon-chevron-left.entry.07a065ca.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.fcedb9df.js → swirl-icon-chevron-right.entry.60eab9ee.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.26d52413.js → swirl-icon-close-small.entry.063676b2.js} +1 -1
- package/dist/{swirl-icon-close.entry.589da06f.js → swirl-icon-close.entry.960816b9.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.2a7804ff.js → swirl-icon-cloud-upload.entry.c284ecdd.js} +1 -1
- package/dist/{swirl-icon-column.entry.3228413d.js → swirl-icon-column.entry.3f736961.js} +1 -1
- package/dist/{swirl-icon-comment.entry.bde503ca.js → swirl-icon-comment.entry.764e8900.js} +1 -1
- package/dist/{swirl-icon-copy.entry.b263b7e3.js → swirl-icon-copy.entry.fd290297.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.0bffb41f.js → swirl-icon-date-range.entry.79537b28.js} +1 -1
- package/dist/{swirl-icon-delete.entry.2aff94f5.js → swirl-icon-delete.entry.4e8fe7ea.js} +1 -1
- package/dist/{swirl-icon-description.entry.5fbc0a56.js → swirl-icon-description.entry.35d4309e.js} +1 -1
- package/dist/{swirl-icon-double-arrow-left.entry.1adbb5b3.js → swirl-icon-double-arrow-left.entry.b0b441b8.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.ac8e9103.js → swirl-icon-double-arrow-right.entry.e2e761ca.js} +1 -1
- package/dist/{swirl-icon-download.entry.d971721f.js → swirl-icon-download.entry.197b999c.js} +1 -1
- package/dist/{swirl-icon-edit.entry.f609e582.js → swirl-icon-edit.entry.0b9e23e6.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.710eb059.js → swirl-icon-emoji-mood.entry.d31c57dd.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.b3177945.js → swirl-icon-emoji-satisfied.entry.34f7e28a.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.895f3da9.js → swirl-icon-error_3.entry.007ef916.js} +2 -2
- package/dist/{swirl-icon-expand-more.entry.e0ad5e0b.js → swirl-icon-expand-more.entry.9b27954b.js} +1 -1
- package/dist/{swirl-icon-filter.entry.6c7b0e02.js → swirl-icon-filter.entry.36444189.js} +1 -1
- package/dist/{swirl-icon-folder.entry.5008ba5e.js → swirl-icon-folder.entry.346cb7b9.js} +1 -1
- package/dist/{swirl-icon-format-h-one.entry.d141186b.js → swirl-icon-format-h-one.entry.1e5bf43e.js} +1 -1
- package/dist/{swirl-icon-gif.entry.7cc5b262.js → swirl-icon-gif.entry.7476dd66.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.bec7cc85.js → swirl-icon-group-assign.entry.ce09e62d.js} +1 -1
- package/dist/{swirl-icon-groups-custom.entry.a4da3c41.js → swirl-icon-groups-custom.entry.8cd01bbc.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.3bb26058.js → swirl-icon-groups-filled.entry.774a85f0.js} +1 -1
- package/dist/{swirl-icon-groups-outlined.entry.c4b51028.js → swirl-icon-groups-outlined.entry.2d116130.js} +1 -1
- package/dist/{swirl-icon-groups.entry.d7fd8f43.js → swirl-icon-groups.entry.e2224964.js} +1 -1
- package/dist/{swirl-icon-help.entry.16f3afa8.js → swirl-icon-help.entry.63de46ec.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.0134669e.js → swirl-icon-highlight.entry.ef2106f9.js} +1 -1
- package/dist/{swirl-icon-home.entry.1f8e8624.js → swirl-icon-home.entry.c1ff9712.js} +1 -1
- package/dist/{swirl-icon-image.entry.1a9b0ed1.js → swirl-icon-image.entry.0c4e9685.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.200ac265.js → swirl-icon-improve-text.entry.ae19bc62.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.8dbddd6d.js → swirl-icon-insert-below.entry.c48a1e04.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.fcbdb1a0.js → swirl-icon-insert-on-top.entry.90ca518d.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.729ddd1a.js → swirl-icon-inventory.entry.73bd60d3.js} +1 -1
- package/dist/{swirl-icon-like.entry.5596fd94.js → swirl-icon-like.entry.551068de.js} +1 -1
- package/dist/{swirl-icon-link.entry.51bf4ba1.js → swirl-icon-link.entry.668ae305.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.adde08f3.js → swirl-icon-lock-person.entry.1c0569e3.js} +1 -1
- package/dist/{swirl-icon-lock.entry.4b466373.js → swirl-icon-lock.entry.c30a9b6f.js} +1 -1
- package/dist/{swirl-icon-logout.entry.fbcdcc6b.js → swirl-icon-logout.entry.6e10fe89.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.50ad0532.js → swirl-icon-long-text.entry.289f5aed.js} +1 -1
- package/dist/{swirl-icon-mail.entry.bb01cff5.js → swirl-icon-mail.entry.0338b6ab.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.fa200327.js → swirl-icon-manage-accounts.entry.b9b2373a.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.2d74c79f.js → swirl-icon-mark-chat-read.entry.042147bd.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.1bc18d02.js → swirl-icon-mark-chat-unread.entry.e545fb9d.js} +1 -1
- package/dist/{swirl-icon-mention.entry.7a856df8.js → swirl-icon-mention.entry.32a92db5.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.8582341e.js → swirl-icon-menu-filled.entry.fb2c2888.js} +1 -1
- package/dist/{swirl-icon-menu-outlined.entry.c5647cad.js → swirl-icon-menu-outlined.entry.a962d730.js} +1 -1
- package/dist/{swirl-icon-menu.entry.c1577249.js → swirl-icon-menu.entry.9a1ce0ec.js} +1 -1
- package/dist/{swirl-icon-message.entry.caf2b477.js → swirl-icon-message.entry.e7a89d18.js} +1 -1
- package/dist/{swirl-icon-mic.entry.e93e0eb3.js → swirl-icon-mic.entry.4ef9fb4d.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.2252e883.js → swirl-icon-more-horizontal.entry.1bbf1ea1.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.caf98d1d.js → swirl-icon-news-filled.entry.7804dbea.js} +1 -1
- package/dist/{swirl-icon-news-outlined.entry.8a2eea73.js → swirl-icon-news-outlined.entry.011fd823.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.023eaf5e.js → swirl-icon-notifications-active.entry.50117738.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.01f4dd9c.js → swirl-icon-notifications-off.entry.c110676e.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.190b16a8.js → swirl-icon-notifications.entry.6230eefb.js} +1 -1
- package/dist/{swirl-icon-open-in-full.entry.a7d8a492.js → swirl-icon-open-in-full.entry.2aec37e4.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.7daf74b6.js → swirl-icon-open-in-new.entry.50d95a3e.js} +1 -1
- package/dist/{swirl-icon-pause-circle.entry.60b963e2.js → swirl-icon-pause-circle.entry.7cc6abcf.js} +1 -1
- package/dist/{swirl-icon-pause.entry.ff2b6ce9.js → swirl-icon-pause.entry.ddc1361c.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.be0298e2.js → swirl-icon-people-alt.entry.9a7bdff3.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.30db4ec0.js → swirl-icon-person-off.entry.e69676b0.js} +1 -1
- package/dist/{swirl-icon-person.entry.eb65334d.js → swirl-icon-person.entry.f4ea1f0b.js} +1 -1
- package/dist/{swirl-icon-phone.entry.f283d760.js → swirl-icon-phone.entry.351a77a6.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.77faf992.js → swirl-icon-play-arrow.entry.2e224af4.js} +1 -1
- package/dist/{swirl-icon-poll.entry.f13f46c6.js → swirl-icon-poll.entry.f59cee62.js} +1 -1
- package/dist/{swirl-icon-print.entry.98bf327f.js → swirl-icon-print.entry.41b4d9a5.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.7a081ca4.js → swirl-icon-recieved.entry.643ea760.js} +1 -1
- package/dist/{swirl-icon-reply.entry.b622c3a4.js → swirl-icon-reply.entry.e108f007.js} +1 -1
- package/dist/{swirl-icon-report.entry.24d1b7cf.js → swirl-icon-report.entry.67803c07.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.a1154733.js → swirl-icon-roadmap.entry.473fcce2.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.a6f7890d.js → swirl-icon-search-strong.entry.dde9e172.js} +1 -1
- package/dist/{swirl-icon-search.entry.b943e372.js → swirl-icon-search.entry.89399725.js} +1 -1
- package/dist/{swirl-icon-send.entry.2a1a5d64.js → swirl-icon-send.entry.474ec225.js} +1 -1
- package/dist/{swirl-icon-settings.entry.8434892f.js → swirl-icon-settings.entry.32fa9252.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.8878a25f.js → swirl-icon-short-text.entry.b731d142.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.a6fe129e.js → swirl-icon-simplify.entry.4a2786cd.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.c86c7565.js → swirl-icon-spellcheck.entry.b17312ca.js} +1 -1
- package/dist/{swirl-icon-stop.entry.6b3897cc.js → swirl-icon-stop.entry.5488a28f.js} +1 -1
- package/dist/{swirl-icon-sync.entry.6750f418.js → swirl-icon-sync.entry.26e9c6d1.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.82fe3612.js → swirl-icon-tasks-filled.entry.fc277955.js} +1 -1
- package/dist/{swirl-icon-tasks-outlined.entry.b9099501.js → swirl-icon-tasks-outlined.entry.b8cefb96.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.f02bf703.js → swirl-icon-time-filled.entry.f80d4284.js} +1 -1
- package/dist/{swirl-icon-time-outlined.entry.15b3c9e9.js → swirl-icon-time-outlined.entry.f34b56b4.js} +1 -1
- package/dist/{swirl-icon-translate.entry.2f007d45.js → swirl-icon-translate.entry.08944f90.js} +1 -1
- package/dist/{swirl-icon-undo.entry.6a2cc783.js → swirl-icon-undo.entry.84c45bfc.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.8f3d23a9.js → swirl-icon-unlock-person.entry.f1b5d8f9.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.73a38668.js → swirl-icon-user-assign.entry.37189459.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.779ca046.js → swirl-icon-video-camera.entry.37ed0cdc.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.be740800.js → swirl-icon-video-library.entry.de0bb66a.js} +1 -1
- package/dist/{swirl-icon-voice.entry.a4e09f01.js → swirl-icon-voice.entry.5bb70c5c.js} +1 -1
- package/dist/{swirl-icon.entry.cf7bb4ac.js → swirl-icon.entry.38896300.js} +1 -1
- package/dist/{swirl-image-grid-item.entry.3a8403d1.js → swirl-image-grid-item.entry.71ff7988.js} +1 -1
- package/dist/{swirl-image-grid.entry.cfcb7625.js → swirl-image-grid.entry.2f52e4e9.js} +1 -1
- package/dist/{swirl-inline-notification.entry.5ee47f6c.js → swirl-inline-notification.entry.77a0445e.js} +1 -1
- package/dist/{swirl-inline-status.entry.b3a7210a.js → swirl-inline-status.entry.206c370c.js} +2 -2
- package/dist/{swirl-lightbox.entry.f54fdfa9.js → swirl-lightbox.entry.f0c03b0b.js} +31 -31
- package/dist/{swirl-link.entry.0b28f686.js → swirl-link.entry.feed9415.js} +1 -1
- package/dist/{swirl-list.entry.89b874ba.js → swirl-list.entry.1251ccfb.js} +1 -1
- package/dist/{swirl-menu-item.entry.0008121e.js → swirl-menu-item.entry.86369605.js} +11 -11
- package/dist/{swirl-menu.entry.7eac0c60.js → swirl-menu.entry.66eec06a.js} +51 -51
- package/dist/{swirl-modal.entry.21ee30b7.js → swirl-modal.entry.32c6b7b1.js} +215 -215
- package/dist/{swirl-option-list-section.entry.cc0188e8.js → swirl-option-list-section.entry.9d925024.js} +1 -1
- package/dist/{swirl-option-list.entry.4d3549dd.js → swirl-option-list.entry.ded36730.js} +22 -22
- package/dist/{swirl-pagination.entry.46c06694.js → swirl-pagination.entry.c06fc83e.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.b9aaa0c0.js → swirl-pdf-reader.entry.b61cdb34.js} +9 -9
- package/dist/{swirl-popover_2.entry.961a2ea5.js → swirl-popover_2.entry.70a32904.js} +40 -40
- package/dist/{swirl-progress-indicator.entry.ed30dcb6.js → swirl-progress-indicator.entry.91e07d09.js} +1 -1
- package/dist/{swirl-radio-group.entry.0e1b231d.js → swirl-radio-group.entry.8af0efcb.js} +1 -1
- package/dist/{swirl-radio.entry.5f18c284.js → swirl-radio.entry.900b5022.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.0665ce3b.js → swirl-resource-list-file-item.entry.96c1d597.js} +14 -14
- package/dist/{swirl-search.entry.2446a7be.js → swirl-search.entry.df4c6f34.js} +7 -7
- package/dist/{swirl-select.entry.af7acd98.js → swirl-select.entry.f2f64ee2.js} +20 -20
- package/dist/{swirl-shell-layout.entry.b14e94da.js → swirl-shell-layout.entry.aceed146.js} +2 -2
- package/dist/{swirl-shell-navigation-item.entry.2a522177.js → swirl-shell-navigation-item.entry.39786f9c.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.adafa32d.js → swirl-skeleton-box.entry.cbe5257e.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.c51646d7.js → swirl-skeleton-text.entry.3e9540d7.js} +1 -1
- package/dist/{swirl-stack.entry.cc3fdf97.js → swirl-stack.entry.d58b3e5d.js} +1 -1
- package/dist/{swirl-status-indicator.entry.5d6a9d7a.js → swirl-status-indicator.entry.ca8e2279.js} +1 -1
- package/dist/{swirl-switch.entry.6b02c4ce.js → swirl-switch.entry.438729e0.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.1d5df485.js → swirl-symbol-account-circle.entry.f793dce1.js} +1 -1
- package/dist/{swirl-symbol-alternate-email.entry.c969baf4.js → swirl-symbol-alternate-email.entry.0fcd64a7.js} +1 -1
- package/dist/{swirl-symbol-android.entry.d2cb1040.js → swirl-symbol-android.entry.3ec80e43.js} +1 -1
- package/dist/{swirl-symbol-announcement.entry.bb85285f.js → swirl-symbol-announcement.entry.86222c62.js} +1 -1
- package/dist/{swirl-symbol-backup.entry.71e0600b.js → swirl-symbol-backup.entry.d88ee08a.js} +1 -1
- package/dist/{swirl-symbol-beach-access.entry.d480fd57.js → swirl-symbol-beach-access.entry.2946b2f1.js} +1 -1
- package/dist/{swirl-symbol-bookmark.entry.8d3c2d22.js → swirl-symbol-bookmark.entry.dc7ef37f.js} +1 -1
- package/dist/{swirl-symbol-cloud.entry.6ad16964.js → swirl-symbol-cloud.entry.fc39318c.js} +1 -1
- package/dist/{swirl-symbol-coronavirus.entry.8769a931.js → swirl-symbol-coronavirus.entry.6e1834d9.js} +1 -1
- package/dist/{swirl-symbol-desktop-windows.entry.3af42abb.js → swirl-symbol-desktop-windows.entry.1a049626.js} +1 -1
- package/dist/{swirl-symbol-directions-car-filled.entry.aba34690.js → swirl-symbol-directions-car-filled.entry.efc77590.js} +1 -1
- package/dist/{swirl-symbol-edit-calendar.entry.b2607b3f.js → swirl-symbol-edit-calendar.entry.8eedb042.js} +1 -1
- package/dist/{swirl-symbol-email.entry.6cfd5435.js → swirl-symbol-email.entry.3abbe2bb.js} +1 -1
- package/dist/{swirl-symbol-emoji-food-beverage.entry.269465ec.js → swirl-symbol-emoji-food-beverage.entry.dd3929c8.js} +1 -1
- package/dist/{swirl-symbol-event-menu.entry.f0c24533.js → swirl-symbol-event-menu.entry.7199f5eb.js} +1 -1
- package/dist/{swirl-symbol-facebook.entry.c1c66f00.js → swirl-symbol-facebook.entry.0df1bb53.js} +1 -1
- package/dist/{swirl-symbol-favorite.entry.372433d3.js → swirl-symbol-favorite.entry.532fac2e.js} +1 -1
- package/dist/{swirl-symbol-fitness-center.entry.b7061512.js → swirl-symbol-fitness-center.entry.25cdd9eb.js} +1 -1
- package/dist/{swirl-symbol-flag.entry.2c65f526.js → swirl-symbol-flag.entry.394768ef.js} +1 -1
- package/dist/{swirl-symbol-folder.entry.e2019d51.js → swirl-symbol-folder.entry.20b1981c.js} +1 -1
- package/dist/{swirl-symbol-globe.entry.43c90448.js → swirl-symbol-globe.entry.dc84c360.js} +1 -1
- package/dist/{swirl-symbol-groups.entry.926df40c.js → swirl-symbol-groups.entry.ffca31e4.js} +1 -1
- package/dist/{swirl-symbol-help.entry.43c509af.js → swirl-symbol-help.entry.d4a0c7ae.js} +1 -1
- package/dist/{swirl-symbol-image.entry.6baf166c.js → swirl-symbol-image.entry.1268ed29.js} +1 -1
- package/dist/{swirl-symbol-info-menu.entry.4744a394.js → swirl-symbol-info-menu.entry.c1c84d60.js} +1 -1
- package/dist/{swirl-symbol-instagram.entry.cc270249.js → swirl-symbol-instagram.entry.02af7c36.js} +1 -1
- package/dist/{swirl-symbol-ios.entry.e40f228e.js → swirl-symbol-ios.entry.71ce1f97.js} +1 -1
- package/dist/{swirl-symbol-language.entry.17985df9.js → swirl-symbol-language.entry.93e49d8b.js} +1 -1
- package/dist/{swirl-symbol-leaderboard.entry.25da7af2.js → swirl-symbol-leaderboard.entry.8159627c.js} +1 -1
- package/dist/{swirl-symbol-lightbulb.entry.53f26111.js → swirl-symbol-lightbulb.entry.a448f50a.js} +1 -1
- package/dist/{swirl-symbol-linkedin.entry.f4cb8d76.js → swirl-symbol-linkedin.entry.2b087adf.js} +1 -1
- package/dist/{swirl-symbol-location-on.entry.3c46becb.js → swirl-symbol-location-on.entry.15f3e620.js} +1 -1
- package/dist/{swirl-symbol-loyalty.entry.7ca6fa2f.js → swirl-symbol-loyalty.entry.3fcf0631.js} +1 -1
- package/dist/{swirl-symbol-maps-home-work.entry.1acfe135.js → swirl-symbol-maps-home-work.entry.ae3325d5.js} +1 -1
- package/dist/{swirl-symbol-notifications.entry.177ae856.js → swirl-symbol-notifications.entry.24d5c3bf.js} +1 -1
- package/dist/{swirl-symbol-open-in-new.entry.6c95f6b4.js → swirl-symbol-open-in-new.entry.b616c807.js} +1 -1
- package/dist/{swirl-symbol-pedal-bike.entry.980664a3.js → swirl-symbol-pedal-bike.entry.27959d69.js} +1 -1
- package/dist/{swirl-symbol-pinterest.entry.a630d0c9.js → swirl-symbol-pinterest.entry.4f792137.js} +1 -1
- package/dist/{swirl-symbol-policy.entry.4aa90c28.js → swirl-symbol-policy.entry.87da3679.js} +1 -1
- package/dist/{swirl-symbol-push-pin.entry.f9c02c78.js → swirl-symbol-push-pin.entry.4a027788.js} +1 -1
- package/dist/{swirl-symbol-redeem.entry.6e14136c.js → swirl-symbol-redeem.entry.83f4796d.js} +1 -1
- package/dist/{swirl-symbol-report-problem.entry.5933132a.js → swirl-symbol-report-problem.entry.8b0ac67e.js} +1 -1
- package/dist/{swirl-symbol-restaurant.entry.3b53aacb.js → swirl-symbol-restaurant.entry.b07164d3.js} +1 -1
- package/dist/{swirl-symbol-roadmap.entry.1bc5459f.js → swirl-symbol-roadmap.entry.c26367de.js} +1 -1
- package/dist/{swirl-symbol-room.entry.0bd32c08.js → swirl-symbol-room.entry.0cea80a2.js} +1 -1
- package/dist/{swirl-symbol-savings.entry.26b501f8.js → swirl-symbol-savings.entry.f779d16f.js} +1 -1
- package/dist/{swirl-symbol-settings-voice.entry.79c26abd.js → swirl-symbol-settings-voice.entry.7e675b6a.js} +1 -1
- package/dist/{swirl-symbol-shopping-cart.entry.5d0ab7c2.js → swirl-symbol-shopping-cart.entry.cb804592.js} +1 -1
- package/dist/{swirl-symbol-smartphone.entry.0eaf37a3.js → swirl-symbol-smartphone.entry.ae07209d.js} +1 -1
- package/dist/{swirl-symbol-star.entry.969e466c.js → swirl-symbol-star.entry.716aae27.js} +1 -1
- package/dist/{swirl-symbol-supervisor-account.entry.9feea03d.js → swirl-symbol-supervisor-account.entry.9bfddfb1.js} +1 -1
- package/dist/{swirl-symbol-thumbs-up-down.entry.c070d20e.js → swirl-symbol-thumbs-up-down.entry.393305ee.js} +1 -1
- package/dist/{swirl-symbol-twitter.entry.dfe04fa9.js → swirl-symbol-twitter.entry.a8fef8cd.js} +1 -1
- package/dist/{swirl-symbol-wb-sunny.entry.efd856ef.js → swirl-symbol-wb-sunny.entry.7097357c.js} +1 -1
- package/dist/{swirl-symbol-wechat.entry.7c3ac224.js → swirl-symbol-wechat.entry.0dd08fd2.js} +1 -1
- package/dist/{swirl-symbol-weibo.entry.55b8c660.js → swirl-symbol-weibo.entry.5111da86.js} +1 -1
- package/dist/{swirl-symbol-work.entry.047e420a.js → swirl-symbol-work.entry.8cdbe640.js} +1 -1
- package/dist/{swirl-symbol-xing.entry.d2e1d8a4.js → swirl-symbol-xing.entry.32bad642.js} +1 -1
- package/dist/{swirl-symbol-youtube.entry.7c566f67.js → swirl-symbol-youtube.entry.b1a26c3b.js} +1 -1
- package/dist/{swirl-symbol.entry.f77d175f.js → swirl-symbol.entry.321b7561.js} +1 -1
- package/dist/{swirl-tab-bar.entry.613aa1f9.js → swirl-tab-bar.entry.99ea19ca.js} +1 -1
- package/dist/{swirl-tab.entry.af48b642.js → swirl-tab.entry.efd5aa1b.js} +1 -1
- package/dist/{swirl-table-cell.entry.54455c7d.js → swirl-table-cell.entry.a4d79fde.js} +1 -1
- package/dist/{swirl-table-column.entry.126fae83.js → swirl-table-column.entry.72f25118.js} +1 -1
- package/dist/{swirl-table-row-group.entry.b1a443a1.js → swirl-table-row-group.entry.4461a288.js} +1 -1
- package/dist/{swirl-table-row.entry.a1a52736.js → swirl-table-row.entry.5658b371.js} +3 -3
- package/dist/{swirl-table.entry.d187504d.js → swirl-table.entry.6d8a99ee.js} +16 -16
- package/dist/{swirl-tabs.entry.137ccd38.js → swirl-tabs.entry.870e4b68.js} +7 -7
- package/dist/{swirl-tag.entry.0af7a86c.js → swirl-tag.entry.bb3dc64b.js} +2 -2
- package/dist/{swirl-text-input.entry.fac3abf5.js → swirl-text-input.entry.24628066.js} +18 -18
- package/dist/{swirl-text.entry.d6ecdb8b.js → swirl-text.entry.ec8c7688.js} +1 -1
- package/dist/{swirl-theme-provider.entry.a1b01352.js → swirl-theme-provider.entry.a0de950c.js} +78 -66
- package/dist/{swirl-time-input.entry.5ae15bb9.js → swirl-time-input.entry.dcf164da.js} +35 -35
- package/dist/{swirl-toast-provider.entry.2384e474.js → swirl-toast-provider.entry.a45bf498.js} +14 -9
- package/dist/{swirl-toast.entry.ae7fa515.js → swirl-toast.entry.168b2471.js} +9 -9
- package/dist/{swirl-tooltip.entry.c6ec88dc.js → swirl-tooltip.entry.16cf40ce.js} +14 -14
- package/dist/{swirl-tree-navigation-item.entry.9521165f.js → swirl-tree-navigation-item.entry.fb55295c.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.7c8ea11b.js → swirl-video-thumbnail.entry.ef584013.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.78ae7a3a.js → swirl-visually-hidden.entry.22de9ea0.js} +1 -1
- package/dist/{wc-datepicker.entry.54e595d6.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))
|