@getflip/swirl-components-react 0.80.4 → 0.82.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.455fdaad.js} +4 -4
- package/dist/{index.1508b8d7.js → index.5a52a569.js} +255 -255
- package/dist/{swirl-action-list-section.entry.f4f7e26e.js → swirl-action-list-section.entry.e62e5ba8.js} +1 -1
- package/dist/{swirl-action-list_3.entry.6747d23d.js → swirl-action-list_3.entry.0ec75029.js} +21 -21
- package/dist/{swirl-app-bar.entry.010474cf.js → swirl-app-bar.entry.f1a52ab7.js} +2 -2
- package/dist/{swirl-app-icon.entry.b347921f.js → swirl-app-icon.entry.2a145d6c.js} +1 -1
- package/dist/{swirl-app-layout_7.entry.0b98cbd8.js → swirl-app-layout_7.entry.39357d5b.js} +8 -8
- package/dist/{swirl-autocomplete.entry.3aac060b.js → swirl-autocomplete.entry.887ba979.js} +21 -21
- package/dist/{swirl-avatar-group.entry.80907599.js → swirl-avatar-group.entry.4504fc6f.js} +1 -1
- package/dist/{swirl-avatar.entry.120d9dde.js → swirl-avatar.entry.8baed156.js} +1 -1
- package/dist/{swirl-badge.entry.7903a219.js → swirl-badge.entry.c337df4b.js} +1 -1
- package/dist/{swirl-banner.entry.f918d04b.js → swirl-banner.entry.8f8f4706.js} +8 -8
- package/dist/{swirl-button-group.entry.d0c9e462.js → swirl-button-group.entry.048cb55b.js} +1 -1
- package/dist/{swirl-button.entry.a964b123.js → swirl-button.entry.794c30fc.js} +2 -2
- package/dist/{swirl-card.entry.2d75db29.js → swirl-card.entry.b7fb5e5f.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.a4693fd7.js → swirl-carousel-slide.entry.beeb59f8.js} +1 -1
- package/dist/{swirl-carousel.entry.2d4811cd.js → swirl-carousel.entry.e6c59fd7.js} +2 -2
- package/dist/{swirl-checkbox.entry.507ebc84.js → swirl-checkbox.entry.1fd1010d.js} +1 -1
- package/dist/{swirl-chip.entry.c688230e.js → swirl-chip.entry.9d02bd73.js} +4 -4
- package/dist/{swirl-columns.entry.809791a9.js → swirl-columns.entry.c3f5d758.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.9ca7f81a.js} +19 -19
- package/dist/{swirl-date-input.entry.d3e92f03.js → swirl-date-input.entry.4a294a9e.js} +13 -13
- package/dist/{swirl-date-picker_2.entry.d4c33050.js → swirl-date-picker_2.entry.dc7d2df6.js} +1 -1
- package/dist/{swirl-description-list-item.entry.07ec3d3b.js → swirl-description-list-item.entry.d15f89cb.js} +1 -1
- package/dist/{swirl-description-list.entry.9bf4c675.js → swirl-description-list.entry.bf8e4ede.js} +1 -1
- package/dist/{swirl-dialog.entry.3bcb49d7.js → swirl-dialog.entry.68c3b5d3.js} +11 -11
- package/dist/{swirl-file-uploader.entry.14c85d28.js → swirl-file-uploader.entry.cf89264f.js} +1 -1
- package/dist/{swirl-file-viewer_7.entry.5dce272f.js → swirl-file-viewer_7.entry.3636e50e.js} +316 -316
- package/dist/{swirl-form-control.entry.8a7e3652.js → swirl-form-control.entry.2f840058.js} +13 -13
- package/dist/{swirl-form-group.entry.1832ead7.js → swirl-form-group.entry.e6dc2f91.js} +1 -1
- package/dist/{swirl-heading.entry.d579f78f.js → swirl-heading.entry.663a7ce5.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.cef941d2.js → swirl-icon-add-photo.entry.96b78df5.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.bb3b176d.js → swirl-icon-add_6.entry.207b25f2.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.81e539e8.js → swirl-icon-admin-panel-settings.entry.19bddcbe.js} +1 -1
- package/dist/{swirl-icon-ai.entry.b0ef2699.js → swirl-icon-ai.entry.bbfb1e1c.js} +1 -1
- package/dist/{swirl-icon-arrow-back.entry.e0714eaa.js → swirl-icon-arrow-back.entry.f881887b.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.5a148c0c.js → swirl-icon-arrow-downward_2.entry.e95af6c6.js} +1 -1
- package/dist/{swirl-icon-arrow-forward.entry.88ed59b1.js → swirl-icon-arrow-forward.entry.876bd752.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.3557b51f.js → swirl-icon-arrow-left_4.entry.d31922e1.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.8971f297.js → swirl-icon-arrow-right-small.entry.6768caee.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.e4a0cd1e.js → swirl-icon-attachment.entry.583e53cf.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.4f252466.js → swirl-icon-bar-chart.entry.1a78b32f.js} +1 -1
- package/dist/{swirl-icon-block.entry.940929eb.js → swirl-icon-block.entry.88b3b434.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.fa7db7b5.js → swirl-icon-bookmark.entry.243ec9d0.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.4d81b634.js → swirl-icon-cancel_4.entry.e4b1f1f1.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.8f7159fd.js → swirl-icon-chat-bubble.entry.a55f81b9.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.0c42b4cc.js → swirl-icon-chats-filled.entry.0265f4a4.js} +1 -1
- package/dist/{swirl-icon-chats-outlined.entry.ace3ae5b.js → swirl-icon-chats-outlined.entry.4ca00994.js} +1 -1
- package/dist/{swirl-icon-check-circle_3.entry.9cc0cbf4.js → swirl-icon-check-circle_3.entry.267aed0c.js} +1 -1
- package/dist/{swirl-icon-check-small_3.entry.75bb3491.js → swirl-icon-check-small_3.entry.9c6490ff.js} +28 -28
- package/dist/{swirl-icon-check-strong.entry.6870887c.js → swirl-icon-check-strong.entry.81b96cf7.js} +1 -1
- package/dist/{swirl-icon-check.entry.72e45a62.js → swirl-icon-check.entry.cb0c1bbe.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.2fc291bd.js → swirl-icon-chevron-left.entry.ec6a5d16.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.fcedb9df.js → swirl-icon-chevron-right.entry.b480fb79.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.26d52413.js → swirl-icon-close-small.entry.ba170a88.js} +1 -1
- package/dist/{swirl-icon-close.entry.589da06f.js → swirl-icon-close.entry.57d97244.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.2a7804ff.js → swirl-icon-cloud-upload.entry.58a6264e.js} +1 -1
- package/dist/{swirl-icon-column.entry.3228413d.js → swirl-icon-column.entry.e5a9fb73.js} +1 -1
- package/dist/{swirl-icon-comment.entry.bde503ca.js → swirl-icon-comment.entry.5b1c349e.js} +1 -1
- package/dist/{swirl-icon-copy.entry.b263b7e3.js → swirl-icon-copy.entry.198ec0b1.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.0bffb41f.js → swirl-icon-date-range.entry.7026ebdf.js} +1 -1
- package/dist/{swirl-icon-delete.entry.2aff94f5.js → swirl-icon-delete.entry.bf719e7d.js} +1 -1
- package/dist/{swirl-icon-description.entry.5fbc0a56.js → swirl-icon-description.entry.397593eb.js} +1 -1
- package/dist/{swirl-icon-double-arrow-left.entry.1adbb5b3.js → swirl-icon-double-arrow-left.entry.3ed2cf45.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.ac8e9103.js → swirl-icon-double-arrow-right.entry.d371ba13.js} +1 -1
- package/dist/{swirl-icon-download.entry.d971721f.js → swirl-icon-download.entry.c6d5fbc9.js} +1 -1
- package/dist/{swirl-icon-edit.entry.f609e582.js → swirl-icon-edit.entry.19856fd4.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.710eb059.js → swirl-icon-emoji-mood.entry.89b6343a.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.b3177945.js → swirl-icon-emoji-satisfied.entry.9d35f0b9.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.895f3da9.js → swirl-icon-error_3.entry.2a4c2d90.js} +2 -2
- package/dist/{swirl-icon-expand-more.entry.e0ad5e0b.js → swirl-icon-expand-more.entry.a14e018c.js} +1 -1
- package/dist/{swirl-icon-filter.entry.6c7b0e02.js → swirl-icon-filter.entry.5a3b3039.js} +1 -1
- package/dist/{swirl-icon-folder.entry.5008ba5e.js → swirl-icon-folder.entry.c723933f.js} +1 -1
- package/dist/{swirl-icon-format-h-one.entry.d141186b.js → swirl-icon-format-h-one.entry.6fa84333.js} +1 -1
- package/dist/{swirl-icon-gif.entry.7cc5b262.js → swirl-icon-gif.entry.c0915199.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.bec7cc85.js → swirl-icon-group-assign.entry.dce59a09.js} +1 -1
- package/dist/{swirl-icon-groups-custom.entry.a4da3c41.js → swirl-icon-groups-custom.entry.4a0daec7.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.3bb26058.js → swirl-icon-groups-filled.entry.d9479ba1.js} +1 -1
- package/dist/{swirl-icon-groups-outlined.entry.c4b51028.js → swirl-icon-groups-outlined.entry.4bbd6d00.js} +1 -1
- package/dist/{swirl-icon-groups.entry.d7fd8f43.js → swirl-icon-groups.entry.e944456b.js} +1 -1
- package/dist/{swirl-icon-help.entry.16f3afa8.js → swirl-icon-help.entry.f506c72d.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.0134669e.js → swirl-icon-highlight.entry.c40b8e89.js} +1 -1
- package/dist/{swirl-icon-home.entry.1f8e8624.js → swirl-icon-home.entry.70796c7f.js} +1 -1
- package/dist/{swirl-icon-image.entry.1a9b0ed1.js → swirl-icon-image.entry.5e504bda.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.200ac265.js → swirl-icon-improve-text.entry.a33197b4.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.8dbddd6d.js → swirl-icon-insert-below.entry.8a9a16ce.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.fcbdb1a0.js → swirl-icon-insert-on-top.entry.a6f1d3fb.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.729ddd1a.js → swirl-icon-inventory.entry.4eb08291.js} +1 -1
- package/dist/{swirl-icon-like.entry.5596fd94.js → swirl-icon-like.entry.e97fd728.js} +1 -1
- package/dist/{swirl-icon-link.entry.51bf4ba1.js → swirl-icon-link.entry.c3cbaa2d.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.adde08f3.js → swirl-icon-lock-person.entry.997c04e1.js} +1 -1
- package/dist/{swirl-icon-lock.entry.4b466373.js → swirl-icon-lock.entry.d36e454e.js} +1 -1
- package/dist/{swirl-icon-logout.entry.fbcdcc6b.js → swirl-icon-logout.entry.56685e4b.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.50ad0532.js → swirl-icon-long-text.entry.0ee003b7.js} +1 -1
- package/dist/{swirl-icon-mail.entry.bb01cff5.js → swirl-icon-mail.entry.5fa0db61.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.fa200327.js → swirl-icon-manage-accounts.entry.2d754757.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.2d74c79f.js → swirl-icon-mark-chat-read.entry.f78b6991.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.1bc18d02.js → swirl-icon-mark-chat-unread.entry.27b4499d.js} +1 -1
- package/dist/{swirl-icon-mention.entry.7a856df8.js → swirl-icon-mention.entry.c158dac2.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.8582341e.js → swirl-icon-menu-filled.entry.4b748a3b.js} +1 -1
- package/dist/{swirl-icon-menu-outlined.entry.c5647cad.js → swirl-icon-menu-outlined.entry.1361ec66.js} +1 -1
- package/dist/{swirl-icon-menu.entry.c1577249.js → swirl-icon-menu.entry.d0c47b1b.js} +1 -1
- package/dist/{swirl-icon-message.entry.caf2b477.js → swirl-icon-message.entry.08db03b5.js} +1 -1
- package/dist/{swirl-icon-mic.entry.e93e0eb3.js → swirl-icon-mic.entry.4cc14afc.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.2252e883.js → swirl-icon-more-horizontal.entry.ce2f90a6.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.caf98d1d.js → swirl-icon-news-filled.entry.63afef9f.js} +1 -1
- package/dist/{swirl-icon-news-outlined.entry.8a2eea73.js → swirl-icon-news-outlined.entry.748c774e.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.023eaf5e.js → swirl-icon-notifications-active.entry.3de08d7c.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.01f4dd9c.js → swirl-icon-notifications-off.entry.ee36d86b.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.190b16a8.js → swirl-icon-notifications.entry.b8c9e619.js} +1 -1
- package/dist/{swirl-icon-open-in-full.entry.a7d8a492.js → swirl-icon-open-in-full.entry.ea89df36.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.7daf74b6.js → swirl-icon-open-in-new.entry.5b853180.js} +1 -1
- package/dist/{swirl-icon-pause-circle.entry.60b963e2.js → swirl-icon-pause-circle.entry.7602c0fe.js} +1 -1
- package/dist/{swirl-icon-pause.entry.ff2b6ce9.js → swirl-icon-pause.entry.96865c82.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.be0298e2.js → swirl-icon-people-alt.entry.16d13439.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.30db4ec0.js → swirl-icon-person-off.entry.03d93508.js} +1 -1
- package/dist/{swirl-icon-person.entry.eb65334d.js → swirl-icon-person.entry.1792f3ad.js} +1 -1
- package/dist/{swirl-icon-phone.entry.f283d760.js → swirl-icon-phone.entry.61c24d4f.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.77faf992.js → swirl-icon-play-arrow.entry.73710896.js} +1 -1
- package/dist/{swirl-icon-poll.entry.f13f46c6.js → swirl-icon-poll.entry.c5a417c3.js} +1 -1
- package/dist/{swirl-icon-print.entry.98bf327f.js → swirl-icon-print.entry.e25a8806.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.7a081ca4.js → swirl-icon-recieved.entry.bcfcbce4.js} +1 -1
- package/dist/{swirl-icon-reply.entry.b622c3a4.js → swirl-icon-reply.entry.4ab243fb.js} +1 -1
- package/dist/{swirl-icon-report.entry.24d1b7cf.js → swirl-icon-report.entry.6397a525.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.a1154733.js → swirl-icon-roadmap.entry.4cf34d9c.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.a6f7890d.js → swirl-icon-search-strong.entry.c2eab4ce.js} +1 -1
- package/dist/{swirl-icon-search.entry.b943e372.js → swirl-icon-search.entry.208563a5.js} +1 -1
- package/dist/{swirl-icon-send.entry.2a1a5d64.js → swirl-icon-send.entry.5c8006c8.js} +1 -1
- package/dist/{swirl-icon-settings.entry.8434892f.js → swirl-icon-settings.entry.9543cb5c.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.8878a25f.js → swirl-icon-short-text.entry.ca80a1f7.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.a6fe129e.js → swirl-icon-simplify.entry.f4021796.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.c86c7565.js → swirl-icon-spellcheck.entry.ee233a85.js} +1 -1
- package/dist/{swirl-icon-stop.entry.6b3897cc.js → swirl-icon-stop.entry.6a5517b8.js} +1 -1
- package/dist/{swirl-icon-sync.entry.6750f418.js → swirl-icon-sync.entry.dac0fe32.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.82fe3612.js → swirl-icon-tasks-filled.entry.ad66cc3f.js} +1 -1
- package/dist/{swirl-icon-tasks-outlined.entry.b9099501.js → swirl-icon-tasks-outlined.entry.ad03f095.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.f02bf703.js → swirl-icon-time-filled.entry.2cd230a0.js} +1 -1
- package/dist/{swirl-icon-time-outlined.entry.15b3c9e9.js → swirl-icon-time-outlined.entry.fa61a970.js} +1 -1
- package/dist/{swirl-icon-translate.entry.2f007d45.js → swirl-icon-translate.entry.d2b06cac.js} +1 -1
- package/dist/{swirl-icon-undo.entry.6a2cc783.js → swirl-icon-undo.entry.8db987be.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.8f3d23a9.js → swirl-icon-unlock-person.entry.ba8893d9.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.73a38668.js → swirl-icon-user-assign.entry.0ca87b81.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.779ca046.js → swirl-icon-video-camera.entry.6c3b3048.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.be740800.js → swirl-icon-video-library.entry.52fe1098.js} +1 -1
- package/dist/{swirl-icon-voice.entry.a4e09f01.js → swirl-icon-voice.entry.00dd7a4c.js} +1 -1
- package/dist/{swirl-icon.entry.cf7bb4ac.js → swirl-icon.entry.b557ae6b.js} +1 -1
- package/dist/{swirl-image-grid-item.entry.3a8403d1.js → swirl-image-grid-item.entry.32690a67.js} +1 -1
- package/dist/{swirl-image-grid.entry.cfcb7625.js → swirl-image-grid.entry.a0819297.js} +1 -1
- package/dist/{swirl-inline-notification.entry.5ee47f6c.js → swirl-inline-notification.entry.b120f677.js} +1 -1
- package/dist/{swirl-inline-status.entry.b3a7210a.js → swirl-inline-status.entry.1b17fa33.js} +2 -2
- package/dist/{swirl-lightbox.entry.f54fdfa9.js → swirl-lightbox.entry.9720ca38.js} +31 -31
- package/dist/{swirl-link.entry.0b28f686.js → swirl-link.entry.4d8929c8.js} +1 -1
- package/dist/{swirl-list.entry.89b874ba.js → swirl-list.entry.cc60e5b5.js} +1 -1
- package/dist/{swirl-menu-item.entry.0008121e.js → swirl-menu-item.entry.168fa030.js} +11 -11
- package/dist/{swirl-menu.entry.7eac0c60.js → swirl-menu.entry.21c3f6a1.js} +51 -51
- package/dist/{swirl-modal.entry.21ee30b7.js → swirl-modal.entry.5cd75475.js} +215 -215
- package/dist/{swirl-option-list-section.entry.cc0188e8.js → swirl-option-list-section.entry.2e3eaac2.js} +1 -1
- package/dist/{swirl-option-list.entry.4d3549dd.js → swirl-option-list.entry.57fd2679.js} +22 -22
- package/dist/{swirl-pagination.entry.46c06694.js → swirl-pagination.entry.81d73c00.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.b9aaa0c0.js → swirl-pdf-reader.entry.c286dda0.js} +9 -9
- package/dist/{swirl-popover_2.entry.961a2ea5.js → swirl-popover_2.entry.a7e19157.js} +40 -40
- package/dist/{swirl-progress-indicator.entry.ed30dcb6.js → swirl-progress-indicator.entry.4c1b770c.js} +1 -1
- package/dist/{swirl-radio-group.entry.0e1b231d.js → swirl-radio-group.entry.ea459228.js} +1 -1
- package/dist/{swirl-radio.entry.5f18c284.js → swirl-radio.entry.5281f38a.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.0665ce3b.js → swirl-resource-list-file-item.entry.45920ceb.js} +14 -14
- package/dist/{swirl-search.entry.2446a7be.js → swirl-search.entry.1fae03ec.js} +7 -7
- package/dist/{swirl-select.entry.af7acd98.js → swirl-select.entry.6f89415f.js} +20 -20
- package/dist/{swirl-shell-layout.entry.b14e94da.js → swirl-shell-layout.entry.ab7b95e5.js} +2 -2
- package/dist/{swirl-shell-navigation-item.entry.2a522177.js → swirl-shell-navigation-item.entry.0685ec97.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.adafa32d.js → swirl-skeleton-box.entry.ac9d19d8.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.c51646d7.js → swirl-skeleton-text.entry.544f956d.js} +1 -1
- package/dist/{swirl-stack.entry.cc3fdf97.js → swirl-stack.entry.3c3d5b1a.js} +1 -1
- package/dist/{swirl-status-indicator.entry.5d6a9d7a.js → swirl-status-indicator.entry.9520b814.js} +1 -1
- package/dist/{swirl-switch.entry.6b02c4ce.js → swirl-switch.entry.346716af.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.1d5df485.js → swirl-symbol-account-circle.entry.25740518.js} +1 -1
- package/dist/{swirl-symbol-alternate-email.entry.c969baf4.js → swirl-symbol-alternate-email.entry.585b095c.js} +1 -1
- package/dist/{swirl-symbol-android.entry.d2cb1040.js → swirl-symbol-android.entry.0db77056.js} +1 -1
- package/dist/{swirl-symbol-announcement.entry.bb85285f.js → swirl-symbol-announcement.entry.c3a2752c.js} +1 -1
- package/dist/{swirl-symbol-backup.entry.71e0600b.js → swirl-symbol-backup.entry.e96f2bad.js} +1 -1
- package/dist/{swirl-symbol-beach-access.entry.d480fd57.js → swirl-symbol-beach-access.entry.73c3fa66.js} +1 -1
- package/dist/{swirl-symbol-bookmark.entry.8d3c2d22.js → swirl-symbol-bookmark.entry.e9cc85a9.js} +1 -1
- package/dist/{swirl-symbol-cloud.entry.6ad16964.js → swirl-symbol-cloud.entry.d2c55d37.js} +1 -1
- package/dist/{swirl-symbol-coronavirus.entry.8769a931.js → swirl-symbol-coronavirus.entry.4ab128cc.js} +1 -1
- package/dist/{swirl-symbol-desktop-windows.entry.3af42abb.js → swirl-symbol-desktop-windows.entry.f8552a0d.js} +1 -1
- package/dist/{swirl-symbol-directions-car-filled.entry.aba34690.js → swirl-symbol-directions-car-filled.entry.6f1d726e.js} +1 -1
- package/dist/{swirl-symbol-edit-calendar.entry.b2607b3f.js → swirl-symbol-edit-calendar.entry.021e7f61.js} +1 -1
- package/dist/{swirl-symbol-email.entry.6cfd5435.js → swirl-symbol-email.entry.c22684ed.js} +1 -1
- package/dist/{swirl-symbol-emoji-food-beverage.entry.269465ec.js → swirl-symbol-emoji-food-beverage.entry.42f33562.js} +1 -1
- package/dist/{swirl-symbol-event-menu.entry.f0c24533.js → swirl-symbol-event-menu.entry.7182de95.js} +1 -1
- package/dist/{swirl-symbol-facebook.entry.c1c66f00.js → swirl-symbol-facebook.entry.9c53b8f5.js} +1 -1
- package/dist/{swirl-symbol-favorite.entry.372433d3.js → swirl-symbol-favorite.entry.9dd1c318.js} +1 -1
- package/dist/{swirl-symbol-fitness-center.entry.b7061512.js → swirl-symbol-fitness-center.entry.018f1b77.js} +1 -1
- package/dist/{swirl-symbol-flag.entry.2c65f526.js → swirl-symbol-flag.entry.dde08376.js} +1 -1
- package/dist/{swirl-symbol-folder.entry.e2019d51.js → swirl-symbol-folder.entry.6deb1cde.js} +1 -1
- package/dist/{swirl-symbol-globe.entry.43c90448.js → swirl-symbol-globe.entry.90c0f773.js} +1 -1
- package/dist/{swirl-symbol-groups.entry.926df40c.js → swirl-symbol-groups.entry.822c3286.js} +1 -1
- package/dist/{swirl-symbol-help.entry.43c509af.js → swirl-symbol-help.entry.4dfc0305.js} +1 -1
- package/dist/{swirl-symbol-image.entry.6baf166c.js → swirl-symbol-image.entry.96f2ee9f.js} +1 -1
- package/dist/{swirl-symbol-info-menu.entry.4744a394.js → swirl-symbol-info-menu.entry.b1ca08b7.js} +1 -1
- package/dist/{swirl-symbol-instagram.entry.cc270249.js → swirl-symbol-instagram.entry.4710dc4c.js} +1 -1
- package/dist/{swirl-symbol-ios.entry.e40f228e.js → swirl-symbol-ios.entry.185eaf65.js} +1 -1
- package/dist/{swirl-symbol-language.entry.17985df9.js → swirl-symbol-language.entry.8ac8f72f.js} +1 -1
- package/dist/{swirl-symbol-leaderboard.entry.25da7af2.js → swirl-symbol-leaderboard.entry.694454c8.js} +1 -1
- package/dist/{swirl-symbol-lightbulb.entry.53f26111.js → swirl-symbol-lightbulb.entry.488b1fa4.js} +1 -1
- package/dist/{swirl-symbol-linkedin.entry.f4cb8d76.js → swirl-symbol-linkedin.entry.996f2f48.js} +1 -1
- package/dist/{swirl-symbol-location-on.entry.3c46becb.js → swirl-symbol-location-on.entry.a13e84e5.js} +1 -1
- package/dist/{swirl-symbol-loyalty.entry.7ca6fa2f.js → swirl-symbol-loyalty.entry.adf4fdd2.js} +1 -1
- package/dist/{swirl-symbol-maps-home-work.entry.1acfe135.js → swirl-symbol-maps-home-work.entry.3a707876.js} +1 -1
- package/dist/{swirl-symbol-notifications.entry.177ae856.js → swirl-symbol-notifications.entry.8f094445.js} +1 -1
- package/dist/{swirl-symbol-open-in-new.entry.6c95f6b4.js → swirl-symbol-open-in-new.entry.f0e8049a.js} +1 -1
- package/dist/{swirl-symbol-pedal-bike.entry.980664a3.js → swirl-symbol-pedal-bike.entry.16100ac2.js} +1 -1
- package/dist/{swirl-symbol-pinterest.entry.a630d0c9.js → swirl-symbol-pinterest.entry.8b7484ee.js} +1 -1
- package/dist/{swirl-symbol-policy.entry.4aa90c28.js → swirl-symbol-policy.entry.bb10653f.js} +1 -1
- package/dist/{swirl-symbol-push-pin.entry.f9c02c78.js → swirl-symbol-push-pin.entry.0bf0b080.js} +1 -1
- package/dist/{swirl-symbol-redeem.entry.6e14136c.js → swirl-symbol-redeem.entry.58457ac1.js} +1 -1
- package/dist/{swirl-symbol-report-problem.entry.5933132a.js → swirl-symbol-report-problem.entry.23dbc740.js} +1 -1
- package/dist/{swirl-symbol-restaurant.entry.3b53aacb.js → swirl-symbol-restaurant.entry.bda6372b.js} +1 -1
- package/dist/{swirl-symbol-roadmap.entry.1bc5459f.js → swirl-symbol-roadmap.entry.c7c29f1f.js} +1 -1
- package/dist/{swirl-symbol-room.entry.0bd32c08.js → swirl-symbol-room.entry.903bb67e.js} +1 -1
- package/dist/{swirl-symbol-savings.entry.26b501f8.js → swirl-symbol-savings.entry.427ea07e.js} +1 -1
- package/dist/{swirl-symbol-settings-voice.entry.79c26abd.js → swirl-symbol-settings-voice.entry.c6baac48.js} +1 -1
- package/dist/{swirl-symbol-shopping-cart.entry.5d0ab7c2.js → swirl-symbol-shopping-cart.entry.660e79ea.js} +1 -1
- package/dist/{swirl-symbol-smartphone.entry.0eaf37a3.js → swirl-symbol-smartphone.entry.ae8902a1.js} +1 -1
- package/dist/{swirl-symbol-star.entry.969e466c.js → swirl-symbol-star.entry.056244e3.js} +1 -1
- package/dist/{swirl-symbol-supervisor-account.entry.9feea03d.js → swirl-symbol-supervisor-account.entry.40b1bab4.js} +1 -1
- package/dist/{swirl-symbol-thumbs-up-down.entry.c070d20e.js → swirl-symbol-thumbs-up-down.entry.9be7a4a5.js} +1 -1
- package/dist/{swirl-symbol-twitter.entry.dfe04fa9.js → swirl-symbol-twitter.entry.f07f2d5e.js} +1 -1
- package/dist/{swirl-symbol-wb-sunny.entry.efd856ef.js → swirl-symbol-wb-sunny.entry.c542b204.js} +1 -1
- package/dist/{swirl-symbol-wechat.entry.7c3ac224.js → swirl-symbol-wechat.entry.e3e5e7d9.js} +1 -1
- package/dist/{swirl-symbol-weibo.entry.55b8c660.js → swirl-symbol-weibo.entry.bc3e44ce.js} +1 -1
- package/dist/{swirl-symbol-work.entry.047e420a.js → swirl-symbol-work.entry.a7dbde21.js} +1 -1
- package/dist/{swirl-symbol-xing.entry.d2e1d8a4.js → swirl-symbol-xing.entry.12c82e48.js} +1 -1
- package/dist/{swirl-symbol-youtube.entry.7c566f67.js → swirl-symbol-youtube.entry.f18cdeb1.js} +1 -1
- package/dist/{swirl-symbol.entry.f77d175f.js → swirl-symbol.entry.04b958d4.js} +1 -1
- package/dist/{swirl-tab-bar.entry.613aa1f9.js → swirl-tab-bar.entry.ca48f30f.js} +1 -1
- package/dist/{swirl-tab.entry.af48b642.js → swirl-tab.entry.18e9afde.js} +1 -1
- package/dist/{swirl-table-cell.entry.54455c7d.js → swirl-table-cell.entry.a0f1fe25.js} +1 -1
- package/dist/{swirl-table-column.entry.126fae83.js → swirl-table-column.entry.338d9f6d.js} +1 -1
- package/dist/{swirl-table-row-group.entry.b1a443a1.js → swirl-table-row-group.entry.a3bf3ffc.js} +1 -1
- package/dist/{swirl-table-row.entry.a1a52736.js → swirl-table-row.entry.accc85cd.js} +3 -3
- package/dist/{swirl-table.entry.d187504d.js → swirl-table.entry.cfcf0e80.js} +16 -16
- package/dist/{swirl-tabs.entry.137ccd38.js → swirl-tabs.entry.a182ec5e.js} +7 -7
- package/dist/{swirl-tag.entry.0af7a86c.js → swirl-tag.entry.61383c44.js} +2 -2
- package/dist/{swirl-text-input.entry.fac3abf5.js → swirl-text-input.entry.5163cd13.js} +18 -18
- package/dist/{swirl-text.entry.d6ecdb8b.js → swirl-text.entry.540c5738.js} +1 -1
- package/dist/{swirl-theme-provider.entry.a1b01352.js → swirl-theme-provider.entry.6bebe112.js} +78 -66
- package/dist/{swirl-time-input.entry.5ae15bb9.js → swirl-time-input.entry.fda1e8cb.js} +35 -35
- package/dist/{swirl-toast-provider.entry.2384e474.js → swirl-toast-provider.entry.1beddcd0.js} +14 -9
- package/dist/{swirl-toast.entry.ae7fa515.js → swirl-toast.entry.cece31ca.js} +9 -9
- package/dist/{swirl-tooltip.entry.c6ec88dc.js → swirl-tooltip.entry.ad9007b5.js} +14 -14
- package/dist/{swirl-tree-navigation-item.entry.9521165f.js → swirl-tree-navigation-item.entry.e412b4ce.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.7c8ea11b.js → swirl-video-thumbnail.entry.966db4d7.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.78ae7a3a.js → swirl-visually-hidden.entry.186ba9e2.js} +1 -1
- package/dist/{wc-datepicker.entry.54e595d6.js → wc-datepicker.entry.846a8fe9.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.5a52a569.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.5a52a569.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.5a52a569.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))
|