@getflip/swirl-components-react 0.5.1 → 0.5.2
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.d9f3d27a.js → file-manager.entry.165dcec9.js} +1 -1
- package/dist/{flip-action-list-item.entry.1c128d88.js → flip-action-list-item.entry.c14fae3b.js} +1 -1
- package/dist/{flip-action-list-section.entry.334da9b3.js → flip-action-list-section.entry.34278dbf.js} +1 -1
- package/dist/{flip-action-list.entry.4c21bf13.js → flip-action-list.entry.cce10e13.js} +1 -1
- package/dist/{flip-app-layout_5.entry.347244e3.js → flip-app-layout_5.entry.8efcacb9.js} +1 -1
- package/dist/{flip-autocomplete.entry.cb35664c.js → flip-autocomplete.entry.22af3e50.js} +1 -1
- package/dist/{flip-avatar-group.entry.0d05ee77.js → flip-avatar-group.entry.fdb04bb0.js} +1 -1
- package/dist/flip-avatar.entry.dcdb6929.js +57 -0
- package/dist/{flip-badge.entry.dba6f4d0.js → flip-badge.entry.10e0be22.js} +1 -1
- package/dist/{flip-banner.entry.6e98f9bb.js → flip-banner.entry.218d4500.js} +1 -1
- package/dist/{flip-button-group.entry.5efab101.js → flip-button-group.entry.ca0beaa4.js} +1 -1
- package/dist/flip-button.entry.6017b499.js +41 -0
- package/dist/{flip-checkbox.entry.3c5f9edd.js → flip-checkbox.entry.9aaa228a.js} +1 -1
- package/dist/{flip-chip.entry.c5182889.js → flip-chip.entry.ecfdf06f.js} +1 -1
- package/dist/{flip-console-layout.entry.68f44b8d.js → flip-console-layout.entry.6ad15e0b.js} +3 -3
- package/dist/{flip-date-input.entry.7bb78ec2.js → flip-date-input.entry.3fe52c01.js} +1 -1
- package/dist/{flip-date-picker_2.entry.d02d7d18.js → flip-date-picker_2.entry.5c1547aa.js} +1 -1
- package/dist/{flip-description-list-item.entry.32818cd7.js → flip-description-list-item.entry.0fc117f1.js} +1 -1
- package/dist/{flip-description-list.entry.0024df2f.js → flip-description-list.entry.c30d78c9.js} +1 -1
- package/dist/{flip-dialog.entry.437ef265.js → flip-dialog.entry.7394ae54.js} +1 -1
- package/dist/{flip-file-uploader.entry.ea3c7ead.js → flip-file-uploader.entry.0f51a125.js} +1 -1
- package/dist/{flip-file-viewer_7.entry.77ae38e2.js → flip-file-viewer_7.entry.25b666d6.js} +1 -1
- package/dist/{flip-form-control.entry.9a1837a0.js → flip-form-control.entry.6ecd8c85.js} +1 -1
- package/dist/{flip-form-group.entry.47e4c08c.js → flip-form-group.entry.3c6d57da.js} +1 -1
- package/dist/{flip-heading_2.entry.cb81a796.js → flip-heading_2.entry.e0749e10.js} +1 -1
- package/dist/{flip-icon-add-photo.entry.a8a8d445.js → flip-icon-add-photo.entry.4a1a4e8c.js} +1 -1
- package/dist/{flip-icon-add_4.entry.a1e5683b.js → flip-icon-add_4.entry.dc82c8b2.js} +1 -1
- package/dist/{flip-icon-admin-panel-settings.entry.ee4119fe.js → flip-icon-admin-panel-settings.entry.cb134c14.js} +1 -1
- package/dist/{flip-icon-arrow-back.entry.bba591b0.js → flip-icon-arrow-back.entry.a4e5407b.js} +1 -1
- package/dist/{flip-icon-arrow-forward.entry.40958632.js → flip-icon-arrow-forward.entry.3264caac.js} +1 -1
- package/dist/{flip-icon-arrow-left_3.entry.525685ca.js → flip-icon-arrow-left_3.entry.1acc758b.js} +1 -1
- package/dist/{flip-icon-arrow-right-small.entry.76263ee0.js → flip-icon-arrow-right-small.entry.c7d2bf5b.js} +1 -1
- package/dist/{flip-icon-attachment.entry.04d1b5c8.js → flip-icon-attachment.entry.812ae5d0.js} +1 -1
- package/dist/{flip-icon-cancel_4.entry.a2265e64.js → flip-icon-cancel_4.entry.1aca4663.js} +1 -1
- package/dist/{flip-icon-chat-bubble.entry.22d525da.js → flip-icon-chat-bubble.entry.9efa94f5.js} +1 -1
- package/dist/{flip-icon-check-circle.entry.182067b5.js → flip-icon-check-circle.entry.90c920a2.js} +1 -1
- package/dist/{flip-icon-check-small_3.entry.8a94f7b3.js → flip-icon-check-small_3.entry.eeb77836.js} +1 -1
- package/dist/{flip-icon-check-strong.entry.6cb41e4f.js → flip-icon-check-strong.entry.a69db009.js} +1 -1
- package/dist/{flip-icon-check.entry.a195ea64.js → flip-icon-check.entry.a07cbd7a.js} +1 -1
- package/dist/{flip-icon-chevron-left.entry.198a6c6e.js → flip-icon-chevron-left.entry.536f2382.js} +1 -1
- package/dist/{flip-icon-chevron-right.entry.1e2690e6.js → flip-icon-chevron-right.entry.0402ea4c.js} +1 -1
- package/dist/{flip-icon-close-small.entry.0f507ec2.js → flip-icon-close-small.entry.59d0129f.js} +1 -1
- package/dist/{flip-icon-close.entry.a1c2309c.js → flip-icon-close.entry.0e330d0f.js} +1 -1
- package/dist/{flip-icon-cloud-upload.entry.5327701c.js → flip-icon-cloud-upload.entry.710622c3.js} +1 -1
- package/dist/{flip-icon-comment.entry.373b8991.js → flip-icon-comment.entry.0b5242ec.js} +1 -1
- package/dist/{flip-icon-copy.entry.aec8a13e.js → flip-icon-copy.entry.c71a2746.js} +1 -1
- package/dist/{flip-icon-date-range.entry.fea1cf38.js → flip-icon-date-range.entry.7dbdeac9.js} +1 -1
- package/dist/{flip-icon-delete.entry.b7419f79.js → flip-icon-delete.entry.62d31dc4.js} +1 -1
- package/dist/{flip-icon-description.entry.8d67775f.js → flip-icon-description.entry.f81e2899.js} +1 -1
- package/dist/{flip-icon-edit.entry.0eab03a3.js → flip-icon-edit.entry.366afe20.js} +1 -1
- package/dist/{flip-icon-emoji-mood.entry.30a3429b.js → flip-icon-emoji-mood.entry.7a3a48e8.js} +1 -1
- package/dist/{flip-icon-emoji-satisfied.entry.63a2ae47.js → flip-icon-emoji-satisfied.entry.9563da6e.js} +1 -1
- package/dist/{flip-icon-error_3.entry.45a74e75.js → flip-icon-error_3.entry.47183eba.js} +1 -1
- package/dist/{flip-icon-expand-more.entry.73658fc0.js → flip-icon-expand-more.entry.0f8a8c32.js} +1 -1
- package/dist/{flip-icon-file.entry.f65b6a2f.js → flip-icon-file.entry.f1278242.js} +1 -1
- package/dist/{flip-icon-folder-shared.entry.23738b25.js → flip-icon-folder-shared.entry.8207b3bd.js} +1 -1
- package/dist/{flip-icon-group-assign.entry.636e9998.js → flip-icon-group-assign.entry.03977866.js} +1 -1
- package/dist/{flip-icon-groups-custom.entry.f5c66a69.js → flip-icon-groups-custom.entry.2306049a.js} +1 -1
- package/dist/{flip-icon-groups.entry.8e68cafb.js → flip-icon-groups.entry.10fc47f0.js} +1 -1
- package/dist/{flip-icon-help.entry.444d15a1.js → flip-icon-help.entry.b47a12f8.js} +1 -1
- package/dist/{flip-icon-image.entry.316a344d.js → flip-icon-image.entry.928d9b63.js} +1 -1
- package/dist/{flip-icon-info.entry.af65e307.js → flip-icon-info.entry.5da840c8.js} +1 -1
- package/dist/{flip-icon-inventory.entry.fbad218e.js → flip-icon-inventory.entry.81ca820e.js} +1 -1
- package/dist/{flip-icon-like.entry.7d3db5ae.js → flip-icon-like.entry.16fbe76d.js} +1 -1
- package/dist/{flip-icon-link.entry.677e149f.js → flip-icon-link.entry.642987f1.js} +1 -1
- package/dist/{flip-icon-lock.entry.11be61be.js → flip-icon-lock.entry.1a1e546b.js} +1 -1
- package/dist/{flip-icon-logout.entry.159c37fa.js → flip-icon-logout.entry.fa68c5b8.js} +1 -1
- package/dist/{flip-icon-mail.entry.d467f931.js → flip-icon-mail.entry.58b6b4bb.js} +1 -1
- package/dist/{flip-icon-manage-accounts.entry.75c892ba.js → flip-icon-manage-accounts.entry.dff51a29.js} +1 -1
- package/dist/{flip-icon-mention.entry.dcb88d21.js → flip-icon-mention.entry.f161cc68.js} +1 -1
- package/dist/{flip-icon-message.entry.fa72a55b.js → flip-icon-message.entry.9cc226d3.js} +1 -1
- package/dist/{flip-icon-more-horizontal.entry.23928cc6.js → flip-icon-more-horizontal.entry.41ac045a.js} +1 -1
- package/dist/{flip-icon-more-vertikal.entry.f6fe806b.js → flip-icon-more-vertikal.entry.5922b12a.js} +1 -1
- package/dist/{flip-icon-notifications-active.entry.7fb87055.js → flip-icon-notifications-active.entry.48a1ddca.js} +1 -1
- package/dist/{flip-icon-notifications-off.entry.06a2a9b1.js → flip-icon-notifications-off.entry.e4af3155.js} +1 -1
- package/dist/{flip-icon-notifications.entry.6f36160e.js → flip-icon-notifications.entry.4e57988d.js} +1 -1
- package/dist/{flip-icon-open-in-new.entry.2b7f8934.js → flip-icon-open-in-new.entry.64ce488c.js} +1 -1
- package/dist/{flip-icon-people-alt.entry.26e02431.js → flip-icon-people-alt.entry.a6bacf42.js} +1 -1
- package/dist/{flip-icon-person-off.entry.ed8898eb.js → flip-icon-person-off.entry.adb5a68e.js} +1 -1
- package/dist/{flip-icon-person.entry.72939e0b.js → flip-icon-person.entry.c3a583d3.js} +1 -1
- package/dist/{flip-icon-phone.entry.becf1ab9.js → flip-icon-phone.entry.9089f655.js} +1 -1
- package/dist/{flip-icon-poll.entry.df7fe3c0.js → flip-icon-poll.entry.673b3dea.js} +1 -1
- package/dist/{flip-icon-print.entry.54999b03.js → flip-icon-print.entry.fcaeb6de.js} +1 -1
- package/dist/{flip-icon-recieved.entry.8bc7429e.js → flip-icon-recieved.entry.7afa122a.js} +1 -1
- package/dist/{flip-icon-search-strong.entry.92a12b0d.js → flip-icon-search-strong.entry.19385be1.js} +1 -1
- package/dist/{flip-icon-search.entry.100c714d.js → flip-icon-search.entry.9abeea46.js} +1 -1
- package/dist/{flip-icon-send.entry.13f0dd9b.js → flip-icon-send.entry.9ab27b42.js} +1 -1
- package/dist/{flip-icon-settings.entry.c7007498.js → flip-icon-settings.entry.b2ccf704.js} +1 -1
- package/dist/{flip-icon-time-filled.entry.942f7527.js → flip-icon-time-filled.entry.146ce269.js} +1 -1
- package/dist/{flip-icon-time-outlined.entry.c526b8b2.js → flip-icon-time-outlined.entry.2583a0cc.js} +1 -1
- package/dist/{flip-icon-user-assign.entry.a202c672.js → flip-icon-user-assign.entry.0c2b4e77.js} +1 -1
- package/dist/{flip-icon-video-camera.entry.d50960b4.js → flip-icon-video-camera.entry.1b124f53.js} +1 -1
- package/dist/{flip-icon-warning.entry.3c7f17b0.js → flip-icon-warning.entry.99cade53.js} +1 -1
- package/dist/{flip-lightbox.entry.d0818fdd.js → flip-lightbox.entry.ef9cd07a.js} +1 -1
- package/dist/{flip-link.entry.e104fd62.js → flip-link.entry.0b62a1b6.js} +1 -1
- package/dist/{flip-list.entry.62924a6e.js → flip-list.entry.a83fcedf.js} +1 -1
- package/dist/{flip-modal.entry.8ee1afb7.js → flip-modal.entry.04222d29.js} +1 -1
- package/dist/{flip-option-list-section.entry.90e3540e.js → flip-option-list-section.entry.b7ac6d2d.js} +1 -1
- package/dist/{flip-pagination.entry.9f1e2b11.js → flip-pagination.entry.ffa29f95.js} +1 -1
- package/dist/{flip-pdf-reader.entry.585cacc2.js → flip-pdf-reader.entry.3d2972c3.js} +1 -1
- package/dist/{flip-popover.entry.4358f1ca.js → flip-popover.entry.57d966d0.js} +1 -1
- package/dist/{flip-progress-indicator.entry.bac7c479.js → flip-progress-indicator.entry.7037c925.js} +1 -1
- package/dist/{flip-radio-group.entry.fc16ef00.js → flip-radio-group.entry.b8caf106.js} +1 -1
- package/dist/{flip-radio.entry.c5d1ab8e.js → flip-radio.entry.3c6023a3.js} +1 -1
- package/dist/{flip-resource-list-file-item.entry.2e01187c.js → flip-resource-list-file-item.entry.e8c6f50c.js} +1 -1
- package/dist/{flip-search.entry.8501c4b3.js → flip-search.entry.d59c648b.js} +1 -1
- package/dist/{flip-select.entry.9e6fe095.js → flip-select.entry.abac8425.js} +1 -1
- package/dist/{flip-stack.entry.a8ee7905.js → flip-stack.entry.3c9c9283.js} +1 -1
- package/dist/{flip-switch.entry.9983e3b6.js → flip-switch.entry.4771f8c6.js} +1 -1
- package/dist/{flip-tab.entry.9d13ff74.js → flip-tab.entry.377344e6.js} +1 -1
- package/dist/{flip-tabs.entry.1353be6c.js → flip-tabs.entry.4d1d4e19.js} +1 -1
- package/dist/{flip-tag.entry.0846fe2b.js → flip-tag.entry.73496033.js} +1 -1
- package/dist/{flip-text-input.entry.a6d65510.js → flip-text-input.entry.a783764b.js} +1 -1
- package/dist/{flip-theme-provider.entry.5d46f8fb.js → flip-theme-provider.entry.e4c4febb.js} +1 -1
- package/dist/{flip-thumbnail.entry.11498fad.js → flip-thumbnail.entry.a028b3ab.js} +1 -1
- package/dist/{flip-toast-provider.entry.edb50e5e.js → flip-toast-provider.entry.75e0d8d2.js} +1 -1
- package/dist/{flip-toast.entry.6d97c755.js → flip-toast.entry.d2ac58aa.js} +1 -1
- package/dist/{flip-tooltip.entry.b695fc31.js → flip-tooltip.entry.8e408340.js} +1 -1
- package/dist/{flip-video-thumbnail.entry.058d8c16.js → flip-video-thumbnail.entry.5961b532.js} +1 -1
- package/dist/{flip-visually-hidden.entry.0197105f.js → flip-visually-hidden.entry.af3e851a.js} +1 -1
- package/dist/{index.7e0e9911.js → index.9bacd111.js} +1 -1
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +4 -4
- package/package.json +2 -2
- package/dist/flip-avatar.entry.cda211fb.js +0 -57
- package/dist/flip-button.entry.7c41cd24.js +0 -41
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as i, h as t, H as o } from "./index.
|
|
1
|
+
import { r as i, h as t, H as o } from "./index.9bacd111.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const e = ":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}", l = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, c as s, h as a, H as r, g as l } from "./index.
|
|
1
|
+
import { r as n, c as s, h as a, H as r, g as l } from "./index.9bacd111.js";
|
|
2
2
|
import { c as p } from "./index-6d2e18c6.289636d4.js";
|
|
3
3
|
import { i as d } from "./utils-39b2afe8.37b54ba4.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, c, h as o, H as r, g as u } from "./index.
|
|
1
|
+
import { r as n, c, h as o, H as r, g as u } from "./index.9bacd111.js";
|
|
2
2
|
import { a as h, c as p, o as d } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
|
|
3
3
|
import { c as m } from "./index-6d2e18c6.289636d4.js";
|
|
4
4
|
import { d as f } from "./utils-39b2afe8.37b54ba4.js";
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { r as h, h as i, H as g, g as u } from "./index.9bacd111.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 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{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
|
+
xs: 28,
|
|
8
|
+
s: 32,
|
|
9
|
+
m: 40,
|
|
10
|
+
l: 48,
|
|
11
|
+
xl: 64,
|
|
12
|
+
"2xl": 144
|
|
13
|
+
}, p = class {
|
|
14
|
+
constructor(t) {
|
|
15
|
+
h(this, t), this.badgePosition = "bottom", this.color = "kiwi", this.interactive = !1, this.showLabel = !1, this.size = "m", this.variant = "round", this.setImageAvailable = () => {
|
|
16
|
+
this.imageAvailable = !0;
|
|
17
|
+
}, this.setImageUnavailable = () => {
|
|
18
|
+
this.imageAvailable = !1;
|
|
19
|
+
}, this.onKeydown = (a) => {
|
|
20
|
+
a.code === "Space" ? a.preventDefault() : a.code === "Enter" && (a.preventDefault(), this.element.click());
|
|
21
|
+
}, this.onKeyup = (a) => {
|
|
22
|
+
a.code === "Space" && (a.preventDefault(), this.element.click());
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
componentDidLoad() {
|
|
26
|
+
this.forceBadgeProps();
|
|
27
|
+
}
|
|
28
|
+
watchSrcProp() {
|
|
29
|
+
this.imageAvailable = void 0;
|
|
30
|
+
}
|
|
31
|
+
forceBadgeProps() {
|
|
32
|
+
if (!Boolean(this.badge))
|
|
33
|
+
return;
|
|
34
|
+
const t = this.badgeEl.querySelector("flip-badge");
|
|
35
|
+
t == null || t.setAttribute("size", "m");
|
|
36
|
+
}
|
|
37
|
+
render() {
|
|
38
|
+
const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !t && Boolean(this.initials), r = !t && !a && Boolean(this.icon), e = !t && !a && !r, o = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : "img", v = s("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
|
|
39
|
+
"avatar--has-icon": r || e,
|
|
40
|
+
"avatar--has-initials": a,
|
|
41
|
+
"avatar--interactive": this.interactive
|
|
42
|
+
}), d = s("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
|
|
43
|
+
return i(g, { "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: l, tabIndex: this.interactive ? 0 : void 0 }, i("span", { class: v, part: "avatar" }, t && i("span", { class: "avatar__image" }, i("img", { alt: "", height: n[this.size], onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: n[this.size] })), a && i("span", { class: "avatar__initials" }, i("span", null, this.initials)), r && i("span", { class: "avatar__icon", innerHTML: this.icon }), e && i("span", { class: "avatar__icon" }, i("flip-icon-person", null)), o && i("span", { class: d, innerHTML: this.badge, ref: (c) => this.badgeEl = c })), this.showLabel && i("span", { "aria-hidden": !0, class: "avatar__label" }, this.label));
|
|
44
|
+
}
|
|
45
|
+
get element() {
|
|
46
|
+
return u(this);
|
|
47
|
+
}
|
|
48
|
+
static get watchers() {
|
|
49
|
+
return {
|
|
50
|
+
src: ["watchSrcProp"]
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
p.style = m;
|
|
55
|
+
export {
|
|
56
|
+
p as flip_avatar
|
|
57
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { r as e, h as n, H as l } from "./index.9bacd111.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 b = `.sc-flip-button-h{display:inline-block;max-width:100%;flex-shrink:0}.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-left-radius:var(--flip-button-border-top-left-radius);border-top-right-radius:var(--flip-button-border-top-right-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-left-radius:var(--flip-icon-button-border-top-left-radius);border-top-right-radius:var(--flip-icon-button-border-top-right-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}`, c = 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
|
+
getAriaLabel(t) {
|
|
26
|
+
if (Boolean(this.flipAriaLabel))
|
|
27
|
+
return this.flipAriaLabel;
|
|
28
|
+
if (t)
|
|
29
|
+
return this.label;
|
|
30
|
+
}
|
|
31
|
+
render() {
|
|
32
|
+
const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", o = Boolean(this.href), i = this.getAriaLabel(t), a = s("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
|
|
33
|
+
"button--icon-only": t
|
|
34
|
+
});
|
|
35
|
+
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)));
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
c.style = b;
|
|
39
|
+
export {
|
|
40
|
+
c as flip_button
|
|
41
|
+
};
|
package/dist/{flip-console-layout.entry.68f44b8d.js → flip-console-layout.entry.6ad15e0b.js}
RENAMED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as l, c as e, h as a, H as i } from "./index.
|
|
1
|
+
import { r as l, c as e, h as a, H as i } from "./index.9bacd111.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
|
-
const s = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;
|
|
4
|
+
const s = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:"header"
|
|
5
5
|
"navigation"
|
|
6
|
-
"user";grid-area:sidebar}.console-layout__header{
|
|
6
|
+
"user";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
|
|
7
7
|
"content"}.console-layout__app-bar{position:sticky;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{padding:2.5rem;background-color:var(--s-background-default);grid-area:content}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}`, n = class {
|
|
8
8
|
constructor(t) {
|
|
9
9
|
l(this, t), this.backButtonClick = e(this, "backButtonClick", 7), this.helpButtonClick = e(this, "helpButtonClick", 7), this.backButonLabel = "Back", this.helpButonLabel = "Help", this.logoText = "Admin", this.navigationLabel = "Main", this.onBackButtonClick = (o) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as le, c as we, h as x, H as be, F as te } from "./index.
|
|
1
|
+
import { r as le, c as we, h as x, H as be, F as te } from "./index.9bacd111.js";
|
|
2
2
|
import { c as de, a as Ce, g as ke } from "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
package/dist/{flip-description-list.entry.0024df2f.js → flip-description-list.entry.c30d78c9.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as i, h as t, H as o } from "./index.
|
|
1
|
+
import { r as i, h as t, H as o } from "./index.9bacd111.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}.description-list ::slotted(*){padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list ::slotted(*:not(:last-child)){margin-bottom:var(--s-space-16)}", e = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as e, c as t, h as o, H as n } from "./index.
|
|
1
|
+
import { r as e, c as t, h as o, H as n } from "./index.9bacd111.js";
|
|
2
2
|
import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
3
|
import { c as l } from "./index-6d2e18c6.289636d4.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as zt, c as jt, h as qe, H as Gt, g as Qt } from "./index.
|
|
1
|
+
import { r as zt, c as jt, h as qe, H as Gt, g as Qt } from "./index.9bacd111.js";
|
|
2
2
|
import { c as cr, a as vt, g as Qi, b as qr, d as Ji } from "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
3
3
|
import { d as Zi, g as ea, i as ta } from "./utils-39b2afe8.37b54ba4.js";
|
|
4
4
|
import "react";
|
package/dist/{flip-icon-check-small_3.entry.8a94f7b3.js → flip-icon-check-small_3.entry.eeb77836.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as c, h as i, F as n, c as d, H as a, g as u } from "./index.
|
|
1
|
+
import { r as c, h as i, F as n, c as d, H as a, g as u } from "./index.9bacd111.js";
|
|
2
2
|
import { q as m } from "./utils-39b2afe8.37b54ba4.js";
|
|
3
3
|
import { c as p } from "./index-6d2e18c6.289636d4.js";
|
|
4
4
|
import "react";
|