@getflip/swirl-components-react 0.15.0 → 0.17.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/{balancetext-31f1ec68.bd1c1b2d.js → balancetext-fa49c64f.754e913c.js} +1 -1
- package/dist/{file-manager.entry.0af156ca.js → file-manager.entry.1c3ef48d.js} +1 -1
- package/dist/index-d280dafb.186cdb0e.js +71 -0
- package/dist/index.332a8127.js +1424 -0
- package/dist/stencil-generated/index.d.ts +2 -0
- package/dist/{swirl-action-list-section.entry.5ae89fd7.js → swirl-action-list-section.entry.35003473.js} +1 -1
- package/dist/{swirl-action-list_3.entry.d59e98ee.js → swirl-action-list_3.entry.1157367a.js} +5 -6
- package/dist/{swirl-app-layout_5.entry.9f36c67f.js → swirl-app-layout_5.entry.d2ec5635.js} +3 -4
- package/dist/{swirl-autocomplete.entry.0d98d1b3.js → swirl-autocomplete.entry.13426556.js} +2 -3
- package/dist/{swirl-avatar-group.entry.0f7067c5.js → swirl-avatar-group.entry.d873376f.js} +4 -5
- package/dist/{swirl-avatar.entry.8eae8943.js → swirl-avatar.entry.b7b4836f.js} +2 -3
- package/dist/{swirl-badge.entry.6a859e45.js → swirl-badge.entry.d2fbeffa.js} +2 -3
- package/dist/{swirl-banner.entry.5d39b1a5.js → swirl-banner.entry.e10d40e9.js} +2 -3
- package/dist/{swirl-button-group.entry.8b47234e.js → swirl-button-group.entry.c9df9009.js} +2 -3
- package/dist/{swirl-button.entry.a4c5f40f.js → swirl-button.entry.35a701ab.js} +10 -9
- package/dist/{swirl-card.entry.34de83b9.js → swirl-card.entry.ab72e842.js} +2 -3
- package/dist/{swirl-checkbox.entry.08a407f2.js → swirl-checkbox.entry.e03fbc98.js} +2 -3
- package/dist/{swirl-chip.entry.34661fce.js → swirl-chip.entry.924a0587.js} +2 -3
- package/dist/swirl-components-react.js +113 -111
- package/dist/swirl-components-react.umd.cjs +45 -42
- package/dist/{swirl-console-layout.entry.a1edb132.js → swirl-console-layout.entry.3de2ac6f.js} +2 -3
- package/dist/{swirl-date-input.entry.e477fbdf.js → swirl-date-input.entry.823ea869.js} +4 -5
- package/dist/{swirl-date-picker_2.entry.81ae84ea.js → swirl-date-picker_2.entry.b401e4c3.js} +2 -3
- package/dist/{swirl-description-list-item.entry.080a920c.js → swirl-description-list-item.entry.09a297df.js} +1 -1
- package/dist/{swirl-description-list.entry.55e4cd3c.js → swirl-description-list.entry.f5ec5fc1.js} +1 -1
- package/dist/{swirl-dialog.entry.9985ca6d.js → swirl-dialog.entry.33d2ed55.js} +2 -3
- package/dist/{swirl-file-uploader.entry.ae272cbe.js → swirl-file-uploader.entry.0814319c.js} +2 -3
- package/dist/{swirl-file-viewer_7.entry.e0133060.js → swirl-file-viewer_7.entry.82126dd4.js} +369 -348
- package/dist/{swirl-form-control.entry.e0316fa3.js → swirl-form-control.entry.b59ade44.js} +2 -3
- package/dist/{swirl-form-group.entry.2929fe36.js → swirl-form-group.entry.04bb5ecd.js} +2 -3
- package/dist/{swirl-heading.entry.b5fb92ff.js → swirl-heading.entry.5be42646.js} +4 -5
- package/dist/{swirl-icon-add-photo.entry.20915c39.js → swirl-icon-add-photo.entry.9825a289.js} +2 -3
- package/dist/swirl-icon-add_6.entry.5b057eda.js +72 -0
- package/dist/{swirl-icon-admin-panel-settings.entry.fd25c525.js → swirl-icon-admin-panel-settings.entry.62e58680.js} +4 -5
- package/dist/{swirl-icon-arrow-back.entry.e79274cd.js → swirl-icon-arrow-back.entry.9be70369.js} +6 -7
- package/dist/{swirl-icon-arrow-downward_2.entry.0c9cb1a5.js → swirl-icon-arrow-downward_2.entry.acd1734a.js} +2 -3
- package/dist/{swirl-icon-arrow-forward.entry.d8b089d0.js → swirl-icon-arrow-forward.entry.43dbb71d.js} +5 -6
- package/dist/{swirl-icon-arrow-left_4.entry.77cc667f.js → swirl-icon-arrow-left_4.entry.8dfb839c.js} +2 -3
- package/dist/{swirl-icon-arrow-right-small.entry.cae57fcd.js → swirl-icon-arrow-right-small.entry.74c3d4ba.js} +5 -6
- package/dist/{swirl-icon-attachment.entry.1262a9c4.js → swirl-icon-attachment.entry.02c71814.js} +5 -6
- package/dist/{swirl-icon-block.entry.363f22d6.js → swirl-icon-block.entry.66d7cfd3.js} +7 -8
- package/dist/{swirl-icon-bookmark.entry.30565fb7.js → swirl-icon-bookmark.entry.8808c6fe.js} +2 -3
- package/dist/{swirl-icon-cancel_4.entry.0bcd2206.js → swirl-icon-cancel_4.entry.b4cc84d0.js} +2 -3
- package/dist/{swirl-icon-chat-bubble.entry.bd783402.js → swirl-icon-chat-bubble.entry.b8df2fb0.js} +4 -5
- package/dist/{swirl-icon-chats-filled.entry.8e3de5c0.js → swirl-icon-chats-filled.entry.d8f2b6e6.js} +2 -3
- package/dist/{swirl-icon-chats-outlined.entry.3cb3224e.js → swirl-icon-chats-outlined.entry.de025fbe.js} +4 -5
- package/dist/{swirl-icon-check-circle.entry.2e6028ae.js → swirl-icon-check-circle.entry.82e3eaa1.js} +2 -3
- package/dist/{swirl-icon-check-small_4.entry.79218c6a.js → swirl-icon-check-small_4.entry.23c52acd.js} +2 -3
- package/dist/{swirl-icon-check-strong.entry.858e0fa4.js → swirl-icon-check-strong.entry.a6391d7c.js} +6 -7
- package/dist/{swirl-icon-check.entry.13e2015a.js → swirl-icon-check.entry.75bba879.js} +2 -3
- package/dist/{swirl-icon-chevron-left.entry.690936b9.js → swirl-icon-chevron-left.entry.c9e21be1.js} +5 -6
- package/dist/{swirl-icon-chevron-right.entry.77225d99.js → swirl-icon-chevron-right.entry.854a5e72.js} +2 -3
- package/dist/{swirl-icon-close-small.entry.4e0c8970.js → swirl-icon-close-small.entry.d752d265.js} +2 -3
- package/dist/{swirl-icon-close.entry.7b91a969.js → swirl-icon-close.entry.2a686870.js} +5 -6
- package/dist/{swirl-icon-cloud-upload.entry.6002999a.js → swirl-icon-cloud-upload.entry.1e0868a1.js} +2 -3
- package/dist/{swirl-icon-column.entry.38fd7522.js → swirl-icon-column.entry.6701c0ef.js} +7 -8
- package/dist/{swirl-icon-comment.entry.7f193af6.js → swirl-icon-comment.entry.fb9119b9.js} +2 -3
- package/dist/{swirl-icon-copy.entry.814d4279.js → swirl-icon-copy.entry.d3209b15.js} +5 -6
- package/dist/{swirl-icon-date-range.entry.db5e76b4.js → swirl-icon-date-range.entry.e86575f3.js} +2 -3
- package/dist/{swirl-icon-delete.entry.85563c58.js → swirl-icon-delete.entry.9acb6844.js} +8 -9
- package/dist/{swirl-icon-description.entry.69a1b7f7.js → swirl-icon-description.entry.a4bb21d1.js} +2 -3
- package/dist/{swirl-icon-double-arrow-left.entry.b302520d.js → swirl-icon-double-arrow-left.entry.07055fb6.js} +5 -6
- package/dist/{swirl-icon-double-arrow-right.entry.1a73d4b0.js → swirl-icon-double-arrow-right.entry.b85ed28c.js} +5 -6
- package/dist/{swirl-icon-download.entry.eb2625b6.js → swirl-icon-download.entry.005671ef.js} +5 -6
- package/dist/{swirl-icon-edit.entry.bb19335d.js → swirl-icon-edit.entry.58d237be.js} +5 -6
- package/dist/{swirl-icon-emoji-mood.entry.55f8d36b.js → swirl-icon-emoji-mood.entry.65a2a805.js} +5 -6
- package/dist/{swirl-icon-emoji-satisfied.entry.af561762.js → swirl-icon-emoji-satisfied.entry.99f5b6cb.js} +2 -3
- package/dist/{swirl-icon-error_3.entry.42c52d23.js → swirl-icon-error_3.entry.378eefb9.js} +2 -3
- package/dist/{swirl-icon-expand-more.entry.6daf84a2.js → swirl-icon-expand-more.entry.ec6612f1.js} +5 -6
- package/dist/{swirl-icon-file.entry.99bc8bdc.js → swirl-icon-file.entry.e991b4b1.js} +4 -5
- package/dist/{swirl-icon-filter.entry.2d873db8.js → swirl-icon-filter.entry.4a82e7bc.js} +2 -3
- package/dist/{swirl-icon-folder-shared.entry.2dd1fdf0.js → swirl-icon-folder-shared.entry.f621d5a0.js} +2 -3
- package/dist/{swirl-icon-folder.entry.4ee3e5ae.js → swirl-icon-folder.entry.e3f5c70e.js} +2 -3
- package/dist/{swirl-icon-group-assign.entry.af61e5d4.js → swirl-icon-group-assign.entry.ab2a1429.js} +5 -6
- package/dist/{swirl-icon-groups-custom.entry.5dfeb8a9.js → swirl-icon-groups-custom.entry.577729bb.js} +2 -3
- package/dist/{swirl-icon-groups-filled.entry.d08d5fa6.js → swirl-icon-groups-filled.entry.3e4de24a.js} +6 -7
- package/dist/{swirl-icon-groups-outlined.entry.681c30d9.js → swirl-icon-groups-outlined.entry.71ee4e38.js} +2 -3
- package/dist/{swirl-icon-groups.entry.b24e819e.js → swirl-icon-groups.entry.faaafc56.js} +5 -6
- package/dist/{swirl-icon-help.entry.19421434.js → swirl-icon-help.entry.0604849b.js} +5 -6
- package/dist/{swirl-icon-image.entry.67a30d81.js → swirl-icon-image.entry.de2fa7b0.js} +2 -3
- package/dist/{swirl-icon-info.entry.3f5f8f38.js → swirl-icon-info.entry.74d9bee0.js} +6 -7
- package/dist/{swirl-icon-inventory.entry.07e5395d.js → swirl-icon-inventory.entry.7cd79782.js} +5 -6
- package/dist/{swirl-icon-like.entry.c1ed1fd2.js → swirl-icon-like.entry.b5fa49ed.js} +6 -7
- package/dist/{swirl-icon-link.entry.a121d46a.js → swirl-icon-link.entry.8115cdae.js} +5 -6
- package/dist/{swirl-icon-lock.entry.fc94e381.js → swirl-icon-lock.entry.483f3c58.js} +7 -8
- package/dist/{swirl-icon-logout.entry.a88671d6.js → swirl-icon-logout.entry.af2792ac.js} +2 -3
- package/dist/{swirl-icon-mail.entry.ec0a6f09.js → swirl-icon-mail.entry.f094ef07.js} +8 -9
- package/dist/{swirl-icon-manage-accounts.entry.26c50de8.js → swirl-icon-manage-accounts.entry.8c4dfa4e.js} +2 -3
- package/dist/{swirl-icon-mention.entry.ff2271fc.js → swirl-icon-mention.entry.5d8a6646.js} +5 -6
- package/dist/{swirl-icon-menu-filled.entry.d72c1cbc.js → swirl-icon-menu-filled.entry.2845cb53.js} +2 -3
- package/dist/{swirl-icon-menu-outlined.entry.a13e5753.js → swirl-icon-menu-outlined.entry.81a6cbaa.js} +6 -7
- package/dist/{swirl-icon-menu.entry.a64ec863.js → swirl-icon-menu.entry.f286e86b.js} +5 -6
- package/dist/{swirl-icon-message.entry.c197aa5a.js → swirl-icon-message.entry.ac92d707.js} +2 -3
- package/dist/{swirl-icon-more-horizontal.entry.a3096820.js → swirl-icon-more-horizontal.entry.6e289d2c.js} +2 -3
- package/dist/{swirl-icon-news-filled.entry.0f2e4554.js → swirl-icon-news-filled.entry.c0e5b307.js} +2 -3
- package/dist/{swirl-icon-news-outlined.entry.60d07f9c.js → swirl-icon-news-outlined.entry.abb5118e.js} +4 -5
- package/dist/{swirl-icon-notifications-active.entry.7fd4600a.js → swirl-icon-notifications-active.entry.d727f6d7.js} +4 -5
- package/dist/{swirl-icon-notifications-off.entry.c2d261ed.js → swirl-icon-notifications-off.entry.cd737f62.js} +2 -3
- package/dist/{swirl-icon-notifications.entry.1e139db2.js → swirl-icon-notifications.entry.2f084fcb.js} +2 -3
- package/dist/{swirl-icon-open-in-new.entry.544dbf24.js → swirl-icon-open-in-new.entry.354f1414.js} +6 -7
- package/dist/{swirl-icon-people-alt.entry.5e82e462.js → swirl-icon-people-alt.entry.26ba792f.js} +2 -3
- package/dist/{swirl-icon-person-off.entry.b3fb591d.js → swirl-icon-person-off.entry.1acfce05.js} +2 -3
- package/dist/{swirl-icon-person.entry.893598d6.js → swirl-icon-person.entry.3cf987fd.js} +2 -3
- package/dist/{swirl-icon-phone.entry.35db1dc0.js → swirl-icon-phone.entry.49cd2cbb.js} +2 -3
- package/dist/{swirl-icon-poll.entry.a75adb0d.js → swirl-icon-poll.entry.b71cc625.js} +5 -6
- package/dist/{swirl-icon-print.entry.87891008.js → swirl-icon-print.entry.a2bf48d8.js} +5 -6
- package/dist/{swirl-icon-recieved.entry.82850a1a.js → swirl-icon-recieved.entry.3011c690.js} +6 -7
- package/dist/{swirl-icon-search-strong.entry.84b9ba61.js → swirl-icon-search-strong.entry.1100c429.js} +2 -3
- package/dist/{swirl-icon-search.entry.ca7a707c.js → swirl-icon-search.entry.89dcfedd.js} +2 -3
- package/dist/{swirl-icon-send.entry.4daedc21.js → swirl-icon-send.entry.204b0f32.js} +7 -8
- package/dist/{swirl-icon-settings.entry.0a9bb45b.js → swirl-icon-settings.entry.1061e46e.js} +2 -3
- package/dist/{swirl-icon-sync.entry.a2f1cf88.js → swirl-icon-sync.entry.09345e9e.js} +5 -6
- package/dist/{swirl-icon-tasks-filled.entry.a392ead1.js → swirl-icon-tasks-filled.entry.93ff607b.js} +2 -3
- package/dist/{swirl-icon-tasks-outlined.entry.1d450a22.js → swirl-icon-tasks-outlined.entry.d3293a2a.js} +2 -3
- package/dist/{swirl-icon-time-filled.entry.70c24dc4.js → swirl-icon-time-filled.entry.a64aa825.js} +2 -3
- package/dist/{swirl-icon-time-outlined.entry.b37c4708.js → swirl-icon-time-outlined.entry.b58d6dfb.js} +5 -6
- package/dist/{swirl-icon-user-assign.entry.c1726778.js → swirl-icon-user-assign.entry.0ce556c4.js} +5 -6
- package/dist/{swirl-icon-video-camera.entry.9ce3f206.js → swirl-icon-video-camera.entry.893601fb.js} +2 -3
- package/dist/{swirl-icon-warning.entry.c133c1cd.js → swirl-icon-warning.entry.5acf61f1.js} +2 -3
- package/dist/{swirl-lightbox.entry.6179ebac.js → swirl-lightbox.entry.9169f180.js} +2 -3
- package/dist/{swirl-link.entry.1d7bf939.js → swirl-link.entry.c1a53326.js} +1 -1
- package/dist/{swirl-list.entry.a4e59122.js → swirl-list.entry.f81defcc.js} +1 -1
- package/dist/swirl-modal.entry.e1e7c191.js +63 -0
- package/dist/{swirl-option-list-section.entry.a9dd046a.js → swirl-option-list-section.entry.10143ed9.js} +1 -1
- package/dist/{swirl-pagination.entry.cc3bf30d.js → swirl-pagination.entry.f93c40e9.js} +2 -3
- package/dist/swirl-pdf-reader.entry.e930b358.js +98 -0
- package/dist/{swirl-popover.entry.3524faea.js → swirl-popover.entry.31c7c575.js} +7 -8
- package/dist/{swirl-progress-indicator.entry.97b7ae5f.js → swirl-progress-indicator.entry.b9d7bbc6.js} +2 -3
- package/dist/{swirl-radio-group.entry.79013f11.js → swirl-radio-group.entry.74bb1439.js} +1 -1
- package/dist/{swirl-radio.entry.971d9859.js → swirl-radio.entry.54377c18.js} +2 -3
- package/dist/{swirl-resource-list-file-item.entry.561e9ea2.js → swirl-resource-list-file-item.entry.bb72393e.js} +2 -3
- package/dist/{swirl-search.entry.8918ecea.js → swirl-search.entry.efdafd14.js} +2 -3
- package/dist/{swirl-select.entry.addb2b9e.js → swirl-select.entry.9ba470ca.js} +2 -3
- package/dist/{swirl-shell-layout.entry.5568c731.js → swirl-shell-layout.entry.9521218e.js} +2 -3
- package/dist/{swirl-shell-navigation-item.entry.509b3aa2.js → swirl-shell-navigation-item.entry.acb148ce.js} +2 -3
- package/dist/{swirl-skeleton-box.entry.b525fa86.js → swirl-skeleton-box.entry.891d5cd8.js} +2 -3
- package/dist/{swirl-skeleton-text.entry.06fdcab3.js → swirl-skeleton-text.entry.ce500235.js} +2 -3
- package/dist/{swirl-stack.entry.c1ca8069.js → swirl-stack.entry.0d5cea3c.js} +2 -3
- package/dist/{swirl-switch.entry.9a3c5425.js → swirl-switch.entry.fea25aad.js} +9 -10
- package/dist/{swirl-tab.entry.9636e2a1.js → swirl-tab.entry.64855f4f.js} +5 -6
- package/dist/{swirl-table-cell.entry.4e8e9cf1.js → swirl-table-cell.entry.a392a49d.js} +1 -1
- package/dist/{swirl-table-column.entry.de3fbc03.js → swirl-table-column.entry.4eb4dd95.js} +1 -1
- package/dist/{swirl-table-row-group.entry.88a204e0.js → swirl-table-row-group.entry.96f0a162.js} +1 -1
- package/dist/{swirl-table-row.entry.0f0a57f9.js → swirl-table-row.entry.419fdcfb.js} +5 -6
- package/dist/{swirl-table.entry.074f1a54.js → swirl-table.entry.9a1663e8.js} +1 -1
- package/dist/{swirl-tabs.entry.3a4039e8.js → swirl-tabs.entry.61ac48c0.js} +2 -3
- package/dist/{swirl-tag.entry.38b46d81.js → swirl-tag.entry.68e7520c.js} +2 -3
- package/dist/{swirl-text-input.entry.f8e00e9b.js → swirl-text-input.entry.21054cb3.js} +5 -6
- package/dist/{swirl-text.entry.9edf25f7.js → swirl-text.entry.8bdc313a.js} +5 -6
- package/dist/{swirl-theme-provider.entry.28204e9d.js → swirl-theme-provider.entry.ba4ab374.js} +1 -1
- package/dist/{swirl-toast-provider.entry.0aa5b3ff.js → swirl-toast-provider.entry.475a24e7.js} +1 -1
- package/dist/{swirl-toast.entry.da19017f.js → swirl-toast.entry.fa6dced5.js} +5 -6
- package/dist/{swirl-tooltip.entry.31a7d5b6.js → swirl-tooltip.entry.63f2c997.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.e7f8b701.js → swirl-tree-navigation-item.entry.ab054328.js} +2 -3
- package/dist/{swirl-video-thumbnail.entry.475646c6.js → swirl-video-thumbnail.entry.57bf93ed.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.37a60984.js → swirl-visually-hidden.entry.d4035fe6.js} +1 -1
- package/dist/{wc-datepicker.entry.0ba21a19.js → wc-datepicker.entry.609a698a.js} +1 -1
- package/package.json +2 -2
- package/dist/_commonjsHelpers-10467d11.b7d83301.js +0 -37
- package/dist/index-47862d62.75c2fcf1.js +0 -37
- package/dist/index.c9bf89dd.js +0 -1422
- package/dist/swirl-icon-add_4.entry.2731775b.js +0 -51
- package/dist/swirl-modal.entry.955f3fb6.js +0 -63
- package/dist/swirl-pdf-reader.entry.e2c1ba35.js +0 -79
|
@@ -76,6 +76,7 @@ export declare const SwirlIconError: import("react").ForwardRefExoticComponent<J
|
|
|
76
76
|
export declare const SwirlIconExpandLess: import("react").ForwardRefExoticComponent<JSX.SwirlIconExpandLess & Omit<import("react").HTMLAttributes<HTMLSwirlIconExpandLessElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconExpandLessElement>>;
|
|
77
77
|
export declare const SwirlIconExpandMore: import("react").ForwardRefExoticComponent<JSX.SwirlIconExpandMore & Omit<import("react").HTMLAttributes<HTMLSwirlIconExpandMoreElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconExpandMoreElement>>;
|
|
78
78
|
export declare const SwirlIconFile: import("react").ForwardRefExoticComponent<JSX.SwirlIconFile & Omit<import("react").HTMLAttributes<HTMLSwirlIconFileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFileElement>>;
|
|
79
|
+
export declare const SwirlIconFileCopy: import("react").ForwardRefExoticComponent<JSX.SwirlIconFileCopy & Omit<import("react").HTMLAttributes<HTMLSwirlIconFileCopyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFileCopyElement>>;
|
|
79
80
|
export declare const SwirlIconFilter: import("react").ForwardRefExoticComponent<JSX.SwirlIconFilter & Omit<import("react").HTMLAttributes<HTMLSwirlIconFilterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFilterElement>>;
|
|
80
81
|
export declare const SwirlIconFolder: import("react").ForwardRefExoticComponent<JSX.SwirlIconFolder & Omit<import("react").HTMLAttributes<HTMLSwirlIconFolderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFolderElement>>;
|
|
81
82
|
export declare const SwirlIconFolderShared: import("react").ForwardRefExoticComponent<JSX.SwirlIconFolderShared & Omit<import("react").HTMLAttributes<HTMLSwirlIconFolderSharedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFolderSharedElement>>;
|
|
@@ -98,6 +99,7 @@ export declare const SwirlIconMail: import("react").ForwardRefExoticComponent<JS
|
|
|
98
99
|
export declare const SwirlIconManageAccounts: import("react").ForwardRefExoticComponent<JSX.SwirlIconManageAccounts & Omit<import("react").HTMLAttributes<HTMLSwirlIconManageAccountsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconManageAccountsElement>>;
|
|
99
100
|
export declare const SwirlIconMention: import("react").ForwardRefExoticComponent<JSX.SwirlIconMention & Omit<import("react").HTMLAttributes<HTMLSwirlIconMentionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMentionElement>>;
|
|
100
101
|
export declare const SwirlIconMenu: import("react").ForwardRefExoticComponent<JSX.SwirlIconMenu & Omit<import("react").HTMLAttributes<HTMLSwirlIconMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMenuElement>>;
|
|
102
|
+
export declare const SwirlIconMenuBook: import("react").ForwardRefExoticComponent<JSX.SwirlIconMenuBook & Omit<import("react").HTMLAttributes<HTMLSwirlIconMenuBookElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMenuBookElement>>;
|
|
101
103
|
export declare const SwirlIconMenuFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconMenuFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconMenuFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMenuFilledElement>>;
|
|
102
104
|
export declare const SwirlIconMenuOutlined: import("react").ForwardRefExoticComponent<JSX.SwirlIconMenuOutlined & Omit<import("react").HTMLAttributes<HTMLSwirlIconMenuOutlinedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMenuOutlinedElement>>;
|
|
103
105
|
export declare const SwirlIconMessage: import("react").ForwardRefExoticComponent<JSX.SwirlIconMessage & Omit<import("react").HTMLAttributes<HTMLSwirlIconMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconMessageElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, h as t, H as e } from "./index.
|
|
1
|
+
import { r as s, h as t, H as e } from "./index.332a8127.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);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){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", l = class {
|
package/dist/{swirl-action-list_3.entry.d59e98ee.js → swirl-action-list_3.entry.1157367a.js}
RENAMED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { r as n, h as e, H as r, g as l } from "./index.
|
|
1
|
+
import { r as n, h as e, H as r, g as l } from "./index.332a8127.js";
|
|
2
2
|
import { q as c, g as d, a as h } from "./utils-61f188cc.4a43deab.js";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as u } from "./index-d280dafb.186cdb0e.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
|
|
7
|
-
const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", v = class {
|
|
6
|
+
const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", v = class {
|
|
8
7
|
constructor(i) {
|
|
9
8
|
n(this, i), this.onKeyDown = (t) => {
|
|
10
9
|
t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
|
|
@@ -45,7 +44,7 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
|
|
|
45
44
|
return l(this);
|
|
46
45
|
}
|
|
47
46
|
};
|
|
48
|
-
v.style =
|
|
47
|
+
v.style = m;
|
|
49
48
|
const p = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", f = class {
|
|
50
49
|
constructor(i) {
|
|
51
50
|
n(this, i), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (t) => {
|
|
@@ -69,7 +68,7 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
|
|
|
69
68
|
o == null || o.setAttribute("size", i ? "20" : "24"), a == null || a.setAttribute("size", i ? "20" : "24");
|
|
70
69
|
}
|
|
71
70
|
render() {
|
|
72
|
-
const i = Boolean(this.suffix) && !this.disabled, t =
|
|
71
|
+
const i = Boolean(this.suffix) && !this.disabled, t = u("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
|
|
73
72
|
return e(r, null, e("button", { class: t, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && e("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (s) => this.iconEl = s }), e("span", { class: "action-list-item__label-container" }, e("span", { class: "action-list-item__label" }, this.label), this.description && e("span", { class: "action-list-item__description" }, this.description)), i && e("span", { class: "action-list-item__suffix", innerHTML: this.suffix, ref: (s) => this.suffixEl = s })));
|
|
74
73
|
}
|
|
75
74
|
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { r as n, c as s, h as a, H as r, g as l } from "./index.
|
|
2
|
-
import { c as p } from "./index-
|
|
1
|
+
import { r as n, c as s, h as a, H as r, g as l } from "./index.332a8127.js";
|
|
2
|
+
import { c as p } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { i as d } from "./utils-61f188cc.4a43deab.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
7
6
|
const h = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto;background-color:var(--s-border-default)}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;gap:var(--s-border-width-default);grid-template-columns:100%;grid-template-rows:4rem 1fr;grid-template-areas:"body"
|
|
8
7
|
"body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
|
|
9
8
|
"navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"
|
|
@@ -94,7 +93,7 @@ const h = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
94
93
|
"app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
|
|
95
94
|
"app-layout--sidebar-closing": this.sidebarClosing
|
|
96
95
|
});
|
|
97
|
-
return a(r, null, a("section", { "aria-labelledby": "app-name", class: t, role: "document", tabIndex: 0 }, a("div", { class: "app-layout__grid" }, a("header", { class: "app-layout__header" }, this.showNavigationBackButton && a("span", { class: "app-layout__navigation-back-button" }, a("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level:
|
|
96
|
+
return a(r, null, a("section", { "aria-labelledby": "app-name", class: t, role: "document", tabIndex: 0 }, a("div", { class: "app-layout__grid" }, a("header", { class: "app-layout__header" }, this.showNavigationBackButton && a("span", { class: "app-layout__navigation-back-button" }, a("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && a("span", { class: "app-layout__navigation-controls" }, a("slot", { name: "navigation-controls" }))), a("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, a("slot", { name: "navigation" })), a("section", { "aria-labelledby": this.hasNavigation ? "heading" : "app-name", class: "app-layout__body" }, this.hasNavigation ? a("header", { class: "app-layout__app-bar" }, i && a("span", { class: "app-layout__back-to-navigation-button" }, a("swirl-button", { hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.appBarMedia && a("div", { class: "app-layout__app-bar-media", innerHTML: this.appBarMedia }), a("div", { class: "app-layout__app-bar-heading" }, this.heading && a("swirl-heading", { as: "h2", headingId: "heading", level: 4, text: this.heading }), this.subheading && a("span", { class: "app-layout__app-bar-subheading" }, this.subheading)), a("div", { class: "app-layout__app-bar-controls" }, a("slot", { name: "app-bar-controls" }))) : a("header", { class: "app-layout__app-bar" }, a("swirl-heading", { as: "h1", headingId: "app-name", level: 2, text: this.appName }), a("span", { class: "app-layout__navigation-controls" }, a("slot", { name: "navigation-controls" }))), a("div", { class: "app-layout__content" }, a("slot", { name: "content" }))), a("aside", { class: "app-layout__sidebar" }, a("header", { class: "app-layout__sidebar-header" }, a("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { class: "app-layout__sidebar-content" }, a("slot", { name: "sidebar" }))), this.ctaLabel && a("span", { class: "app-layout__floating-cta" }, a("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))));
|
|
98
97
|
}
|
|
99
98
|
get el() {
|
|
100
99
|
return l(this);
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { r as n, c as r, h as o, H as u, g as c } from "./index.
|
|
1
|
+
import { r as n, c as r, h as o, H as u, g as c } from "./index.332a8127.js";
|
|
2
2
|
import { a as h, c as d, o as p } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
|
|
3
|
-
import { c as m } from "./index-
|
|
3
|
+
import { c as m } from "./index-d280dafb.186cdb0e.js";
|
|
4
4
|
import { d as b } from "./utils-61f188cc.4a43deab.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import "react-dom";
|
|
7
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
8
7
|
const g = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow:hidden;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}", v = class {
|
|
9
8
|
constructor(s) {
|
|
10
9
|
n(this, s), this.valueChange = r(this, "valueChange", 7), this.onChange = b(async (t) => {
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { c as e } from "./index-
|
|
1
|
+
import { r as s, h as a, H as i } from "./index.332a8127.js";
|
|
2
|
+
import { c as e } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
5
|
const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(8, 1fr);grid-template-columns:repeat(8, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;border:0.25rem solid var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:3;grid-row-end:9}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border:0.25rem solid var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:3;grid-column-end:9;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:0;bottom:0;display:inline-flex;width:1.5rem;height:1.5rem}", l = class {
|
|
7
6
|
constructor(r) {
|
|
8
|
-
|
|
7
|
+
s(this, r), this.badge = void 0;
|
|
9
8
|
}
|
|
10
9
|
componentDidLoad() {
|
|
11
10
|
this.forceBadgeProps();
|
|
@@ -20,7 +19,7 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
|
|
|
20
19
|
const r = e("avatar-group", {
|
|
21
20
|
"avatar-group--has-badge": Boolean(this.badge)
|
|
22
21
|
}), o = e("avatar-group__badge");
|
|
23
|
-
return a(
|
|
22
|
+
return a(i, null, a("div", { class: r, role: "group" }, a("slot", null), this.badge && a("span", { class: o, innerHTML: this.badge, ref: (t) => this.badgeEl = t })));
|
|
24
23
|
}
|
|
25
24
|
};
|
|
26
25
|
l.style = d;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { r as h, h as i, H as u, g } from "./index.
|
|
2
|
-
import { c as s } from "./index-
|
|
1
|
+
import { r as h, h as i, H as u, g } from "./index.332a8127.js";
|
|
2
|
+
import { c as s } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
5
|
const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}", n = {
|
|
7
6
|
xs: 28,
|
|
8
7
|
s: 32,
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { r as t, h as e, H as i } from "./index.
|
|
2
|
-
import { c as r } from "./index-
|
|
1
|
+
import { r as t, h as e, H as i } from "./index.332a8127.js";
|
|
2
|
+
import { c as r } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
5
|
const s = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border:0.25rem solid var(--swirl-badge-border-color);border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium)}.badge--size-s{min-width:1.5rem;height:1.5rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.1875rem;padding-left:0.1875rem}.badge--size-s .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-m{min-width:2rem;height:2rem}.badge--size-m .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--variant-dot{width:1.25rem;min-width:0;height:1.25rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__label,.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", n = class {
|
|
7
6
|
constructor(a) {
|
|
8
7
|
t(this, a), this.icon = void 0, this.intent = "critical", this.label = void 0, this.size = "m", this.variant = "default";
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { r as o, c as r, h as t, H as c, g as l } from "./index.
|
|
2
|
-
import { c as d } from "./index-
|
|
1
|
+
import { r as o, c as r, h as t, H as c, g as l } from "./index.332a8127.js";
|
|
2
|
+
import { c as d } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { a as b } from "./utils-61f188cc.4a43deab.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
7
6
|
const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:flex-start}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{position:relative;top:var(--s-space-2);display:none;margin-right:var(--s-space-8);color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);align-items:center;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", u = {
|
|
8
7
|
default: void 0,
|
|
9
8
|
critical: "<swirl-icon-error></swirl-icon-error>",
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { r as s, h as r, H as i } from "./index.
|
|
2
|
-
import { c as e } from "./index-
|
|
1
|
+
import { r as s, h as r, H as i } from "./index.332a8127.js";
|
|
2
|
+
import { c as e } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
5
|
const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}', d = class {
|
|
7
6
|
constructor(t) {
|
|
8
7
|
s(this, t), this.orientation = "horizontal", this.segmented = void 0, this.stretch = void 0, this.wrap = void 0;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { r as s, h as
|
|
2
|
-
import { c as l } from "./index-
|
|
1
|
+
import { r as s, h as o, H as e } from "./index.332a8127.js";
|
|
2
|
+
import { c as l } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { a as u } from "./utils-61f188cc.4a43deab.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
const b = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-default);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-action-primary-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)
|
|
7
|
+
var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)
|
|
8
|
+
var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-action-primary-default)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-swirl-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
8
9
|
rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-swirl-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
|
|
9
10
|
rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-swirl-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
|
|
10
11
|
rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
@@ -12,7 +13,7 @@ const c = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
|
|
|
12
13
|
--swirl-icon-button-border-bottom-right-radius
|
|
13
14
|
);border-bottom-left-radius:var(
|
|
14
15
|
--swirl-icon-button-border-bottom-left-radius
|
|
15
|
-
)}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button__icon.sc-swirl-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`,
|
|
16
|
+
)}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button__icon.sc-swirl-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, c = class {
|
|
16
17
|
constructor(n) {
|
|
17
18
|
s(this, n), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (t) => {
|
|
18
19
|
this.forceIconProps(t.matches);
|
|
@@ -42,14 +43,14 @@ const c = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
|
|
|
42
43
|
return this.label;
|
|
43
44
|
}
|
|
44
45
|
render() {
|
|
45
|
-
const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href),
|
|
46
|
+
const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(n), i = l("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
|
|
46
47
|
"button--icon-only": n,
|
|
47
48
|
"button--pill": this.pill
|
|
48
49
|
});
|
|
49
|
-
return
|
|
50
|
+
return o(e, null, o(t ? "a" : "button", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-label": r, class: i, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value }, this.icon && o("span", { class: "button__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), !n && o("span", { class: "button__label" }, this.label)));
|
|
50
51
|
}
|
|
51
52
|
};
|
|
52
|
-
|
|
53
|
+
c.style = b;
|
|
53
54
|
export {
|
|
54
|
-
|
|
55
|
+
c as swirl_button
|
|
55
56
|
};
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { r as t, h as e, H as s } from "./index.
|
|
2
|
-
import { c as o } from "./index-
|
|
1
|
+
import { r as t, h as e, H as s } from "./index.332a8127.js";
|
|
2
|
+
import { c as o } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
5
|
const i = `:host{display:block}:host *{box-sizing:border-box}.card{display:block;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none}.card--elevated{border-color:transparent;box-shadow:0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16),
|
|
7
6
|
0 0.25rem 1rem rgba(25, 26, 28, 0.04)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}`, c = class {
|
|
8
7
|
constructor(r) {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { r as t, c as a, h as c, H as n } from "./index.
|
|
2
|
-
import { c as b } from "./index-
|
|
1
|
+
import { r as t, c as a, h as c, H as n } from "./index.332a8127.js";
|
|
2
|
+
import { c as b } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
5
|
const d = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
|
|
7
6
|
0 0 0 0.1875rem var(--s-focus-default)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display: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)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, x = class {
|
|
8
7
|
constructor(e) {
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { r as o, h as r, H as c } from "./index.
|
|
2
|
-
import { c as n } from "./index-
|
|
1
|
+
import { r as o, h as r, H as c } from "./index.332a8127.js";
|
|
2
|
+
import { c as n } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { a as l } from "./utils-61f188cc.4a43deab.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
7
6
|
const d = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.chip{display:inline-flex;max-width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}.chip--interactive{cursor:pointer}.chip--interactive:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive:hover ::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--intent-critical{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical .chip__icon{color:var(--s-icon-critical)}.chip--intent-success{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success .chip__icon{color:var(--s-icon-success)}.chip__avatar,.chip__icon{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}", h = class {
|
|
8
7
|
constructor(e) {
|
|
9
8
|
o(this, e), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as h, s as
|
|
1
|
+
import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as h, s as C, t as g, u as A, v as F, w as L, x as T, y as k, z as f, A as P, B as R, C as v, D as M, E as V, G as D, I as O, J as x, K as y, L as B, M as G, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as sa, a7 as oa, a8 as wa, a9 as Sa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as ha, al as Ca, am as ga, an as Aa, ao as Fa, ap as La, aq as Ta, ar as ka, as as fa, at as Pa, au as Ra, av as va, aw as Ma, ax as Va, ay as Da, az as Oa, aA as xa, aB as ya, aC as Ba, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as si, aZ as oi, a_ as wi, a$ as Si, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as hi, bb as Ci, bc as gi, bd as Ai, be as Fi, bf as Li, bg as Ti, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as Mi, bn as Vi, bo as Di, bp as Oi, bq as xi, br as yi, bs as Bi, bt as Gi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as sr, bP as or, bQ as wr, bR as Sr, bS as nr, bT as er, bU as cr, bV as tr, bW as Ir, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as hr, c1 as Cr, c2 as gr, c3 as Ar } from "./index.332a8127.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
export {
|
|
@@ -17,20 +17,20 @@ export {
|
|
|
17
17
|
p as SwirlButtonGroup,
|
|
18
18
|
m as SwirlCard,
|
|
19
19
|
h as SwirlCheckbox,
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
C as SwirlChip,
|
|
21
|
+
g as SwirlConsoleLayout,
|
|
22
22
|
A as SwirlDateInput,
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
F as SwirlDatePicker,
|
|
24
|
+
L as SwirlDescriptionList,
|
|
25
25
|
T as SwirlDescriptionListItem,
|
|
26
26
|
k as SwirlDialog,
|
|
27
27
|
f as SwirlEmptyState,
|
|
28
28
|
P as SwirlFileUploader,
|
|
29
29
|
R as SwirlFileViewer,
|
|
30
30
|
v as SwirlFileViewerAudio,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
M as SwirlFileViewerCsv,
|
|
32
|
+
V as SwirlFileViewerImage,
|
|
33
|
+
D as SwirlFileViewerPdf,
|
|
34
34
|
O as SwirlFileViewerText,
|
|
35
35
|
x as SwirlFileViewerVideo,
|
|
36
36
|
y as SwirlFormControl,
|
|
@@ -71,113 +71,115 @@ export {
|
|
|
71
71
|
pa as SwirlIconDoubleArrowLeft,
|
|
72
72
|
ma as SwirlIconDoubleArrowRight,
|
|
73
73
|
ha as SwirlIconDownload,
|
|
74
|
-
|
|
75
|
-
|
|
74
|
+
Ca as SwirlIconDragHandle,
|
|
75
|
+
ga as SwirlIconEdit,
|
|
76
76
|
Aa as SwirlIconEmojiMood,
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
Fa as SwirlIconEmojiSatisfied,
|
|
78
|
+
La as SwirlIconError,
|
|
79
79
|
Ta as SwirlIconExpandLess,
|
|
80
80
|
ka as SwirlIconExpandMore,
|
|
81
81
|
fa as SwirlIconFile,
|
|
82
|
-
Pa as
|
|
83
|
-
Ra as
|
|
84
|
-
va as
|
|
82
|
+
Pa as SwirlIconFileCopy,
|
|
83
|
+
Ra as SwirlIconFilter,
|
|
84
|
+
va as SwirlIconFolder,
|
|
85
|
+
Ma as SwirlIconFolderShared,
|
|
85
86
|
Va as SwirlIconFullscreen,
|
|
86
87
|
Da as SwirlIconFullscreenExit,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
gi as
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
Li as
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
Vi as
|
|
140
|
-
Di as
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
gr as
|
|
88
|
+
Oa as SwirlIconGroupAssign,
|
|
89
|
+
xa as SwirlIconGroups,
|
|
90
|
+
ya as SwirlIconGroupsCustom,
|
|
91
|
+
Ba as SwirlIconGroupsFilled,
|
|
92
|
+
Ga as SwirlIconGroupsOutlined,
|
|
93
|
+
Ea as SwirlIconHelp,
|
|
94
|
+
Na as SwirlIconImage,
|
|
95
|
+
Ha as SwirlIconInfo,
|
|
96
|
+
Ua as SwirlIconInventory,
|
|
97
|
+
ja as SwirlIconLike,
|
|
98
|
+
za as SwirlIconLink,
|
|
99
|
+
Wa as SwirlIconLock,
|
|
100
|
+
qa as SwirlIconLogout,
|
|
101
|
+
Ja as SwirlIconMail,
|
|
102
|
+
Ka as SwirlIconManageAccounts,
|
|
103
|
+
Qa as SwirlIconMention,
|
|
104
|
+
Xa as SwirlIconMenu,
|
|
105
|
+
Ya as SwirlIconMenuBook,
|
|
106
|
+
Za as SwirlIconMenuFilled,
|
|
107
|
+
_a as SwirlIconMenuOutlined,
|
|
108
|
+
$a as SwirlIconMessage,
|
|
109
|
+
ai as SwirlIconMoreHorizontal,
|
|
110
|
+
ii as SwirlIconMoreVertikal,
|
|
111
|
+
ri as SwirlIconNewsFilled,
|
|
112
|
+
li as SwirlIconNewsOutlined,
|
|
113
|
+
si as SwirlIconNotifications,
|
|
114
|
+
oi as SwirlIconNotificationsActive,
|
|
115
|
+
wi as SwirlIconNotificationsOff,
|
|
116
|
+
Si as SwirlIconOpenInNew,
|
|
117
|
+
ni as SwirlIconPeopleAlt,
|
|
118
|
+
ei as SwirlIconPerson,
|
|
119
|
+
ci as SwirlIconPersonOff,
|
|
120
|
+
ti as SwirlIconPhone,
|
|
121
|
+
Ii as SwirlIconPoll,
|
|
122
|
+
bi as SwirlIconPrint,
|
|
123
|
+
di as SwirlIconRecieved,
|
|
124
|
+
ui as SwirlIconRemove,
|
|
125
|
+
pi as SwirlIconSearch,
|
|
126
|
+
mi as SwirlIconSearchStrong,
|
|
127
|
+
hi as SwirlIconSend,
|
|
128
|
+
Ci as SwirlIconSettings,
|
|
129
|
+
gi as SwirlIconSync,
|
|
130
|
+
Ai as SwirlIconTasksFilled,
|
|
131
|
+
Fi as SwirlIconTasksOutlined,
|
|
132
|
+
Li as SwirlIconTimeFilled,
|
|
133
|
+
Ti as SwirlIconTimeOutlined,
|
|
134
|
+
ki as SwirlIconToday,
|
|
135
|
+
fi as SwirlIconUserAssign,
|
|
136
|
+
Pi as SwirlIconVideoCamera,
|
|
137
|
+
Ri as SwirlIconVisibility,
|
|
138
|
+
vi as SwirlIconVisibilityOff,
|
|
139
|
+
Mi as SwirlIconWarning,
|
|
140
|
+
Vi as SwirlInlineError,
|
|
141
|
+
Di as SwirlLightbox,
|
|
142
|
+
Oi as SwirlLink,
|
|
143
|
+
xi as SwirlList,
|
|
144
|
+
yi as SwirlModal,
|
|
145
|
+
Bi as SwirlOptionList,
|
|
146
|
+
Gi as SwirlOptionListItem,
|
|
147
|
+
Ei as SwirlOptionListSection,
|
|
148
|
+
Ni as SwirlPagination,
|
|
149
|
+
Hi as SwirlPdfReader,
|
|
150
|
+
Ui as SwirlPopover,
|
|
151
|
+
ji as SwirlProgressIndicator,
|
|
152
|
+
zi as SwirlRadio,
|
|
153
|
+
Wi as SwirlRadioGroup,
|
|
154
|
+
qi as SwirlResourceList,
|
|
155
|
+
Ji as SwirlResourceListFileItem,
|
|
156
|
+
Ki as SwirlResourceListItem,
|
|
157
|
+
Qi as SwirlSearch,
|
|
158
|
+
Xi as SwirlSelect,
|
|
159
|
+
Yi as SwirlSeparator,
|
|
160
|
+
Zi as SwirlShellLayout,
|
|
161
|
+
_i as SwirlShellNavigationItem,
|
|
162
|
+
$i as SwirlSkeletonBox,
|
|
163
|
+
ar as SwirlSkeletonText,
|
|
164
|
+
ir as SwirlSpinner,
|
|
165
|
+
rr as SwirlStack,
|
|
166
|
+
lr as SwirlSwitch,
|
|
167
|
+
sr as SwirlTab,
|
|
168
|
+
or as SwirlTable,
|
|
169
|
+
wr as SwirlTableCell,
|
|
170
|
+
Sr as SwirlTableColumn,
|
|
171
|
+
nr as SwirlTableRow,
|
|
172
|
+
er as SwirlTableRowGroup,
|
|
173
|
+
cr as SwirlTabs,
|
|
174
|
+
tr as SwirlTag,
|
|
175
|
+
Ir as SwirlText,
|
|
176
|
+
br as SwirlTextInput,
|
|
177
|
+
dr as SwirlThemeProvider,
|
|
178
|
+
ur as SwirlThumbnail,
|
|
179
|
+
pr as SwirlToast,
|
|
180
|
+
mr as SwirlToastProvider,
|
|
181
|
+
hr as SwirlTooltip,
|
|
182
|
+
Cr as SwirlTreeNavigationItem,
|
|
183
|
+
gr as SwirlVideoThumbnail,
|
|
184
|
+
Ar as SwirlVisuallyHidden
|
|
183
185
|
};
|