@indielayer/ui 0.0.0-dev-20240125104319

package/lib/components/notifications/Notifications.vue.js

@@ -0,0 +1,236 @@
+import { defineComponent as I, ref as f, provide as O, watch as $, openBlock as a, createElementBlock as m, Fragment as K, renderSlot as q, createBlock as k, Teleport as J, createElementVNode as x, normalizeStyle as A, unref as l, normalizeClass as b, createVNode as D, TransitionGroup as Q, withCtx as U, renderList as W, createCommentVNode as g, toDisplayString as C } from "vue";
+import { injectNotificationKey as Y } from "../../composables/keys.js";
+import { useColors as H } from "../../composables/useColors.js";
+import { useCSS as Z } from "../../composables/useCSS.js";
+import { useTheme as ee } from "../../composables/useTheme.js";
+import { closeIcon as oe } from "../../common/icons.js";
+import E from "../icon/Icon.vue.js";
+import te from "../spacer/Spacer.js";
+const se = { class: "flex items-center flex-wrap" }, re = {
+  key: 0,
+  class: "font-medium mr-2"
+}, ae = ["onClick"], le = {
+  ...H.props("primary"),
+  align: {
+    type: String,
+    default: "right",
+    validator: (n) => _.align.includes(n)
+  },
+  position: {
+    type: String,
+    default: "bottom",
+    validator: (n) => _.position.includes(n)
+  },
+  timeout: {
+    type: Number,
+    default: 3500
+  },
+  removable: {
+    type: Boolean,
+    default: !0
+  },
+  injectKey: {
+    type: [Symbol, String],
+    default: Y
+  }
+}, _ = {
+  align: ["left", "right"],
+  position: ["bottom", "top"]
+}, ne = {
+  name: "XNotifications",
+  validators: _
+}, ge = /* @__PURE__ */ I({
+  ...ne,
+  props: le,
+  setup(n, { expose: L }) {
+    const s = n, i = f(s.align), r = f(s.position), p = f([]), z = f(null), R = Z("notification"), M = H();
+    O(s.injectKey, {
+      log: w,
+      info: S,
+      warn: d,
+      error: P,
+      warning: d,
+      success: N
+    }), $(() => s.align, (o) => {
+      i.value = o;
+    }), $(() => s.position, (o) => {
+      r.value = o;
+    });
+    function w(o) {
+      const t = typeof o == "string", e = {
+        message: t ? o : void 0
+      };
+      c(t ? e : {
+        ...e,
+        ...o
+      });
+    }
+    function S(o) {
+      const t = typeof o == "string", e = {
+        icon: '<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />',
+        iconColor: "sky",
+        message: t ? o : void 0
+      };
+      c(t ? e : {
+        ...e,
+        ...o
+      });
+    }
+    function N(o) {
+      const t = typeof o == "string", e = {
+        icon: '<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />',
+        iconColor: "success",
+        message: t ? o : void 0
+      };
+      c(t ? e : {
+        ...e,
+        ...o
+      });
+    }
+    function d(o) {
+      const t = typeof o == "string", e = {
+        icon: '<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />',
+        iconColor: "warning",
+        message: t ? o : void 0
+      };
+      c(t ? e : {
+        ...e,
+        ...o
+      });
+    }
+    function P(o) {
+      const t = typeof o == "string", e = {
+        icon: '<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />',
+        iconColor: "error",
+        message: t ? o : void 0
+      };
+      c(t ? e : {
+        ...e,
+        ...o
+      });
+    }
+    function c(o) {
+      var V, j;
+      const e = {
+        ...{
+          id: Date.now(),
+          iconColor: s.color,
+          timeout: s.timeout,
+          align: i.value,
+          position: r.value,
+          removable: s.removable
+        },
+        ...o
+      };
+      i.value = e.align, r.value = e.position;
+      const u = M.getPalette(e.iconColor), v = M.getPalette(((V = e.action) == null ? void 0 : V.color) || "primary"), T = R.variables({
+        icon: u[400],
+        action: v[400],
+        hover: {
+          action: v[500]
+        },
+        dark: {
+          icon: u[500],
+          action: v[500],
+          hover: {
+            action: v[600]
+          }
+        }
+      });
+      e.style = Object.keys(T).map((B) => `${B}: ${T[B]}`).join(";"), p.value.push(e), (j = z.value) == null || j.scrollTo({ top: 0, behavior: "smooth" }), e.timeout && X(e, e.timeout);
+    }
+    function y(o) {
+      p.value = p.value.filter((t) => t.id !== o.id);
+    }
+    function X(o, t) {
+      setTimeout(() => {
+        y(o);
+      }, t);
+    }
+    const { styles: F, classes: h, className: G } = ee("Notifications", {}, s);
+    return L({ log: w, info: S, success: N, warn: d, warning: d, error: P }), (o, t) => (a(), m(K, null, [
+      q(o.$slots, "default"),
+      (a(), k(J, { to: "body" }, [
+        x("div", {
+          ref_key: "listRef",
+          ref: z,
+          style: A(l(F)),
+          class: b([
+            l(G),
+            l(h).wrapper,
+            {
+              // align
+              "left-0": i.value === "left",
+              "right-0": i.value === "right",
+              // position
+              "top-0": r.value === "top",
+              "bottom-0": r.value === "bottom"
+            }
+          ])
+        }, [
+          D(Q, {
+            tag: "ul",
+            class: b([
+              l(h).list,
+              { "flex-col-reverse": r.value }
+            ]),
+            "enter-active-class": "transition ease-out duration-200",
+            "leave-active-class": "transition ease-out duration-100",
+            "enter-from-class": "transform translate-y-2 opacity-0",
+            "enter-to-class": "transform translate-y-0 opacity-100",
+            "leave-from-class": "transform translate-y-0 opacity-100",
+            "leave-to-class": "transform translate-y-2 opacity-0",
+            "move-class": "ease-in-out duration-200"
+          }, {
+            default: U(() => [
+              (a(!0), m(K, null, W(p.value, (e) => (a(), m("li", {
+                key: e.id,
+                class: b([
+                  l(h).item,
+                  {
+                    "mb-2": r.value === "bottom",
+                    "mt-2": r.value === "top"
+                  }
+                ]),
+                style: A(e.style)
+              }, [
+                e.icon ? (a(), k(E, {
+                  key: 0,
+                  filled: "",
+                  icon: e.icon,
+                  class: "mr-4 text-[color:var(--x-notification-icon)] dark:text-[color:var(--x-notification-dark-icon)]",
+                  viewBox: "0 0 20 20"
+                }, null, 8, ["icon"])) : g("", !0),
+                x("div", se, [
+                  e.title ? (a(), m("span", re, C(e.title), 1)) : g("", !0),
+                  x("span", null, C(e.message), 1)
+                ]),
+                D(l(te)),
+                e.action ? (a(), m("button", {
+                  key: 1,
+                  class: "ml-3 font-medium cursor-pointer text-[color:var(--x-notification-action)] hover:text-[color:var(--x-notification-action-hover)] dark:text-[color:var(--x-notification-dark-action)] dark:hover:text-[color:var(--x-notification-dark-action-hover)]",
+                  onClick: () => {
+                    var u;
+                    (u = e.action) == null || u.onClick(), y(e);
+                  }
+                }, C(e.action.label), 9, ae)) : g("", !0),
+                e.removable ? (a(), k(E, {
+                  key: 2,
+                  icon: l(oe),
+                  class: "text-gray-400 hover:text-gray-500 ml-3 cursor-pointer",
+                  onClick: () => {
+                    y(e);
+                  }
+                }, null, 8, ["icon", "onClick"])) : g("", !0)
+              ], 6))), 128))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 6)
+      ]))
+    ], 64));
+  }
+});
+export {
+  ge as default
+};

package/lib/components/notifications/Notifications.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Notifications.vue.js";
+export {
+  f as default
+};

package/lib/components/notifications/__tests__/Notifications.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/notifications/index.d.ts

@@ -0,0 +1,2 @@
+export { default as XNotifications } from './Notifications.vue';
+export type { NotificationsProps, NotificationEvent, NotificationsAction, NotificationsAlign, NotificationsPosition, NotificationsTheme, } from './Notifications.vue';

package/lib/components/notifications/theme/Notifications.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { NotificationsTheme } from '../Notifications.vue';
+declare const theme: NotificationsTheme;
+export default theme;

package/lib/components/notifications/theme/Notifications.base.theme.js

@@ -0,0 +1,10 @@
+const e = {
+  classes: {
+    wrapper: "fixed z-50 w-full sm:w-auto overflow-y-auto max-h-screen",
+    list: "flex flex-col items-end w-full sm:w-[520px] px-4",
+    item: "w-full flex items-center rounded-md px-4 py-3 bg-gray-800 dark:bg-gray-50 text-white dark:text-gray-900 border border-gray-700 dark:border-gray-100"
+  }
+}, r = e;
+export {
+  r as default
+};

package/lib/components/notifications/theme/Notifications.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { NotificationsTheme } from '../Notifications.vue';
+declare const theme: NotificationsTheme;
+export default theme;

package/lib/components/notifications/theme/Notifications.carbon.theme.js

@@ -0,0 +1,10 @@
+const e = {
+  classes: {
+    wrapper: "fixed z-50 w-full sm:w-auto overflow-y-auto max-h-screen",
+    list: "flex flex-col items-end w-full sm:w-[520px] px-4",
+    item: () => ["w-full flex items-center px-4 py-3 bg-gray-800 dark:bg-gray-50 text-white dark:text-gray-900 border-l-2 border-[color:var(--x-notification-icon)]"]
+  }
+}, r = e;
+export {
+  r as default
+};

package/lib/components/pagination/Pagination.vue.d.ts

@@ -0,0 +1,76 @@
+import { type PropType, type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const paginationVariant: readonly ["simple", "quick", "dots"];
+declare const paginationProps: {
+    links: BooleanConstructor;
+    totalPages: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    variant: {
+        type: PropType<"dots" | "simple" | "quick">;
+        default: string;
+    };
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type PaginationVariant = typeof paginationVariant[number];
+export type PaginationProps = ExtractPublicPropTypes<typeof paginationProps>;
+type InternalClasses = 'wrapper' | 'dots';
+export interface PaginationTheme extends ThemeComponent<PaginationProps, InternalClasses> {
+}
+declare const _default: import("vue").DefineComponent<{
+    links: BooleanConstructor;
+    totalPages: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    variant: {
+        type: PropType<"dots" | "simple" | "quick">;
+        default: string;
+    };
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    links: BooleanConstructor;
+    totalPages: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    variant: {
+        type: PropType<"dots" | "simple" | "quick">;
+        default: string;
+    };
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    size: import("../../composables/useCommon").Size;
+    modelValue: number;
+    links: boolean;
+    totalPages: number;
+    variant: "dots" | "simple" | "quick";
+}, {}>;
+export default _default;

package/lib/components/pagination/Pagination.vue.js

@@ -0,0 +1,131 @@
+import { defineComponent as E, computed as v, ref as X, watch as D, openBlock as o, createElementBlock as n, normalizeStyle as F, unref as s, normalizeClass as c, Fragment as u, createVNode as r, createElementVNode as g, withKeys as L, toDisplayString as Q, createBlock as m, createCommentVNode as d, renderList as P } from "vue";
+import { useTheme as T } from "../../composables/useTheme.js";
+import { useCommon as C } from "../../composables/useCommon.js";
+import { prevIcon as U, nextIcon as j, dotsIcon as y } from "../../common/icons.js";
+import b from "../icon/Icon.vue.js";
+import A from "../input/Input.vue.js";
+import I from "../button/Button.vue.js";
+import f from "./PaginationItem.vue.js";
+const G = { class: "mx-9 flex items-center" }, H = /* @__PURE__ */ g("span", { class: "text-gray-600 mr-2" }, "Page", -1), J = { class: "text-gray-600 ml-2" }, M = ["onClick"], O = ["simple", "quick", "dots"], R = {
+  ...C.props(),
+  links: Boolean,
+  totalPages: {
+    type: Number,
+    default: 1
+  },
+  modelValue: {
+    type: Number,
+    default: 1
+  },
+  variant: {
+    type: String,
+    default: "simple"
+  }
+}, W = {
+  name: "XPagination",
+  validators: {
+    ...C.validators(),
+    variant: O
+  }
+}, te = /* @__PURE__ */ E({
+  ...W,
+  props: R,
+  emits: ["update:modelValue"],
+  setup($, { emit: w }) {
+    const l = $, p = w, B = v(() => l.totalPages === 3 ? [2] : l.totalPages > 2 ? l.modelValue === 1 || l.modelValue === 2 ? [2, 3] : l.modelValue === l.totalPages || l.modelValue === l.totalPages - 1 ? [l.totalPages - 2, l.totalPages - 1] : [l.modelValue - 1, l.modelValue, l.modelValue + 1] : []), i = X(l.modelValue + "");
+    function N() {
+      const e = parseInt(i.value);
+      e >= 0 && e <= l.totalPages ? p("update:modelValue", e) : i.value = l.modelValue + "";
+    }
+    D(() => l.modelValue, (e) => {
+      i.value = l.modelValue + "";
+    });
+    function q() {
+      l.modelValue > 1 && p("update:modelValue", l.modelValue - 1);
+    }
+    function S() {
+      l.modelValue < l.totalPages && p("update:modelValue", l.modelValue + 1);
+    }
+    const V = v(() => l.size === "xs" ? "xs" : l.size === "sm" ? "sm" : l.size === "lg" ? "md" : l.size === "xl" ? "lg" : "sm"), { styles: K, classes: k, className: h } = T("Pagination", {}, l);
+    return (e, t) => (o(), n("ul", {
+      style: F(s(K)),
+      class: c([
+        s(h),
+        s(k).wrapper
+      ])
+    }, [
+      e.variant === "quick" ? (o(), n(u, { key: 0 }, [
+        r(I, {
+          "icon-left": s(U),
+          size: V.value,
+          disabled: e.modelValue <= 1,
+          onClick: q
+        }, null, 8, ["icon-left", "size", "disabled"]),
+        g("div", G, [
+          H,
+          r(A, {
+            modelValue: i.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => i.value = a),
+            size: e.size,
+            class: "text-center w-16",
+            "hide-footer": "",
+            onKeydown: L(N, ["enter"])
+          }, null, 8, ["modelValue", "size", "onKeydown"]),
+          g("span", J, "of " + Q(e.totalPages), 1)
+        ]),
+        r(I, {
+          "icon-left": s(j),
+          size: V.value,
+          disabled: e.modelValue >= e.totalPages,
+          onClick: S
+        }, null, 8, ["icon-left", "size", "disabled"])
+      ], 64)) : e.variant === "simple" ? (o(), n(u, { key: 1 }, [
+        r(f, {
+          value: 1,
+          links: e.links,
+          size: e.size,
+          selected: e.modelValue === 1,
+          onInput: t[1] || (t[1] = (a) => e.$emit("update:modelValue", a))
+        }, null, 8, ["links", "size", "selected"]),
+        e.totalPages > 3 && e.modelValue > 3 ? (o(), m(b, {
+          key: 0,
+          class: "mx-1",
+          icon: s(y),
+          size: e.size
+        }, null, 8, ["icon", "size"])) : d("", !0),
+        (o(!0), n(u, null, P(B.value, (a) => (o(), m(f, {
+          key: a,
+          value: a,
+          links: e.links,
+          size: e.size,
+          selected: e.modelValue === a,
+          onInput: t[2] || (t[2] = (z) => e.$emit("update:modelValue", z))
+        }, null, 8, ["value", "links", "size", "selected"]))), 128)),
+        e.totalPages > 3 && e.modelValue < e.totalPages - 2 ? (o(), m(b, {
+          key: 1,
+          class: "mx-1",
+          icon: s(y),
+          size: e.size
+        }, null, 8, ["icon", "size"])) : d("", !0),
+        e.totalPages > 1 ? (o(), m(f, {
+          key: 2,
+          value: e.totalPages,
+          links: e.links,
+          size: e.size,
+          selected: e.modelValue === e.totalPages,
+          onInput: t[3] || (t[3] = (a) => e.$emit("update:modelValue", a))
+        }, null, 8, ["value", "links", "size", "selected"])) : d("", !0)
+      ], 64)) : e.variant === "dots" ? (o(!0), n(u, { key: 2 }, P(e.totalPages, (a) => (o(), n("li", {
+        key: a,
+        class: c(["rounded-full cursor-pointer", [
+          s(k).dots,
+          a === e.modelValue ? "bg-[color:var(--x-pagination-bg)]" : "bg-gray-100 hover:bg-gray-200"
+        ]]),
+        onClick: (z) => e.$emit("update:modelValue", a)
+      }, null, 10, M))), 128)) : d("", !0)
+    ], 6));
+  }
+});
+export {
+  te as default
+};

package/lib/components/pagination/Pagination.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Pagination.vue.js";
+export {
+  f as default
+};

package/lib/components/pagination/PaginationItem.vue.d.ts

@@ -0,0 +1,52 @@
+import { type ThemeComponent } from '../../composables/useTheme';
+import type { ExtractPublicPropTypes } from 'vue';
+declare const paginationItemProps: {
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selected: BooleanConstructor;
+    links: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type PaginationItemProps = ExtractPublicPropTypes<typeof paginationItemProps>;
+type InternalClasses = 'wrapper';
+export interface PaginationItemTheme extends ThemeComponent<PaginationItemProps, InternalClasses> {
+}
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selected: BooleanConstructor;
+    links: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selected: BooleanConstructor;
+    links: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>> & {
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
+    size: import("../../composables/useCommon").Size;
+    value: number;
+    selected: boolean;
+    links: boolean;
+}, {}>;
+export default _default;

package/lib/components/pagination/PaginationItem.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent as m, openBlock as p, createElementBlock as u, createVNode as d, normalizeStyle as c, unref as o, normalizeClass as f, withCtx as v, createTextVNode as y, toDisplayString as g } from "vue";
+import { useTheme as k } from "../../composables/useTheme.js";
+import { useCommon as l } from "../../composables/useCommon.js";
+import z from "../button/Button.vue.js";
+const B = {
+  ...l.props(),
+  value: {
+    type: Number,
+    default: 0
+  },
+  selected: Boolean,
+  links: Boolean
+}, C = {
+  name: "XPaginationItem",
+  validators: {
+    ...l.validators()
+  }
+}, S = /* @__PURE__ */ m({
+  ...C,
+  props: B,
+  emits: ["input"],
+  setup(s) {
+    const n = s, { styles: a, classes: i, className: r } = k("PaginationItem", {}, n);
+    return (e, t) => (p(), u("li", null, [
+      d(z, {
+        to: e.links ? `?page=${e.value}` : void 0,
+        size: e.size,
+        style: c(o(a)),
+        class: f([
+          o(r),
+          o(i).wrapper
+        ]),
+        outlined: !e.selected,
+        color: e.selected ? "primary" : void 0,
+        onClick: t[0] || (t[0] = (N) => e.selected ? null : e.$emit("input", e.value))
+      }, {
+        default: v(() => [
+          y(g(e.value), 1)
+        ]),
+        _: 1
+      }, 8, ["to", "size", "style", "class", "outlined", "color"])
+    ]));
+  }
+});
+export {
+  S as default
+};

package/lib/components/pagination/PaginationItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./PaginationItem.vue.js";
+export {
+  f as default
+};

package/lib/components/pagination/__tests__/Pagination.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/pagination/__tests__/PaginationItem.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/pagination/index.d.ts

@@ -0,0 +1,4 @@
+export { default as XPagination } from './Pagination.vue';
+export type { PaginationProps, PaginationVariant, PaginationTheme } from './Pagination.vue';
+export { default as XPaginationItem } from './PaginationItem.vue';
+export type { PaginationItemProps, PaginationItemTheme } from './PaginationItem.vue';

package/lib/components/pagination/theme/Pagination.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationTheme } from '../Pagination.vue';
+declare const theme: PaginationTheme;
+export default theme;

package/lib/components/pagination/theme/Pagination.base.theme.js

@@ -0,0 +1,13 @@
+const s = {
+  classes: {
+    wrapper: ({ props: e }) => e.variant === "simple" ? "flex items-center space-x-2" : e.variant === "dots" ? "flex space-x-6" : "flex items-center",
+    dots: ({ props: e }) => e.size === "xs" ? "h-2 w-2" : e.size === "sm" ? "h-3 w-3" : e.size === "lg" ? "h-4 w-4" : e.size === "xl" ? "h-5 w-5" : "h-3 w-3"
+  },
+  styles: ({ css: e, colors: t }) => {
+    const r = t.getPalette("primary");
+    return e.get("bg", r[500]);
+  }
+}, i = s;
+export {
+  i as default
+};

package/lib/components/pagination/theme/Pagination.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationTheme } from '../Pagination.vue';
+declare const theme: PaginationTheme;
+export default theme;

package/lib/components/pagination/theme/Pagination.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Pagination.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/pagination/theme/PaginationItem.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationItemTheme } from '../PaginationItem.vue';
+declare const theme: PaginationItemTheme;
+export default theme;

package/lib/components/pagination/theme/PaginationItem.base.theme.js

@@ -0,0 +1,8 @@
+const n = {
+  classes: {
+    wrapper: ({ props: e }) => e.size === "xs" ? "!leading-none !p-1 min-w-[1.375rem]" : e.size === "sm" ? "!leading-none !p-2 min-w-[2rem]" : e.size === "lg" ? "!leading-none !p-3 min-w-[2.75rem]" : e.size === "xl" ? "!leading-none !p-4 min-w-[3.375rem]" : "!leading-none !p-2 min-w-[2.125rem]"
+  }
+}, i = n;
+export {
+  i as default
+};

package/lib/components/pagination/theme/PaginationItem.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationItemTheme } from '../PaginationItem.vue';
+declare const theme: PaginationItemTheme;
+export default theme;

package/lib/components/pagination/theme/PaginationItem.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./PaginationItem.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};