npm - @getflip/swirl-components-react - Versions diffs - 0.196.0 → 0.197.1 - Mend

@getflip/swirl-components-react 0.196.0 → 0.197.1

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 (292) hide show

package/dist/{swirl-symbol-settings-voice.entry.2b9c6b5f.js → swirl-symbol-settings-voice.entry.c653a6c3.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.def24d71.js";
+import { r as t, h as s, F as e } from "./index.a5290183.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-shopping-cart.entry.ca7559da.js → swirl-symbol-shopping-cart.entry.264feb48.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.def24d71.js";
+import { r as t, h as C, F as r } from "./index.a5290183.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-smartphone.entry.ee751b46.js → swirl-symbol-smartphone.entry.356e8452.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as i, F as e } from "./index.def24d71.js";
+import { r, h as i, F as e } from "./index.a5290183.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-star.entry.449d9797.js → swirl-symbol-star.entry.f84c3a93.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as i, F as l } from "./index.def24d71.js";
+import { r, h as i, F as l } from "./index.a5290183.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-supervisor-account.entry.8ed4d48a.js → swirl-symbol-supervisor-account.entry.0d511faa.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.def24d71.js";
+import { r as t, h as C, F as r } from "./index.a5290183.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-thumbs-up-down.entry.443a6bbe.js → swirl-symbol-thumbs-up-down.entry.89371d56.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as C } from "./index.def24d71.js";
+import { r as l, h as s, F as C } from "./index.a5290183.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-twitter.entry.46cd19a5.js → swirl-symbol-twitter.entry.592111c5.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as i, F as C } from "./index.def24d71.js";
+import { r, h as i, F as C } from "./index.a5290183.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wb-sunny.entry.08650b26.js → swirl-symbol-wb-sunny.entry.def5a83a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as l } from "./index.def24d71.js";
+import { r as t, h as s, F as l } from "./index.a5290183.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wechat.entry.36f7b0f4.js → swirl-symbol-wechat.entry.b8b97654.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.def24d71.js";
+import { r as t, h as s, F as e } from "./index.a5290183.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-weibo.entry.a7a33e62.js → swirl-symbol-weibo.entry.ceca9f72.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.def24d71.js";
+import { r as t, h as s, F as e } from "./index.a5290183.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-work.entry.f6c81d98.js → swirl-symbol-work.entry.06c63930.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as i, F as o } from "./index.def24d71.js";
+import { r, h as i, F as o } from "./index.a5290183.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-xing.entry.4d736de9.js → swirl-symbol-xing.entry.c12c92d5.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as l } from "./index.def24d71.js";
+import { r as C, h as i, F as l } from "./index.a5290183.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-youtube.entry.9b75211e.js → swirl-symbol-youtube.entry.99003d63.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as o } from "./index.def24d71.js";
+import { r as e, h as i, F as o } from "./index.a5290183.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol.entry.8ccd3a32.js → swirl-symbol.entry.d8a40b21.js} RENAMED Viewed

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

package/dist/{swirl-tab-bar.entry.8ae19f14.js → swirl-tab-bar.entry.6930cd0b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, c as i, h as e, H as s } from "./index.def24d71.js";
+import { r, c as i, h as e, H as s } from "./index.a5290183.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.8583cab1.js → swirl-tab.entry.bdedf943.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.def24d71.js";
+import { r as a, h as s, H as i } from "./index.a5290183.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.00063450.js → swirl-table-cell.entry.f20d1892.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.def24d71.js";
+import { r as e, h as s, H as l } from "./index.a5290183.js";
 import "react";
 import "react-dom";
 const t = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = class {

package/dist/{swirl-table-column.entry.c58cf0d1.js → swirl-table-column.entry.d3d4d5fe.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.def24d71.js";
+import { r as e, h as t, H as i, g as r } from "./index.a5290183.js";
 import { c as o } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.1f381400.js → swirl-table-row-group.entry.2f840945.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as r } from "./index.def24d71.js";
+import { r as o, h as e, H as l, g as r } from "./index.a5290183.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {

package/dist/{swirl-table-row.entry.beab36f2.js → swirl-table-row.entry.0102c137.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as o, g as r } from "./index.def24d71.js";
+import { r as s, h as e, H as o, g as r } from "./index.a5290183.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-c5f2f98f.af14538a.js";
 import "react";

package/dist/{swirl-table.entry.f9ed97dc.js → swirl-table.entry.43916b1a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as _, g as v } from "./index.def24d71.js";
+import { r as g, h as r, H as _, g as v } from "./index.a5290183.js";
 import { d as S, i as R } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.5822cef2.js → swirl-tabs.entry.5de16dc3.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as c, g as n } from "./index.def24d71.js";
+import { r as e, c as b, h as s, H as c, g as n } from "./index.a5290183.js";
 import "react";
 import "react-dom";
 const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = class {

package/dist/{swirl-text-input.entry.48892e94.js → swirl-text-input.entry.4c770aec.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.def24d71.js";
+import { r as h, c as n, h as i, H as d } from "./index.a5290183.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-c5f2f98f.af14538a.js";
 import "react";

package/dist/{swirl-text.entry.ca46590c.js → swirl-text.entry.288783ea.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as ot, h as Y, H as at, g as lt } from "./index.def24d71.js";
+import { r as ot, h as Y, H as at, g as lt } from "./index.a5290183.js";
 import { a as ct, c as ht, b as dt } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-theme-provider.entry.8ef9c170.js → swirl-theme-provider.entry.5df1648b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as m, c as o, h as a, H as d } from "./index.def24d71.js";
+import { r as m, c as o, h as a, H as d } from "./index.a5290183.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", h = "swirl-preferred-theme", c = class {

package/dist/{swirl-time-input.entry.0c9dcf08.js → swirl-time-input.entry.f8ee0a10.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.def24d71.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.a5290183.js";
 import { c as f } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as v } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-c5f2f98f.af14538a.js";

package/dist/{swirl-toast-provider.entry.78998849.js → swirl-toast-provider.entry.8636d80c.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as o, H as n } from "./index.def24d71.js";
+import { r, h as o, H as n } from "./index.a5290183.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.492a8ba6.js → swirl-toast.entry.6fcc09d0.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.def24d71.js";
+import { r as o, c as n, h as i, H as r } from "./index.a5290183.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-c5f2f98f.af14538a.js";
 import "react";

package/dist/{swirl-toolbar.entry.4b01571e.js → swirl-toolbar.entry.23264142.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.def24d71.js";
+import { r as n, h as s, H as i, g as r } from "./index.a5290183.js";
 import { b as c } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.3518f470.js → swirl-tooltip.entry.319754fd.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as p, h as o, H as h, g as d } from "./index.def24d71.js";
+import { r as p, h as o, H as h, g as d } from "./index.a5290183.js";
 import { b as c, c as m, a as u, o as w, s as f, f as b } from "./floating-ui.dom.esm-b73e243b.647a7c7e.js";
 import { c as _ } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.a3070ba9.js → swirl-tree-navigation-item.entry.c8254019.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.def24d71.js";
+import { r, h as i, H as n, g as s } from "./index.a5290183.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.ef5e4d06.js → swirl-video-thumbnail.entry.e96b11ae.js} RENAMED Viewed

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

package/dist/{swirl-visually-hidden.entry.6b63efc2.js → swirl-visually-hidden.entry.259640c3.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.def24d71.js";
+import { r, h as i, H as l } from "./index.a5290183.js";
 import "react";
 import "react-dom";
 const e = ".sc-swirl-visually-hidden-h{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)}", n = class {

package/dist/{wc-datepicker.entry.eeb7693f.js → wc-datepicker.entry.d923f766.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.def24d71.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.a5290183.js";
 import "react";
 import "react-dom";
 function F(e, t) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.196.0",
+  "version": "0.197.1",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.196.0",
+    "@getflip/swirl-components": "^0.197.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-banner.entry.4d2b9886.js DELETED Viewed

@@ -1,47 +0,0 @@
-import { r as o, c as r, h as t, H as c, g as l } from "./index.def24d71.js";
-import { c as b } from "./index-d280dafb.186cdb0e.js";
-import { g as d } from "./utils-c5f2f98f.af14538a.js";
-import "react";
-import "react-dom";
-const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:baseline}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{margin-right:var(--s-space-8);flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-right:var(--s-space-4);margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{position:relative;top:var(--s-space-4);display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);flex-shrink:0;align-items:center;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", u = {
-  default: void 0,
-  critical: "<swirl-icon-error></swirl-icon-error>",
-  success: "<swirl-icon-check-circle></swirl-icon-check-circle>",
-  warning: "<swirl-icon-warning></swirl-icon-warning>",
-  info: "<swirl-icon-info></swirl-icon-info>"
-}, _ = class {
-  constructor(e) {
-    o(this, e), this.action = r(this, "action", 7), this.dismiss = r(this, "dismiss", 7), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (n) => {
-      this.forceIconProps(n.matches);
-    }, this.onAction = (n) => {
-      this.action.emit(n);
-    }, this.onDismiss = (n) => {
-      this.dismiss.emit(n);
-    }, this.actionLabel = void 0, this.content = void 0, this.dismissable = !1, this.dismissLabel = "Dismiss", this.importance = "status", this.intent = "default", this.showIcon = !1, this.size = "m";
-  }
-  componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
-  }
-  disconnectedCallback() {
-    var e, n;
-    (n = (e = this.desktopMediaQuery).removeEventListener) == null || n.call(e, "change", this.desktopMediaQueryHandler);
-  }
-  forceIconProps(e) {
-    var a, s;
-    const n = (a = this.iconEl) == null ? void 0 : a.children[0], i = (s = this.dismissButtonEl) == null ? void 0 : s.children[0];
-    n == null || n.setAttribute("size", e ? "20" : "24"), i == null || i.setAttribute("size", e ? "20" : "24");
-  }
-  render() {
-    const e = u[this.intent], n = Boolean(this.actionLabel) || this.dismissable, i = this.showIcon && Boolean(e), a = b("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
-      "banner--has-icon": i
-    });
-    return t(c, null, t("div", { "aria-describedby": "content", class: a, role: this.importance, tabIndex: 0 }, i && t("span", { "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (s) => this.iconEl = s }), t("span", { class: "banner__content", id: "content", part: "banner__content" }, this.content), n && t("span", { class: "banner__controls" }, this.actionLabel && t("button", { class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (s) => this.dismissButtonEl = s, type: "button" }, t("swirl-icon-close", null)))));
-  }
-  get element() {
-    return l(this);
-  }
-};
-_.style = h;
-export {
-  _ as swirl_banner
-};