@getflip/swirl-components-react 0.5.0 → 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.5df78d98.js → file-manager.entry.165dcec9.js} +1 -1
- package/dist/{flip-action-list-item.entry.080e14b7.js → flip-action-list-item.entry.c14fae3b.js} +1 -1
- package/dist/{flip-action-list-section.entry.59cc892d.js → flip-action-list-section.entry.34278dbf.js} +1 -1
- package/dist/{flip-action-list.entry.34dd165b.js → flip-action-list.entry.cce10e13.js} +1 -1
- package/dist/{flip-app-layout_5.entry.20b263f5.js → flip-app-layout_5.entry.8efcacb9.js} +1 -1
- package/dist/{flip-autocomplete.entry.a63ad331.js → flip-autocomplete.entry.22af3e50.js} +1 -1
- package/dist/{flip-avatar-group.entry.e00bcff1.js → flip-avatar-group.entry.fdb04bb0.js} +1 -1
- package/dist/flip-avatar.entry.dcdb6929.js +57 -0
- package/dist/{flip-badge.entry.63e2d414.js → flip-badge.entry.10e0be22.js} +1 -1
- package/dist/{flip-banner.entry.a2f5eef8.js → flip-banner.entry.218d4500.js} +1 -1
- package/dist/{flip-button-group.entry.7856eb4f.js → flip-button-group.entry.ca0beaa4.js} +1 -1
- package/dist/flip-button.entry.6017b499.js +41 -0
- package/dist/{flip-checkbox.entry.4af2f2b4.js → flip-checkbox.entry.9aaa228a.js} +1 -1
- package/dist/{flip-chip.entry.9e153968.js → flip-chip.entry.ecfdf06f.js} +1 -1
- package/dist/{flip-console-layout.entry.940ff9f8.js → flip-console-layout.entry.6ad15e0b.js} +5 -5
- package/dist/{flip-date-input.entry.dce529bc.js → flip-date-input.entry.3fe52c01.js} +1 -1
- package/dist/{flip-date-picker_2.entry.177499d7.js → flip-date-picker_2.entry.5c1547aa.js} +1 -1
- package/dist/{flip-description-list-item.entry.efd60d4e.js → flip-description-list-item.entry.0fc117f1.js} +1 -1
- package/dist/{flip-description-list.entry.28fc026b.js → flip-description-list.entry.c30d78c9.js} +1 -1
- package/dist/{flip-dialog.entry.1f35195b.js → flip-dialog.entry.7394ae54.js} +1 -1
- package/dist/{flip-file-uploader.entry.3888ef19.js → flip-file-uploader.entry.0f51a125.js} +1 -1
- package/dist/{flip-file-viewer_7.entry.098a3dac.js → flip-file-viewer_7.entry.25b666d6.js} +1 -1
- package/dist/{flip-form-control.entry.8a1150c0.js → flip-form-control.entry.6ecd8c85.js} +1 -1
- package/dist/{flip-form-group.entry.42d83af8.js → flip-form-group.entry.3c6d57da.js} +1 -1
- package/dist/{flip-heading_2.entry.36e0c785.js → flip-heading_2.entry.e0749e10.js} +11 -11
- package/dist/{flip-icon-add-photo.entry.4a5cdf22.js → flip-icon-add-photo.entry.4a1a4e8c.js} +1 -1
- package/dist/{flip-icon-add_4.entry.890da8d3.js → flip-icon-add_4.entry.dc82c8b2.js} +1 -1
- package/dist/{flip-icon-admin-panel-settings.entry.29420ba1.js → flip-icon-admin-panel-settings.entry.cb134c14.js} +1 -1
- package/dist/{flip-icon-arrow-back.entry.c75093f3.js → flip-icon-arrow-back.entry.a4e5407b.js} +1 -1
- package/dist/{flip-icon-arrow-forward.entry.a5ba53d2.js → flip-icon-arrow-forward.entry.3264caac.js} +1 -1
- package/dist/{flip-icon-arrow-left_3.entry.492c928f.js → flip-icon-arrow-left_3.entry.1acc758b.js} +1 -1
- package/dist/{flip-icon-arrow-right-small.entry.d977647f.js → flip-icon-arrow-right-small.entry.c7d2bf5b.js} +1 -1
- package/dist/{flip-icon-attachment.entry.33509693.js → flip-icon-attachment.entry.812ae5d0.js} +1 -1
- package/dist/{flip-icon-cancel_4.entry.c7533bde.js → flip-icon-cancel_4.entry.1aca4663.js} +1 -1
- package/dist/{flip-icon-chat-bubble.entry.796b792b.js → flip-icon-chat-bubble.entry.9efa94f5.js} +1 -1
- package/dist/{flip-icon-check-circle.entry.942c13d5.js → flip-icon-check-circle.entry.90c920a2.js} +1 -1
- package/dist/{flip-icon-check-small_3.entry.0b74d78c.js → flip-icon-check-small_3.entry.eeb77836.js} +1 -1
- package/dist/{flip-icon-check-strong.entry.f072021d.js → flip-icon-check-strong.entry.a69db009.js} +1 -1
- package/dist/{flip-icon-check.entry.e4c5c94a.js → flip-icon-check.entry.a07cbd7a.js} +1 -1
- package/dist/{flip-icon-chevron-left.entry.65b612e3.js → flip-icon-chevron-left.entry.536f2382.js} +1 -1
- package/dist/{flip-icon-chevron-right.entry.0ea10200.js → flip-icon-chevron-right.entry.0402ea4c.js} +1 -1
- package/dist/{flip-icon-close-small.entry.cccd694a.js → flip-icon-close-small.entry.59d0129f.js} +1 -1
- package/dist/{flip-icon-close.entry.cf4afdfd.js → flip-icon-close.entry.0e330d0f.js} +1 -1
- package/dist/{flip-icon-cloud-upload.entry.8f2ba9c7.js → flip-icon-cloud-upload.entry.710622c3.js} +1 -1
- package/dist/{flip-icon-comment.entry.bd9871c6.js → flip-icon-comment.entry.0b5242ec.js} +1 -1
- package/dist/{flip-icon-copy.entry.1b311d2c.js → flip-icon-copy.entry.c71a2746.js} +1 -1
- package/dist/{flip-icon-date-range.entry.20ae3be8.js → flip-icon-date-range.entry.7dbdeac9.js} +1 -1
- package/dist/{flip-icon-delete.entry.91cce4b6.js → flip-icon-delete.entry.62d31dc4.js} +1 -1
- package/dist/{flip-icon-description.entry.1e861585.js → flip-icon-description.entry.f81e2899.js} +1 -1
- package/dist/{flip-icon-edit.entry.6ce0adc0.js → flip-icon-edit.entry.366afe20.js} +1 -1
- package/dist/{flip-icon-emoji-mood.entry.26ff5f4c.js → flip-icon-emoji-mood.entry.7a3a48e8.js} +1 -1
- package/dist/{flip-icon-emoji-satisfied.entry.c5964eb2.js → flip-icon-emoji-satisfied.entry.9563da6e.js} +1 -1
- package/dist/{flip-icon-error_3.entry.ed9ea2ba.js → flip-icon-error_3.entry.47183eba.js} +1 -1
- package/dist/{flip-icon-expand-more.entry.dfe65dc1.js → flip-icon-expand-more.entry.0f8a8c32.js} +1 -1
- package/dist/{flip-icon-file.entry.1337f4a3.js → flip-icon-file.entry.f1278242.js} +1 -1
- package/dist/{flip-icon-folder-shared.entry.d729af99.js → flip-icon-folder-shared.entry.8207b3bd.js} +1 -1
- package/dist/{flip-icon-group-assign.entry.1b26fbcc.js → flip-icon-group-assign.entry.03977866.js} +1 -1
- package/dist/{flip-icon-groups-custom.entry.f1691911.js → flip-icon-groups-custom.entry.2306049a.js} +1 -1
- package/dist/{flip-icon-groups.entry.8ee2103f.js → flip-icon-groups.entry.10fc47f0.js} +1 -1
- package/dist/{flip-icon-help.entry.258ffe77.js → flip-icon-help.entry.b47a12f8.js} +1 -1
- package/dist/{flip-icon-image.entry.ed9e7cea.js → flip-icon-image.entry.928d9b63.js} +1 -1
- package/dist/{flip-icon-info.entry.7ecf555e.js → flip-icon-info.entry.5da840c8.js} +1 -1
- package/dist/{flip-icon-inventory.entry.3dfdaf9f.js → flip-icon-inventory.entry.81ca820e.js} +1 -1
- package/dist/{flip-icon-like.entry.0cc26e51.js → flip-icon-like.entry.16fbe76d.js} +1 -1
- package/dist/{flip-icon-link.entry.4a62a637.js → flip-icon-link.entry.642987f1.js} +1 -1
- package/dist/{flip-icon-lock.entry.de97d106.js → flip-icon-lock.entry.1a1e546b.js} +1 -1
- package/dist/{flip-icon-logout.entry.551dbbfc.js → flip-icon-logout.entry.fa68c5b8.js} +1 -1
- package/dist/{flip-icon-mail.entry.8f23d662.js → flip-icon-mail.entry.58b6b4bb.js} +1 -1
- package/dist/{flip-icon-manage-accounts.entry.587cc1f2.js → flip-icon-manage-accounts.entry.dff51a29.js} +1 -1
- package/dist/{flip-icon-mention.entry.dea7e9bd.js → flip-icon-mention.entry.f161cc68.js} +1 -1
- package/dist/{flip-icon-message.entry.661d3f8b.js → flip-icon-message.entry.9cc226d3.js} +1 -1
- package/dist/{flip-icon-more-horizontal.entry.e1b56167.js → flip-icon-more-horizontal.entry.41ac045a.js} +1 -1
- package/dist/{flip-icon-more-vertikal.entry.c8c2faf5.js → flip-icon-more-vertikal.entry.5922b12a.js} +1 -1
- package/dist/{flip-icon-notifications-active.entry.17e2db26.js → flip-icon-notifications-active.entry.48a1ddca.js} +1 -1
- package/dist/{flip-icon-notifications-off.entry.fccd2c17.js → flip-icon-notifications-off.entry.e4af3155.js} +1 -1
- package/dist/{flip-icon-notifications.entry.fd6974d0.js → flip-icon-notifications.entry.4e57988d.js} +1 -1
- package/dist/{flip-icon-open-in-new.entry.377230e7.js → flip-icon-open-in-new.entry.64ce488c.js} +1 -1
- package/dist/{flip-icon-people-alt.entry.ff8dcfad.js → flip-icon-people-alt.entry.a6bacf42.js} +1 -1
- package/dist/{flip-icon-person-off.entry.c1046231.js → flip-icon-person-off.entry.adb5a68e.js} +1 -1
- package/dist/{flip-icon-person.entry.a8e33281.js → flip-icon-person.entry.c3a583d3.js} +1 -1
- package/dist/{flip-icon-phone.entry.b13cd9db.js → flip-icon-phone.entry.9089f655.js} +1 -1
- package/dist/{flip-icon-poll.entry.d4d7ab35.js → flip-icon-poll.entry.673b3dea.js} +1 -1
- package/dist/{flip-icon-print.entry.e22c899f.js → flip-icon-print.entry.fcaeb6de.js} +1 -1
- package/dist/{flip-icon-recieved.entry.42365f6e.js → flip-icon-recieved.entry.7afa122a.js} +1 -1
- package/dist/{flip-icon-search-strong.entry.3e2df830.js → flip-icon-search-strong.entry.19385be1.js} +1 -1
- package/dist/{flip-icon-search.entry.307ecf81.js → flip-icon-search.entry.9abeea46.js} +1 -1
- package/dist/{flip-icon-send.entry.d821277c.js → flip-icon-send.entry.9ab27b42.js} +1 -1
- package/dist/{flip-icon-settings.entry.39d549e4.js → flip-icon-settings.entry.b2ccf704.js} +1 -1
- package/dist/{flip-icon-time-filled.entry.59391c42.js → flip-icon-time-filled.entry.146ce269.js} +1 -1
- package/dist/{flip-icon-time-outlined.entry.7828e49b.js → flip-icon-time-outlined.entry.2583a0cc.js} +1 -1
- package/dist/{flip-icon-user-assign.entry.d015d6d1.js → flip-icon-user-assign.entry.0c2b4e77.js} +1 -1
- package/dist/{flip-icon-video-camera.entry.08b245ec.js → flip-icon-video-camera.entry.1b124f53.js} +1 -1
- package/dist/{flip-icon-warning.entry.6646b827.js → flip-icon-warning.entry.99cade53.js} +1 -1
- package/dist/{flip-lightbox.entry.89522005.js → flip-lightbox.entry.ef9cd07a.js} +1 -1
- package/dist/{flip-link.entry.21826dcf.js → flip-link.entry.0b62a1b6.js} +1 -1
- package/dist/{flip-list.entry.28ca3e9a.js → flip-list.entry.a83fcedf.js} +1 -1
- package/dist/{flip-modal.entry.9dc00a89.js → flip-modal.entry.04222d29.js} +1 -1
- package/dist/{flip-option-list-section.entry.8016c860.js → flip-option-list-section.entry.b7ac6d2d.js} +1 -1
- package/dist/{flip-pagination.entry.5c31f8e5.js → flip-pagination.entry.ffa29f95.js} +1 -1
- package/dist/{flip-pdf-reader.entry.79fd6e1f.js → flip-pdf-reader.entry.3d2972c3.js} +1 -1
- package/dist/{flip-popover.entry.712ebb5b.js → flip-popover.entry.57d966d0.js} +1 -1
- package/dist/{flip-progress-indicator.entry.342c1c4c.js → flip-progress-indicator.entry.7037c925.js} +1 -1
- package/dist/{flip-radio-group.entry.ab35d743.js → flip-radio-group.entry.b8caf106.js} +1 -1
- package/dist/{flip-radio.entry.35aa66f2.js → flip-radio.entry.3c6023a3.js} +1 -1
- package/dist/{flip-resource-list-file-item.entry.b56f8795.js → flip-resource-list-file-item.entry.e8c6f50c.js} +1 -1
- package/dist/{flip-search.entry.cb0d0faa.js → flip-search.entry.d59c648b.js} +1 -1
- package/dist/{flip-select.entry.67d74a11.js → flip-select.entry.abac8425.js} +1 -1
- package/dist/{flip-stack.entry.b7e0326d.js → flip-stack.entry.3c9c9283.js} +2 -2
- package/dist/{flip-switch.entry.a5b1c2c6.js → flip-switch.entry.4771f8c6.js} +1 -1
- package/dist/{flip-tab.entry.97e217ad.js → flip-tab.entry.377344e6.js} +1 -1
- package/dist/{flip-tabs.entry.ad810ab3.js → flip-tabs.entry.4d1d4e19.js} +1 -1
- package/dist/{flip-tag.entry.8d4916e7.js → flip-tag.entry.73496033.js} +1 -1
- package/dist/{flip-text-input.entry.b963e731.js → flip-text-input.entry.a783764b.js} +1 -1
- package/dist/{flip-theme-provider.entry.d5dd8213.js → flip-theme-provider.entry.e4c4febb.js} +1 -1
- package/dist/{flip-thumbnail.entry.5f5e44d2.js → flip-thumbnail.entry.a028b3ab.js} +1 -1
- package/dist/{flip-toast-provider.entry.4c55da45.js → flip-toast-provider.entry.75e0d8d2.js} +1 -1
- package/dist/{flip-toast.entry.c306c0f6.js → flip-toast.entry.d2ac58aa.js} +1 -1
- package/dist/{flip-tooltip.entry.4544c9e8.js → flip-tooltip.entry.8e408340.js} +1 -1
- package/dist/{flip-video-thumbnail.entry.7e6a70de.js → flip-video-thumbnail.entry.5961b532.js} +1 -1
- package/dist/{flip-visually-hidden.entry.59b6f888.js → flip-visually-hidden.entry.af3e851a.js} +1 -1
- package/dist/{index.ac96d2b2.js → index.9bacd111.js} +2 -2
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +7 -7
- package/package.json +2 -2
- package/dist/flip-avatar.entry.32cb98bf.js +0 -57
- package/dist/flip-button.entry.82de4159.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.940ff9f8.js → flip-console-layout.entry.6ad15e0b.js}
RENAMED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { r as l, c as
|
|
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: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
|
-
constructor(
|
|
9
|
-
l(this,
|
|
8
|
+
constructor(t) {
|
|
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) => {
|
|
10
10
|
this.backButtonClick.emit(o);
|
|
11
11
|
}, this.onHelpButtonClick = (o) => {
|
|
12
12
|
this.helpButtonClick.emit(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.28fc026b.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";
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { r as s, h as e, H as
|
|
2
|
-
import { c as
|
|
1
|
+
import { r as s, h as e, H as n } from "./index.9bacd111.js";
|
|
2
|
+
import { c as l } from "./index-6d2e18c6.289636d4.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
5
|
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
6
|
-
const a = ".sc-flip-heading-h{display:block;width:100%}.sc-flip-heading-h *.sc-flip-heading{box-sizing:border-box}.heading.sc-flip-heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start.sc-flip-heading{text-align:start}.heading--align-center.sc-flip-heading{text-align:center}.heading--align-end.sc-flip-heading{text-align:end}.heading--level-1.sc-flip-heading{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2.sc-flip-heading{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3.sc-flip-heading{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4.sc-flip-heading,.heading--level-5.sc-flip-heading,.heading--level-6.sc-flip-heading{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}",
|
|
6
|
+
const a = ".sc-flip-heading-h{display:block;width:100%}.sc-flip-heading-h *.sc-flip-heading{box-sizing:border-box}.heading.sc-flip-heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start.sc-flip-heading{text-align:start}.heading--align-center.sc-flip-heading{text-align:center}.heading--align-end.sc-flip-heading{text-align:end}.heading--level-1.sc-flip-heading{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2.sc-flip-heading{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3.sc-flip-heading{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4.sc-flip-heading,.heading--level-5.sc-flip-heading,.heading--level-6.sc-flip-heading{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}", o = class {
|
|
7
7
|
constructor(t) {
|
|
8
8
|
s(this, t), this.align = "start", this.level = 1;
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
const t = this.as || `h${this.level}`, i =
|
|
12
|
-
return e(
|
|
11
|
+
const t = this.as || `h${this.level}`, i = l("heading", `heading--align-${this.align}`, `heading--level-${this.level}`);
|
|
12
|
+
return e(n, null, e(t, { class: i, id: this.headingId }, this.text));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
const
|
|
15
|
+
o.style = a;
|
|
16
|
+
const h = ":host{display:block}:host *{box-sizing:border-box}.text{margin:0;padding:0}.text--align-start{text-align:start}.text--align-center{text-align:center}.text--align-end{text-align:end}.text--color-default{color:var(--s-text-default)}.text--color-subdued{color:var(--s-text-subdued)}.text--color-critical{color:var(--s-text-critical)}.text--color-success{color:var(--s-text-success)}.text--color-warning{color:var(--s-text-warning)}.text--size-sm{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}.text--size-lg{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}.text--weight-normal{font-weight:var(--s-font-weight-normal)}.text--weight-medium{font-weight:var(--s-font-weight-medium)}.text--weight-semibold{font-weight:var(--s-font-weight-semibold)}.text--weight-bold{font-weight:var(--s-font-weight-bold)}.text--font-style-normal{font-style:normal}.text--font-style-italic{font-style:italic}.text--truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}", g = class {
|
|
17
17
|
constructor(t) {
|
|
18
18
|
s(this, t), this.align = "start", this.as = "p", this.color = "default", this.fontStyle = "normal", this.size = "base", this.weight = "normal";
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
const t = this.as, i =
|
|
22
|
-
return e(
|
|
21
|
+
const t = this.as, i = l("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--weight-${this.weight}`, { "text--truncate": this.truncate });
|
|
22
|
+
return e(n, null, e(t, { class: i, part: "text" }, e("slot", null)));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
g.style =
|
|
25
|
+
g.style = h;
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
o as flip_heading,
|
|
28
28
|
g as flip_text
|
|
29
29
|
};
|
package/dist/{flip-icon-check-small_3.entry.0b74d78c.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";
|