@getflip/swirl-components-react 0.36.0 → 0.37.1

package/dist/{wc-datepicker.entry.947617b4.js → wc-datepicker.entry.27fa1908.js}

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

package/package.json

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

package/dist/swirl-pagination.entry.3946d93f.js

@@ -1,26 +0,0 @@
-import { r, c as p, h as a, H as c } from "./index.bd28426e.js";
-import { c as g } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const h = ":host{display:block;width:100%}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-right:var(--s-space-16);border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}.pagination__page-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}", d = class {
-  constructor(i) {
-    r(this, i), this.setPage = p(this, "setPage", 7), this.onPrevButtonClick = () => {
-      const e = Math.max(this.page - 1, 1);
-      this.page !== e && this.setPage.emit(e);
-    }, this.onNextButtonClick = () => {
-      const e = Math.min(this.page + 1, this.pages);
-      this.page !== e && this.setPage.emit(e);
-    }, this.onSelect = (e) => {
-      const t = +e.target.value;
-      this.page !== t && this.setPage.emit(t);
-    }, this.accessibleNextButtonLabel = "Next page", this.accessiblePrevButtonLabel = "Previous page", this.nextButtonLabel = "Next", this.pageLabel = "out of", this.prevButtonLabel = "Prev", this.label = void 0, this.page = void 0, this.pages = void 0, this.pageSelectLabel = "Select a page", this.variant = "default";
-  }
-  render() {
-    const i = this.variant !== "advanced", e = this.variant !== "simple", t = this.variant === "advanced", s = `${this.page} ${this.pageLabel} ${this.pages}`, l = g("pagination", `pagination--variant-${this.variant}`);
-    return a(c, null, a("nav", { "aria-label": this.label, class: l }, a("ul", { class: "pagination__list", part: "pagination__list" }, a("li", { class: "pagination__list-item" }, a("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, swirlAriaLabel: this.accessiblePrevButtonLabel, hideLabel: i, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), e ? a("li", { class: "pagination__list-item" }, a("span", null, t ? a("span", { "aria-current": "page", class: "pagination__advanced-label" }, a("span", { class: "pagination__page-select-container" }, a("select", { "aria-label": this.pageSelectLabel, class: "pagination__page-select", onChange: this.onSelect }, new Array(this.pages).fill(void 0).map((n, o) => o + 1).map((n) => a("option", { selected: this.page === n, value: String(n) }, n))), a("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-select-icon", size: 16 })), a("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages)) : a("span", { "aria-current": "page" }, s))) : a("li", { class: "pagination__list-item" }, a("swirl-visually-hidden", null, a("span", { "aria-current": "page" }, s))), a("li", { class: "pagination__list-item" }, a("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, swirlAriaLabel: this.accessibleNextButtonLabel, hideLabel: i, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })))));
-  }
-};
-d.style = h;
-export {
-  d as swirl_pagination
-};