@getflip/swirl-components-react 0.2.1 → 0.4.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.07628dad.js +58 -0
- package/dist/{flip-action-list-item.entry.8a7c3ed5.js → flip-action-list-item.entry.a330605c.js} +2 -2
- package/dist/{flip-action-list-section.entry.da0cdb9e.js → flip-action-list-section.entry.19091d98.js} +1 -1
- package/dist/{flip-action-list.entry.b8a1ea41.js → flip-action-list.entry.319f0192.js} +2 -2
- package/dist/flip-app-layout_5.entry.ac01996d.js +215 -0
- package/dist/flip-autocomplete.entry.21deedf2.js +70 -0
- package/dist/{flip-avatar-group.entry.b0e66358.js → flip-avatar-group.entry.c2cc9526.js} +18 -9
- package/dist/{flip-avatar.entry.6a8f2e19.js → flip-avatar.entry.7034b888.js} +17 -8
- package/dist/flip-badge.entry.bc935c62.js +20 -0
- package/dist/{flip-banner.entry.f53786a0.js → flip-banner.entry.d257835c.js} +1 -1
- package/dist/flip-button-group.entry.8ce7a3d4.js +20 -0
- package/dist/flip-button.entry.eb07eb8a.js +35 -0
- package/dist/{flip-checkbox.entry.ade04b9c.js → flip-checkbox.entry.43a3832e.js} +2 -2
- package/dist/{flip-chip.entry.42861041.js → flip-chip.entry.a479c5b0.js} +1 -1
- package/dist/{flip-date-input.entry.adafe713.js → flip-date-input.entry.b98d662b.js} +1 -1
- package/dist/{flip-date-picker_3.entry.4a72cca9.js → flip-date-picker_2.entry.c2143459.js} +281 -369
- package/dist/{flip-description-list-item.entry.0844c111.js → flip-description-list-item.entry.f1db6930.js} +1 -1
- package/dist/{flip-description-list.entry.cdb5ba16.js → flip-description-list.entry.0e214ec2.js} +1 -1
- package/dist/{flip-dialog.entry.cdfca16a.js → flip-dialog.entry.24f62804.js} +2 -2
- package/dist/{flip-file-uploader.entry.43c0b766.js → flip-file-uploader.entry.91b6ca52.js} +2 -2
- package/dist/{flip-file-viewer-audio_6.entry.c9978e1a.js → flip-file-viewer_7.entry.47a4ee0d.js} +5115 -4945
- package/dist/{flip-form-control.entry.ec90cfb9.js → flip-form-control.entry.82737412.js} +1 -1
- package/dist/{flip-form-group.entry.6256d521.js → flip-form-group.entry.89c2a7a6.js} +4 -4
- package/dist/flip-heading.entry.00139b62.js +18 -0
- package/dist/{flip-icon-add-photo.entry.d8ca058c.js → flip-icon-add-photo.entry.b5415432.js} +1 -1
- package/dist/flip-icon-add_4.entry.b525e436.js +45 -0
- package/dist/{flip-icon-admin-panel-settings.entry.abfc03bf.js → flip-icon-admin-panel-settings.entry.e416caa2.js} +1 -1
- package/dist/{flip-icon-arrow-back.entry.eff9e6a3.js → flip-icon-arrow-back.entry.3b24c3c4.js} +1 -1
- package/dist/{flip-icon-arrow-forward.entry.b0017297.js → flip-icon-arrow-forward.entry.c3577622.js} +1 -1
- package/dist/flip-icon-arrow-left_3.entry.0e8c6ffd.js +35 -0
- package/dist/{flip-icon-arrow-right-small.entry.dd9ec828.js → flip-icon-arrow-right-small.entry.36a480f8.js} +1 -1
- package/dist/{flip-icon-attachment.entry.d41db045.js → flip-icon-attachment.entry.d44215f9.js} +1 -1
- package/dist/{flip-icon-expand-less_3.entry.8f8fb508.js → flip-icon-cancel_4.entry.90ff0e73.js} +23 -13
- package/dist/{flip-icon-chat-bubble.entry.32859e94.js → flip-icon-chat-bubble.entry.b8022c94.js} +1 -1
- package/dist/{flip-icon-check-circle.entry.cf0be0f3.js → flip-icon-check-circle.entry.b59a0f63.js} +1 -1
- package/dist/flip-icon-check-small_3.entry.fd9f691c.js +145 -0
- package/dist/{flip-icon-check-strong.entry.756abe1c.js → flip-icon-check-strong.entry.cab3e061.js} +1 -1
- package/dist/{flip-icon-check.entry.71f246f6.js → flip-icon-check.entry.f6231fc3.js} +1 -1
- package/dist/{flip-icon-chevron-left.entry.76299ff3.js → flip-icon-chevron-left.entry.cd972c85.js} +1 -1
- package/dist/{flip-icon-chevron-right.entry.56cd2638.js → flip-icon-chevron-right.entry.b96a1ead.js} +1 -1
- package/dist/{flip-icon-close-small.entry.d5bce874.js → flip-icon-close-small.entry.292f402f.js} +1 -1
- package/dist/{flip-icon-close.entry.1c183b2c.js → flip-icon-close.entry.a52651ec.js} +1 -1
- package/dist/{flip-icon-cloud-upload.entry.780eefd8.js → flip-icon-cloud-upload.entry.8c3de009.js} +1 -1
- package/dist/{flip-icon-comment.entry.9c85f2af.js → flip-icon-comment.entry.68e5198c.js} +1 -1
- package/dist/{flip-icon-copy.entry.33ed327d.js → flip-icon-copy.entry.ea55301c.js} +1 -1
- package/dist/{flip-icon-date-range.entry.739ecf4e.js → flip-icon-date-range.entry.78991d34.js} +1 -1
- package/dist/{flip-icon-delete.entry.f3cba347.js → flip-icon-delete.entry.addf184d.js} +1 -1
- package/dist/{flip-icon-description.entry.d0f9e65c.js → flip-icon-description.entry.7688a64f.js} +1 -1
- package/dist/{flip-icon-edit.entry.7b9f186f.js → flip-icon-edit.entry.5df4b598.js} +1 -1
- package/dist/{flip-icon-emoji-mood.entry.e0b32fe1.js → flip-icon-emoji-mood.entry.7772f2da.js} +1 -1
- package/dist/{flip-icon-emoji-satisfied.entry.5ef82f25.js → flip-icon-emoji-satisfied.entry.3f11571c.js} +1 -1
- package/dist/{flip-icon-error_3.entry.87fcf907.js → flip-icon-error_3.entry.6d22b7a2.js} +1 -1
- package/dist/{flip-icon-expand-more.entry.d2c9bf62.js → flip-icon-expand-more.entry.2ffa6f0c.js} +1 -1
- package/dist/{flip-icon-file.entry.0d1868a4.js → flip-icon-file.entry.517a75cc.js} +1 -1
- package/dist/{flip-icon-folder-shared.entry.f1f4317b.js → flip-icon-folder-shared.entry.661494c2.js} +1 -1
- package/dist/{flip-icon-group-assign.entry.2116431e.js → flip-icon-group-assign.entry.8131eb64.js} +1 -1
- package/dist/{flip-icon-groups-custom.entry.415539b5.js → flip-icon-groups-custom.entry.f0086123.js} +1 -1
- package/dist/{flip-icon-groups.entry.25ce8212.js → flip-icon-groups.entry.2e076144.js} +1 -1
- package/dist/{flip-icon-image.entry.ce484f72.js → flip-icon-image.entry.d0482319.js} +1 -1
- package/dist/{flip-icon-info.entry.3f6c72bb.js → flip-icon-info.entry.d16cf109.js} +1 -1
- package/dist/{flip-icon-inventory.entry.fc8b1c79.js → flip-icon-inventory.entry.a209dd1e.js} +1 -1
- package/dist/{flip-icon-like.entry.34ea69dc.js → flip-icon-like.entry.631333f8.js} +1 -1
- package/dist/{flip-icon-link.entry.94b7dd90.js → flip-icon-link.entry.b67ce56a.js} +1 -1
- package/dist/{flip-icon-lock.entry.3e9c3e72.js → flip-icon-lock.entry.13f8fa54.js} +1 -1
- package/dist/{flip-icon-logout.entry.57363229.js → flip-icon-logout.entry.79b91644.js} +1 -1
- package/dist/{flip-icon-mail.entry.b37d0b32.js → flip-icon-mail.entry.62265dc6.js} +1 -1
- package/dist/{flip-icon-manage-accounts.entry.fb4e9a6b.js → flip-icon-manage-accounts.entry.e821e9df.js} +1 -1
- package/dist/{flip-icon-mention.entry.2bfbfa63.js → flip-icon-mention.entry.09ac190a.js} +1 -1
- package/dist/{flip-icon-message.entry.2df9486d.js → flip-icon-message.entry.06934900.js} +1 -1
- package/dist/{flip-icon-more-horizontal.entry.7f45f170.js → flip-icon-more-horizontal.entry.d1d97d3d.js} +1 -1
- package/dist/{flip-icon-more-vertikal.entry.8045a647.js → flip-icon-more-vertikal.entry.d40ca8b0.js} +1 -1
- package/dist/{flip-icon-notifications-active.entry.f03b2fc4.js → flip-icon-notifications-active.entry.c38ee4bb.js} +1 -1
- package/dist/{flip-icon-notifications-off.entry.dd8c68fd.js → flip-icon-notifications-off.entry.02743a47.js} +1 -1
- package/dist/{flip-icon-notifications.entry.edc9821c.js → flip-icon-notifications.entry.4f873bc3.js} +1 -1
- package/dist/{flip-icon-open-in-new.entry.ff63ea33.js → flip-icon-open-in-new.entry.cb673e42.js} +1 -1
- package/dist/{flip-icon-people-alt.entry.aad60933.js → flip-icon-people-alt.entry.648a37d3.js} +1 -1
- package/dist/{flip-icon-person-off.entry.59a3c96c.js → flip-icon-person-off.entry.3bc3e587.js} +1 -1
- package/dist/{flip-icon-person.entry.e69d335c.js → flip-icon-person.entry.b269287a.js} +1 -1
- package/dist/{flip-icon-phone.entry.d3656af0.js → flip-icon-phone.entry.89c67938.js} +1 -1
- package/dist/{flip-icon-poll.entry.16e1615e.js → flip-icon-poll.entry.51bd2d6b.js} +1 -1
- package/dist/{flip-icon-print.entry.16e54d5b.js → flip-icon-print.entry.fcdc08c4.js} +1 -1
- package/dist/{flip-icon-recieved.entry.7a850323.js → flip-icon-recieved.entry.e52d5907.js} +1 -1
- package/dist/{flip-icon-search-strong.entry.fd001082.js → flip-icon-search-strong.entry.f9f740dc.js} +1 -1
- package/dist/{flip-icon-search.entry.2efaf023.js → flip-icon-search.entry.530eb22a.js} +1 -1
- package/dist/{flip-icon-send.entry.6a4cd99f.js → flip-icon-send.entry.1a1f6a9f.js} +1 -1
- package/dist/{flip-icon-settings.entry.44aec164.js → flip-icon-settings.entry.05357f2b.js} +1 -1
- package/dist/{flip-icon-time-filled.entry.bced668e.js → flip-icon-time-filled.entry.7dfefe00.js} +1 -1
- package/dist/{flip-icon-time-outlined.entry.36bb857d.js → flip-icon-time-outlined.entry.b309035e.js} +1 -1
- package/dist/{flip-icon-user-assign.entry.f55379f5.js → flip-icon-user-assign.entry.b595047d.js} +1 -1
- package/dist/{flip-icon-video-camera.entry.23798820.js → flip-icon-video-camera.entry.08411542.js} +1 -1
- package/dist/{flip-icon-warning.entry.ac7a7e4c.js → flip-icon-warning.entry.5d5e3ce9.js} +1 -1
- package/dist/flip-lightbox.entry.d7a5b33f.js +110 -0
- package/dist/{flip-link.entry.31692150.js → flip-link.entry.5415c5a4.js} +1 -1
- package/dist/{flip-list.entry.1eac3a62.js → flip-list.entry.5ffbd0ef.js} +1 -1
- package/dist/flip-modal.entry.8f99c357.js +63 -0
- package/dist/{flip-option-list-section.entry.0f67d7d7.js → flip-option-list-section.entry.1c46b667.js} +1 -1
- package/dist/{flip-pagination.entry.278034c1.js → flip-pagination.entry.44ba4122.js} +1 -1
- package/dist/flip-pdf-reader.entry.4fba8eda.js +79 -0
- package/dist/flip-popover.entry.0f8879c7.js +99 -0
- package/dist/{flip-progress-indicator.entry.99e10b2c.js → flip-progress-indicator.entry.98300d84.js} +1 -1
- package/dist/{flip-radio-group.entry.7cc7a065.js → flip-radio-group.entry.3a737bc9.js} +2 -2
- package/dist/{flip-radio.entry.eacccab0.js → flip-radio.entry.45be80ff.js} +2 -2
- package/dist/{flip-resource-list-file-item.entry.4fd698ae.js → flip-resource-list-file-item.entry.380c5dbe.js} +1 -1
- package/dist/{flip-search.entry.7a786fe8.js → flip-search.entry.6805dae6.js} +1 -1
- package/dist/{flip-stack.entry.a2afebf5.js → flip-stack.entry.c7c6570a.js} +1 -1
- package/dist/{flip-switch.entry.9e81c9b0.js → flip-switch.entry.d92b7292.js} +1 -1
- package/dist/{flip-tab.entry.b64631a4.js → flip-tab.entry.e7a1ab1a.js} +1 -1
- package/dist/flip-tabs.entry.16f909d5.js +67 -0
- package/dist/{flip-tag.entry.c888703b.js → flip-tag.entry.8622ab43.js} +1 -1
- package/dist/flip-text-input.entry.326d7e72.js +58 -0
- package/dist/{flip-text.entry.4bcd3eae.js → flip-text.entry.a01cf4bc.js} +1 -1
- package/dist/{flip-theme-provider.entry.1b167993.js → flip-theme-provider.entry.bb6a10e3.js} +1 -1
- package/dist/{flip-thumbnail.entry.5f2effe1.js → flip-thumbnail.entry.7e078ff9.js} +1 -1
- package/dist/{flip-toast-provider.entry.870ddb2c.js → flip-toast-provider.entry.442c1fb8.js} +1 -1
- package/dist/{flip-toast.entry.f8bc132d.js → flip-toast.entry.696f6bd2.js} +4 -4
- package/dist/{flip-tooltip.entry.e4e0b3a6.js → flip-tooltip.entry.0c1774a4.js} +1 -1
- package/dist/{flip-video-thumbnail.entry.855576fe.js → flip-video-thumbnail.entry.b6b896d0.js} +1 -1
- package/dist/{flip-visually-hidden.entry.8d93e0bb.js → flip-visually-hidden.entry.58a19f2e.js} +1 -1
- package/dist/index.b66ff9f0.js +1365 -0
- package/dist/stencil-generated/index.d.ts +6 -0
- package/dist/swirl-components-react.js +142 -136
- package/dist/swirl-components-react.umd.cjs +52 -34
- package/dist/utils-39b2afe8.37b54ba4.js +40 -0
- package/package.json +2 -2
- package/dist/flip-badge.entry.a6d07965.js +0 -20
- package/dist/flip-button-group.entry.0342e82d.js +0 -15
- package/dist/flip-button.entry.b752e108.js +0 -33
- package/dist/flip-empty-state.entry.77f9c8ed.js +0 -15
- package/dist/flip-file-viewer.entry.85af31ff.js +0 -95
- package/dist/flip-heading.entry.472e3005.js +0 -18
- package/dist/flip-icon-add.entry.79a8d7e6.js +0 -15
- package/dist/flip-icon-arrow-left.entry.234146e1.js +0 -15
- package/dist/flip-icon-arrow-right.entry.d4a36d98.js +0 -15
- package/dist/flip-icon-cancel.entry.c5b57f7f.js +0 -15
- package/dist/flip-icon-check-small.entry.c28df931.js +0 -15
- package/dist/flip-icon-download.entry.9adb287e.js +0 -15
- package/dist/flip-icon-fullscreen-exit.entry.168a2e77.js +0 -15
- package/dist/flip-icon-fullscreen.entry.d78bc3a4.js +0 -15
- package/dist/flip-icon-remove.entry.88fa105e.js +0 -15
- package/dist/flip-modal.entry.5df13219.js +0 -61
- package/dist/flip-option-list-item.entry.f911c3b8.js +0 -30
- package/dist/flip-option-list.entry.32d7928a.js +0 -95
- package/dist/flip-resource-list-item.entry.d9efc26d.js +0 -41
- package/dist/flip-resource-list.entry.dca2afcd.js +0 -49
- package/dist/flip-tabs.entry.a42a1989.js +0 -92
- package/dist/flip-text-input.entry.8deff49d.js +0 -55
- package/dist/index.b70d4c92.js +0 -1359
- package/dist/utils-b46bcd4f.79126bb2.js +0 -30
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { r as e, h as n, H as l } from "./index.b66ff9f0.js";
|
|
2
|
+
import { c as s } from "./index-6d2e18c6.289636d4.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
6
|
+
const c = `.sc-flip-button-h{display:inline-block;max-width:100%}.sc-flip-button-h *.sc-flip-button{box-sizing:border-box}.button.sc-flip-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-right-radius:var(--flip-button-border-top-right-radius);border-top-left-radius:var(--flip-button-border-top-left-radius);border-bottom-right-radius:var(--flip-button-border-bottom-right-radius);border-bottom-left-radius:var(--flip-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--flip-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-flip-button:hover{background-color:var(--flip-ghost-button-background-hovered)}.button.sc-flip-button:active{background-color:var(--flip-ghost-button-background-pressed)}.button.sc-flip-button:disabled{color:var(--s-text-disabled);background-color:var(--flip-ghost-button-background-default);cursor:default}.button.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-disabled)}.button.sc-flip-button:focus{outline-color:var(--s-focus-default)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-flip-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-flat.sc-flip-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-flip-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-flip-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-flip-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--variant-plain.sc-flip-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-flip-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-flip-button:hover:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-flip-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-flip-button:active:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-flip-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:active .button__icon.sc-flip-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-flip-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
7
|
+
rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
|
|
8
|
+
rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-flip-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
|
|
9
|
+
rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-flip-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
10
|
+
rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-flip-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}.button--variant-floating.sc-flip-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-flip-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-flip-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-flip-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-flip-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-flip-button .button__icon.sc-flip-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--icon-only.sc-flip-button{padding:var(--s-space-8);border-top-right-radius:var(--flip-icon-button-border-top-right-radius);border-top-left-radius:var(--flip-icon-button-border-top-left-radius);border-bottom-right-radius:var(
|
|
11
|
+
--flip-icon-button-border-bottom-right-radius
|
|
12
|
+
);border-bottom-left-radius:var(--flip-icon-button-border-bottom-left-radius)}.button--icon-only.sc-flip-button .button__icon.sc-flip-button{margin-right:0;margin-left:0}.button__icon.sc-flip-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-flip-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, b = class {
|
|
13
|
+
constructor(t) {
|
|
14
|
+
e(this, t), this.iconPosition = "start", this.intent = "default", this.size = "m", this.type = "button", this.variant = "ghost";
|
|
15
|
+
}
|
|
16
|
+
componentDidLoad() {
|
|
17
|
+
this.forceIconProps();
|
|
18
|
+
}
|
|
19
|
+
forceIconProps() {
|
|
20
|
+
if (!Boolean(this.iconEl))
|
|
21
|
+
return;
|
|
22
|
+
const t = this.iconEl.children[0];
|
|
23
|
+
t == null || t.setAttribute("size", "24");
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", o = Boolean(this.href), i = Boolean(this.flipAriaLabel) ? this.flipAriaLabel : t ? this.label : void 0, a = s("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
|
|
27
|
+
"button--icon-only": t
|
|
28
|
+
});
|
|
29
|
+
return n(l, null, n(o ? "a" : "button", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled && !o ? "true" : void 0, "aria-label": i, class: a, disabled: o ? void 0 : this.disabled, download: o ? void 0 : this.download, form: o ? void 0 : this.form, href: this.href, name: o ? void 0 : this.name, target: o ? this.target : void 0, type: o ? void 0 : this.type, value: o ? void 0 : this.value }, this.icon && n("span", { class: "button__icon", innerHTML: this.icon, ref: (r) => this.iconEl = r }), !t && n("span", { class: "button__label" }, this.label)));
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
b.style = c;
|
|
33
|
+
export {
|
|
34
|
+
b as flip_button
|
|
35
|
+
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { r as a, c as r, h as c, H as t } from "./index.
|
|
1
|
+
import { r as a, c as r, h as c, H as t } from "./index.b66ff9f0.js";
|
|
2
2
|
import { c as n } from "./index-6d2e18c6.289636d4.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
5
|
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
6
6
|
const x = `.sc-flip-checkbox-h{display:inline-flex}.sc-flip-checkbox-h *.sc-flip-checkbox{box-sizing:border-box}.checkbox.sc-flip-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-flip-checkbox:focus-within .checkbox__box.sc-flip-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
|
|
7
|
-
0 0 0 0.1875rem var(--s-focus-default)}.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-flip-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:transparent}.checkbox--disabled.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__label.sc-flip-checkbox,.checkbox--disabled.sc-flip-checkbox .checkbox__description.sc-flip-checkbox{color:var(--s-text-disabled)}.checkbox__control.sc-flip-checkbox{position:relative;top:0.125rem;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:var(--s-action-neutral-hovered)}.checkbox__box.sc-flip-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-flip-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-flip-checkbox>*.sc-flip-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-flip-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-flip-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-flip-checkbox{display:inline-flex;margin-left:var(--s-space-
|
|
7
|
+
0 0 0 0.1875rem var(--s-focus-default)}.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-flip-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:transparent}.checkbox--disabled.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__label.sc-flip-checkbox,.checkbox--disabled.sc-flip-checkbox .checkbox__description.sc-flip-checkbox{color:var(--s-text-disabled)}.checkbox__control.sc-flip-checkbox{position:relative;top:0.125rem;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:var(--s-action-neutral-hovered)}.checkbox__box.sc-flip-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-flip-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-flip-checkbox>*.sc-flip-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-flip-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-flip-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-flip-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-4);align-items:flex-start;flex-direction:column}.checkbox__label.sc-flip-checkbox{font-weight:var(--s-font-weight-medium)}.checkbox__description.sc-flip-checkbox{color:var(--s-text-subdued)}`, k = class {
|
|
8
8
|
constructor(e) {
|
|
9
9
|
a(this, e), this.valueChange = r(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
|
|
10
10
|
this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
|