npm - @getflip/swirl-components-react - Versions diffs - 0.5.4 → 0.6.0 - Mend

@getflip/swirl-components-react 0.5.4 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (130) hide show

package/dist/{flip-link.entry.a601e659.js → flip-link.entry.794a2ace.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as r, H as t } from "./index.8a6afa38.js";
+import { r as i, h as r, H as t } from "./index.db0142c3.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}", a = class {

package/dist/{flip-list.entry.e97b64e5.js → flip-list.entry.cfabad4c.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, h as l, H as n } from "./index.8a6afa38.js";
+import { r as e, h as l, H as n } from "./index.db0142c3.js";
 import "react";
 import "react-dom";
 const r = ':host{display:block}:host *{box-sizing:border-box}.flip-list{line-height:var(--s-line-height-base)}.flip-list ul,.flip-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.flip-list ul li{padding-left:1.5rem}.flip-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.flip-list ol{counter-reset:item}.flip-list ol ol{counter-reset:letter}.flip-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.flip-list ol li{padding-left:1.5rem}.flip-list ol li:before{display:inline-block;min-width:1.5rem;font-variant-numeric:tabular-nums;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item}', s = class {

package/dist/{flip-modal.entry.62196dd6.js → flip-modal.entry.417eec10.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as h, c as l, h as a, H as p } from "./index.8a6afa38.js";
+import { r as h, c as l, h as a, H as p } from "./index.db0142c3.js";
 import { A as f } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as b, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as u } from "./index-6d2e18c6.289636d4.js";

package/dist/{flip-option-list-section.entry.cc512961.js → flip-option-list-section.entry.32b82230.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as i } from "./index.8a6afa38.js";
+import { r as o, h as t, H as i } from "./index.db0142c3.js";
 import "react";
 import "react-dom";
 const e = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-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 {

package/dist/{flip-pagination.entry.86221436.js → flip-pagination.entry.26a6546f.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as p, c as r, h as a, H as c } from "./index.8a6afa38.js";
+import { r as p, c as r, h as a, H as c } from "./index.db0142c3.js";
 import { c as g } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-pdf-reader.entry.239dc9f6.js → flip-pdf-reader.entry.167e616b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as e, H as s, g as n } from "./index.8a6afa38.js";
+import { r, h as e, H as s, g as n } from "./index.db0142c3.js";
 import { A as l } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d, e as c } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as p } from "./index-6d2e18c6.289636d4.js";

package/dist/{flip-popover.entry.af06c88d.js → flip-popover.entry.c368a29e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as m, c as s, h as n, H as v, g as f } from "./index.8a6afa38.js";
+import { r as m, c as s, h as n, H as v, g as f } from "./index.db0142c3.js";
 import { o as a, s as p, f as u, c as g, a as b } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
 import { e as l, d as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as k } from "./index-6d2e18c6.289636d4.js";

package/dist/{flip-progress-indicator.entry.18eb2982.js → flip-progress-indicator.entry.76a921da.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as n } from "./index.8a6afa38.js";
+import { r as t, h as s, H as n } from "./index.db0142c3.js";
 import { c } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-radio-group.entry.3d08d5dd.js → flip-radio-group.entry.c49798b5.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as r, H as l, g as n } from "./index.8a6afa38.js";
+import { r as o, c as s, h as r, H as l, g as n } from "./index.db0142c3.js";
 import "react";
 import "react-dom";
 const u = ".sc-flip-radio-group-h{display:block}.sc-flip-radio-group-h *.sc-flip-radio-group{box-sizing:border-box}.radio-group.sc-flip-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", d = class {

package/dist/{flip-radio.entry.896e860f.js → flip-radio.entry.e3900820.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, c as l, h as i, H as c } from "./index.8a6afa38.js";
+import { r as s, c as l, h as i, H as c } from "./index.db0142c3.js";
 import { c as t } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-resource-list-file-item.entry.bdeaff94.js → flip-resource-list-file-item.entry.39139674.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as l, c as a, h as e, H as n } from "./index.8a6afa38.js";
+import { r as l, c as a, h as e, H as n } from "./index.db0142c3.js";
 import { c } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-search.entry.a7723622.js → flip-search.entry.e9c816f6.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as c, c as r, h as a, H as i } from "./index.8a6afa38.js";
+import { r as c, c as r, h as a, H as i } from "./index.db0142c3.js";
 import { c as t } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-select.entry.67f8d274.js → flip-select.entry.57cc5141.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as n, c, h as e, H as r, g as p } from "./index.8a6afa38.js";
