@getflip/swirl-components-react 0.378.0 → 0.379.1

package/dist/{swirl-console-layout.entry.f7dad466.js → swirl-console-layout.entry.343a90d7.js}

@@ -1,6 +1,6 @@
-import { r, c as l, h as e, H as d, g as h } from "./index.6b86ee90.js";
+import { r, c as l, h as e, H as d, g as h } from "./index.9e1804e9.js";
 import { c as b } from "./index-orsBiyT_.fc4357c3.js";
-import { d as p, i } from "./utils-D_MUFqkF.654ff3ce.js";
+import { d as p, i } from "./utils-DytJsmhr.20b14d35.js";
 import "react";
 import "react-dom";
 const u = `:host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:var(--console-sidebar-width) 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content"

package/dist/{swirl-date-input.entry.a94ca27b.js → swirl-date-input.entry.90400ae7.js}

@@ -1,8 +1,8 @@
-import { r as h, c as p, h as a, H as f, g as m } from "./index.6b86ee90.js";
+import { r as h, c as p, h as a, H as f, g as m } from "./index.9e1804e9.js";
 import { c as b } from "./index-orsBiyT_.fc4357c3.js";
 import { f as s, I as n, i as l, p as c } from "./index-D3UoejeY.7db8c51e.js";
-import { D as y } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
-import { i as u } from "./utils-D_MUFqkF.654ff3ce.js";
+import { D as y } from "./media-query.service-CpP-qu5C.420e3a83.js";
+import { i as u } from "./utils-DytJsmhr.20b14d35.js";
 import "react";
 import "react-dom";
 const k = ".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}", r = "yyyy-MM-dd", g = class {

package/dist/{swirl-date-picker_2.entry.f49ece12.js → swirl-date-picker_2.entry.f61250b5.js}

@@ -1,5 +1,5 @@
-import { r as s, c, h as a, H as d, g as l, F as i } from "./index.6b86ee90.js";
-import { r as o, o as p } from "./utils-D_MUFqkF.654ff3ce.js";
+import { r as s, c, h as a, H as d, g as l, F as i } from "./index.9e1804e9.js";
+import { r as o, o as p } from "./utils-DytJsmhr.20b14d35.js";
 import { c as n } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-description-list-item.entry.c1b123a9.js → swirl-description-list-item.entry.20fca466.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as a, g as d } from "./index.6b86ee90.js";
+import { r as o, h as i, H as a, g as d } from "./index.9e1804e9.js";
 import { c as n } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-description-list.entry.f0f821ce.js → swirl-description-list.entry.ac1b0b13.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as e } from "./index.6b86ee90.js";
+import { r as t, h as i, H as e } from "./index.9e1804e9.js";
 import "react";
 import "react-dom";
 const c = ":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}", r = class {

package/dist/{swirl-dialog.entry.58fabe4a.js → swirl-dialog.entry.cc88334d.js}

@@ -1,4 +1,4 @@
-import { r as d, c as o, h as i, H as s, g as n } from "./index.6b86ee90.js";
+import { r as d, c as o, h as i, H as s, g as n } from "./index.9e1804e9.js";
 import { A as l } from "./a11y-dialog.esm-DyxMdBpZ.05195d89.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";

package/dist/{swirl-emoji-clap.entry.e386f9cd.js → swirl-emoji-clap.entry.995afce5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as a } from "./index.6b86ee90.js";
+import { r as e, h as i, F as a } from "./index.9e1804e9.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-happy.entry.d0356cb5.js → swirl-emoji-happy.entry.e7e75236.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as a } from "./index.6b86ee90.js";
+import { r as i, h as e, F as a } from "./index.9e1804e9.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-idea.entry.385ec7bb.js → swirl-emoji-idea.entry.26511f65.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as a } from "./index.6b86ee90.js";
+import { r as i, h as s, F as a } from "./index.9e1804e9.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-love.entry.89a94d3c.js → swirl-emoji-love.entry.8a6b359f.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.6b86ee90.js";
+import { r as i, h as s, F as t } from "./index.9e1804e9.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-sad.entry.275167a6.js → swirl-emoji-sad.entry.31523f23.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as a } from "./index.6b86ee90.js";
+import { r as i, h as e, F as a } from "./index.9e1804e9.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-thumbs-up.entry.00a9cc8e.js → swirl-emoji-thumbs-up.entry.65debc10.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as a } from "./index.6b86ee90.js";
+import { r as i, h as e, F as a } from "./index.9e1804e9.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji.entry.9b26e148.js → swirl-emoji.entry.1efe495b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.6b86ee90.js";
+import { r as i, h as e, H as t } from "./index.9e1804e9.js";
 import "react";
 import "react-dom";
 const a = ":host{display:inline-flex}", r = class {

package/dist/{swirl-file-chip.entry.c3010b0b.js → swirl-file-chip.entry.2e9a73d9.js}

@@ -1,12 +1,12 @@
-import { r as t, c as a, h as i, H as c } from "./index.6b86ee90.js";
-import { F as l } from "./FileSaver.min-DISpcNDq.9430eab9.js";
-import { c as r } from "./index-orsBiyT_.fc4357c3.js";
-import { a as n, b as p, c as d, e as h, f, h as u } from "./utils-D_MUFqkF.654ff3ce.js";
+import { r as a, c as t, h as i, H as c } from "./index.9e1804e9.js";
+import { c as l } from "./index-orsBiyT_.fc4357c3.js";
+import { F as r } from "./FileSaver.min-DISpcNDq.9430eab9.js";
+import { a as n, b as p, c as d, e as h, f, h as u } from "./utils-DytJsmhr.20b14d35.js";
 import "react";
 import "react-dom";
-const v = ":host{display:inline-block;max-width:100%}.file-chip{display:flex;position:relative;max-width:100%;min-width:15rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);background:var(--s-surface-default);border-radius:var(--s-border-radius-sm);outline:1px solid var(--s-border-strong);outline-offset:-1px;padding-right:var(--s-space-16);gap:var(--s-space-12)}.file-chip:hover.file-chip--one-action .file-chip__info>*,.file-chip:focus-within.file-chip--one-action .file-chip__info>*{width:calc(100% - 44px - var(--s-space-12))}.file-chip:hover.file-chip--two-actions .file-chip__info>*,.file-chip:focus-within.file-chip--two-actions .file-chip__info>*{width:calc(100% - 88px - var(--s-space-12))}.file-chip:hover .file-chip__actions,.file-chip:focus-within .file-chip__actions{opacity:1}.file-chip__icon{display:flex;flex-shrink:0;padding:var(--s-space-16);background:var(--s-surface-sunken-hovered);border-radius:var(--s-border-radius-sm) 0 0 var(--s-border-radius-sm);color:var(--s-icon-default)}.file-chip__info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex-grow:1}.file-chip__name{font-weight:var(--s-font-weight-semibold)}.file-chip__description{color:var(--s-text-subdued)}.file-chip__name,.file-chip__description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-chip__actions{display:flex;align-items:center;position:absolute;right:var(--s-space-16);top:0;bottom:0;opacity:0}.file-chip--type-image .file-chip__icon{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.file-chip--type-video .file-chip__icon{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.file-chip--type-audio .file-chip__icon{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.file-chip--type-pdf .file-chip__icon{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.file-chip--type-compressed .file-chip__icon{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.file-chip--type-document .file-chip__icon{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.file-chip--type-unknown .file-chip__icon{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}", w = class {
+const b = ":host{display:inline-block;max-width:100%}.file-chip{display:flex;position:relative;max-width:100%;min-width:15rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);background:var(--s-surface-default);border-radius:var(--s-border-radius-sm);outline:1px solid var(--s-border-strong);outline-offset:-1px;padding-right:var(--s-space-16);gap:var(--s-space-12)}.file-chip:hover.file-chip--one-action .file-chip__info>*,.file-chip:focus-within.file-chip--one-action .file-chip__info>*{width:calc(100% - 44px - var(--s-space-12))}.file-chip:hover.file-chip--two-actions .file-chip__info>*,.file-chip:focus-within.file-chip--two-actions .file-chip__info>*{width:calc(100% - 88px - var(--s-space-12))}.file-chip:hover .file-chip__actions,.file-chip:focus-within .file-chip__actions{opacity:1}.file-chip__icon{display:flex;flex-shrink:0;padding:var(--s-space-16);background:var(--s-surface-sunken-hovered);border-radius:var(--s-border-radius-sm) 0 0 var(--s-border-radius-sm);color:var(--s-icon-default)}.file-chip__info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex-grow:1}.file-chip__name{font-weight:var(--s-font-weight-semibold)}.file-chip__description{color:var(--s-text-subdued)}.file-chip__name,.file-chip__description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-chip__actions{display:flex;align-items:center;position:absolute;right:var(--s-space-16);top:0;bottom:0;opacity:0}.file-chip--type-image .file-chip__icon{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.file-chip--type-video .file-chip__icon{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.file-chip--type-audio .file-chip__icon{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.file-chip--type-pdf .file-chip__icon{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.file-chip--type-compressed .file-chip__icon{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.file-chip--type-document .file-chip__icon{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.file-chip--type-unknown .file-chip__icon{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}", v = class {
   constructor(e) {
-    t(this, e), this.preview = a(this, "preview", 7), this.download = a(this, "download", 7), this.loadingLabel = "Loading", this.downloadButtonLabel = "Download", this.previewButtonLabel = "Preview", this.isHovered = !1, this.fileType = "unknown", this.fileIconMap = {
+    a(this, e), this.preview = t(this, "preview", 7), this.download = t(this, "download", 7), this.loadingLabel = "Loading", this.downloadButtonLabel = "Download", this.previewButtonLabel = "Preview", this.isHovered = !1, this.fileType = "unknown", this.fileIconMap = {
       image: i("swirl-icon-image", null),
       video: i("swirl-icon-video-player", null),
       audio: i("swirl-icon-audio-file", null),
@@ -19,7 +19,7 @@ const v = ":host{display:inline-block;max-width:100%}.file-chip{display:flex;pos
         return;
       const s = this.name || this.url.split("/").pop();
       fetch(this.url).then((o) => o.blob()).then((o) => {
-        l.saveAs(o, s);
+        r.saveAs(o, s);
       });
     }, this.handlePreviewClick = () => {
       this.preview.emit();
@@ -38,12 +38,12 @@ const v = ":host{display:inline-block;max-width:100%}.file-chip{display:flex;pos
     n(this.type) ? this.fileType = "image" : p(this.type) ? this.fileType = "video" : d(this.type) ? this.fileType = "audio" : h(this.type) ? this.fileType = "pdf" : f(this.type) ? this.fileType = "compressed" : u(this.type) ? this.fileType = "document" : this.fileType = "unknown";
   }
   render() {
-    const e = +this.showPreviewButton + +this.showDownloadButton, s = r("file-chip", `file-chip--type-${this.fileType}`, {
+    const e = +this.showPreviewButton + +this.showDownloadButton, s = l("file-chip", `file-chip--type-${this.fileType}`, {
       "file-chip--loading": this.loading,
       "file-chip--one-action": e === 1,
       "file-chip--two-actions": e === 2
     });
-    return i(c, { key: "6af6f48ec9ca102508ceba20dcbeb5b2a1410aec" }, i("span", { key: "a38aa861437c0fb1f93c5441bc1976a1ad274976", role: "group", class: s }, i("span", { key: "e50283fc680f25f43ecf31d94391c4bf9a5272d4", class: "file-chip__icon" }, this.getFileIcon()), i("span", { key: "b600256b4c64a4cd1ee255ad588d6fce543ecb6c", class: "file-chip__info" }, i("span", { key: "92f62adbb196de12054eda267f42c020df384d2c", class: "file-chip__name", title: this.name }, this.name), this.description && i("span", { key: "e3c9aac57951b3aa3b0cbe2a4bd1f7615c26b18a", class: "file-chip__description" }, this.description)), i("swirl-button-group", { key: "2bdd53334a1b30764a5c7f88126f68a2787e14a0", class: "file-chip__actions" }, this.showPreviewButton && i("swirl-button", { key: "7e23da4e9051d274b475da9ab2c6a926850e7f33", variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: !0, part: "file-chip__preview" }), this.showDownloadButton && i("swirl-button", { key: "599aa1c93514372924bae4e4e32842b86d9545fb", variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: !0, part: "file-chip__download" }))));
+    return i(c, { key: "8683c37ce133158000cfd512ef8b26c4948dd7b3" }, i("span", { key: "ef3fffac8520bdc262a9c39b002ae11ed076a3ea", role: "group", class: s }, i("span", { key: "65fa8bbbcbb7336c72b5323f0858d142999a614b", class: "file-chip__icon" }, this.getFileIcon()), i("span", { key: "699d9eb61608e11cc0d5a90345bf7021df46b385", class: "file-chip__info" }, i("span", { key: "7f607757f73d49fcb4b88b0e6d1fa945ee0e4a07", class: "file-chip__name", title: this.name }, this.name), this.description && i("span", { key: "b7a06556b055eb59191516e7cf3937c1b29b7fcb", class: "file-chip__description" }, this.description)), i("swirl-button-group", { key: "e7aa324ba841f35812a2adafceaa3a48dc1fc662", class: "file-chip__actions" }, this.showPreviewButton && i("swirl-button", { key: "3416a8b7c69f91a79e80606d93deda5cb8fd635c", variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: !0, part: "file-chip__preview" }), this.showDownloadButton && i("swirl-button", { key: "97e8b8e12e4c43f2e0707ef1096c5f12bb07e077", variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: !0, part: "file-chip__download" }))));
   }
   static get watchers() {
     return {
@@ -51,7 +51,7 @@ const v = ":host{display:inline-block;max-width:100%}.file-chip{display:flex;pos
     };
   }
 };
-w.style = v;
+v.style = b;
 export {
-  w as swirl_file_chip
+  v as swirl_file_chip
 };

package/dist/{swirl-file-uploader.entry.a7adc84b.js → swirl-file-uploader.entry.ca70e0d1.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as e, H as d } from "./index.6b86ee90.js";
+import { r as o, c as r, h as e, H as d } from "./index.9e1804e9.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";