+import { r as n, c, h as e, H as r, g as p } from "./index.db0142c3.js";
 import { c as d } from "./index-6d2e18c6.289636d4.js";
 import { q as h } from "./utils-39b2afe8.37b54ba4.js";
 import "react";

package/dist/{flip-stack.entry.ae0e30e0.js → flip-stack.entry.6044521e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.8a6afa38.js";
+import { r as i, h as s, H as e } from "./index.db0142c3.js";
 import { c as n } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-switch.entry.15e69f20.js → flip-switch.entry.d945c48c.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as e, H as a, g as o } from "./index.8a6afa38.js";
+import { r as n, c as r, h as e, H as a, g as o } from "./index.db0142c3.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tab.entry.408a4490.js → flip-tab.entry.03ff282c.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.8a6afa38.js";
+import { r as s, h as a, H as i } from "./index.db0142c3.js";
 import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tabs.entry.f9149b77.js → flip-tabs.entry.eb300e41.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as e, H as o, g as b } from "./index.8a6afa38.js";
+import { r as i, c as r, h as e, H as o, g as b } from "./index.db0142c3.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tag.entry.dc627de9.js → flip-tag.entry.00f3929f.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, c as s, h as t, H as n } from "./index.8a6afa38.js";
+import { r as e, c as s, h as t, H as n } from "./index.db0142c3.js";
 import { c as i } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-text-input.entry.843f3fda.js → flip-text-input.entry.23139dd3.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as c } from "./index.8a6afa38.js";
+import { r as h, c as n, h as i, H as c } from "./index.db0142c3.js";
 import { c as d } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-theme-provider.entry.a02547bd.js → flip-theme-provider.entry.edf80cab.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as C, h as b, H } from "./index.8a6afa38.js";
+import { r as C, h as b, H } from "./index.db0142c3.js";
 import "react";
 import "react-dom";
 function h(e, t, n) {

package/dist/{flip-thumbnail.entry.75865e55.js → flip-thumbnail.entry.595fb74a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as a, H as s } from "./index.8a6afa38.js";
+import { r as t, h as a, H as s } from "./index.db0142c3.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-toast-provider.entry.b8341436.js → flip-toast-provider.entry.ce24ca49.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as a, H as e } from "./index.8a6afa38.js";
+import { r, h as a, H as e } from "./index.db0142c3.js";
 import "react";
 import "react-dom";
 const l = class {

package/dist/{flip-toast.entry.8b1bb57f.js → flip-toast.entry.c9c76480.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, c as a, h as t, H as e } from "./index.8a6afa38.js";
+import { r as i, c as a, h as t, H as e } from "./index.db0142c3.js";
 import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tooltip.entry.7ca0280e.js → flip-tooltip.entry.6ea92af7.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as n, h as o, H as l } from "./index.8a6afa38.js";
+import { r as n, h as o, H as l } from "./index.db0142c3.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
 import "react";
 import "react-dom";

package/dist/flip-tree-navigation-item.entry.5a653b08.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { r as a, h as i, H as s, g as o } from "./index.db0142c3.js";
+import { c as r } from "./index-6d2e18c6.289636d4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const n = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;color:var(--s-text-default);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:var(--s-space-8)}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline-color:var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}", c = class {
+  constructor(t) {
+    a(this, t), this.onKeyDown = (e) => {
+      e.code === "Space" ? e.preventDefault() : e.code === "Enter" && (e.preventDefault(), this.el.click());
+    }, this.onKeyUp = (e) => {
+      e.code === "Space" && (e.preventDefault(), this.el.click());
+    };
+  }
+  render() {
+    const t = r("tree-navigation-item", {
+      "tree-navigation-item--active": this.active,
+      "tree-navigation-item--has-icon": Boolean(this.icon)
+    });
+    return i(s, { class: t, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, role: "button", tabIndex: 0 }, this.icon && i("span", { class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { class: "tree-navigation-item__label" }, this.label));
+  }
+  get el() {
+    return o(this);
+  }
+};
+c.style = n;
+export {
+  c as flip_tree_navigation_item
+};

package/dist/{flip-video-thumbnail.entry.8af0911b.js → flip-video-thumbnail.entry.8cd49a7a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a } from "./index.8a6afa38.js";
+import { r as t, h as n, H as a } from "./index.db0142c3.js";
 import "react";
 import "react-dom";
 const e = `:host {

package/dist/{flip-visually-hidden.entry.2c99d2fc.js → flip-visually-hidden.entry.196fde6e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.8a6afa38.js";
+import { r, h as i, H as l } from "./index.db0142c3.js";
 import "react";
 import "react-dom";
 const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {