@stackshift-ui/swiper-pagination 7.0.0-beta.0 → 7.0.0-beta.3

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.
@@ -0,0 +1,37 @@
1
+ // src/swiper-pagination.tsx
2
+ import { DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
3
+ import cn from "classnames";
4
+ import { jsx } from "react/jsx-runtime";
5
+ var displayName = "SwiperPagination";
6
+ var SwiperPagination = ({
7
+ isActive = false,
8
+ colorScheme = "blue",
9
+ onClick,
10
+ ariaLabel,
11
+ children,
12
+ className,
13
+ as = "button",
14
+ ...props
15
+ }) => {
16
+ const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
17
+ const variantClass = {
18
+ blue: `mr-1 ${isActive ? "bg-primary" : "bg-gray-200"} rounded-full p-1 focus:outline-none`,
19
+ white: `mr-2 inline-block h-2 w-2 rounded-full ${isActive ? "bg-white focus:outline-none" : "bg-gray-500 focus:outline-none"}`
20
+ };
21
+ const classes = variantClass[colorScheme];
22
+ return /* @__PURE__ */ jsx(
23
+ Component,
24
+ {
25
+ onClick,
26
+ "aria-label": ariaLabel,
27
+ as,
28
+ className: cn(classes, className),
29
+ ...props
30
+ }
31
+ );
32
+ };
33
+ SwiperPagination.displayName = displayName;
34
+
35
+ export {
36
+ SwiperPagination
37
+ };
@@ -0,0 +1 @@
1
+ import{DefaultComponent as p,useStackShiftUIComponents as m}from"@stackshift-ui/system";import u from"classnames";import{jsx as b}from"react/jsx-runtime";var o="SwiperPagination",g=({isActive:e=!1,colorScheme:n="blue",onClick:a,ariaLabel:t,children:f,className:i,as:r="button",...l})=>{let{[o]:s=p}=m(),c={blue:`mr-1 ${e?"bg-primary":"bg-gray-200"} rounded-full p-1 focus:outline-none`,white:`mr-2 inline-block h-2 w-2 rounded-full ${e?"bg-white focus:outline-none":"bg-gray-500 focus:outline-none"}`}[n];return b(s,{onClick:a,"aria-label":t,as:r,className:u(c,i),...l})};g.displayName=o;export{g as a};
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var y=Object.create;var i=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var P=(e,o)=>{for(var n in o)i(e,n,{get:o[n],enumerable:!0})},s=(e,o,n,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of C(o))!w.call(e,a)&&a!==n&&i(e,a,{get:()=>o[a],enumerable:!(t=h(o,a))||t.enumerable});return e};var N=(e,o,n)=>(n=e!=null?y(S(e)):{},s(o||!e||!e.__esModule?i(n,"default",{value:e,enumerable:!0}):n,e)),T=e=>s(i({},"__esModule",{value:!0}),e);var k={};P(k,{SwiperPagination:()=>p});module.exports=T(k);var r=require("@stackshift-ui/system"),c=N(require("classnames")),m=require("react/jsx-runtime"),l="SwiperPagination",p=({isActive:e=!1,colorScheme:o="blue",onClick:n,ariaLabel:t,children:a,className:u,as:d="button",...f})=>{let{[l]:g=r.DefaultComponent}=(0,r.useStackShiftUIComponents)(),b={blue:`mr-1 ${e?"bg-primary":"bg-gray-200"} rounded-full p-1 focus:outline-none`,white:`mr-2 inline-block h-2 w-2 rounded-full ${e?"bg-white focus:outline-none":"bg-gray-500 focus:outline-none"}`}[o];return(0,m.jsx)(g,{onClick:n,"aria-label":t,as:d,className:(0,c.default)(b,u),...f,"data-testid":l})};p.displayName=l;0&&(module.exports={SwiperPagination});
2
+ "use strict";var y=Object.create;var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var P=(e,o)=>{for(var n in o)r(e,n,{get:o[n],enumerable:!0})},l=(e,o,n,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of C(o))!w.call(e,a)&&a!==n&&r(e,a,{get:()=>o[a],enumerable:!(t=h(o,a))||t.enumerable});return e};var N=(e,o,n)=>(n=e!=null?y(S(e)):{},l(o||!e||!e.__esModule?r(n,"default",{value:e,enumerable:!0}):n,e)),T=e=>l(r({},"__esModule",{value:!0}),e);var k={};P(k,{SwiperPagination:()=>p});module.exports=T(k);var i=require("@stackshift-ui/system"),s=N(require("classnames")),m=require("react/jsx-runtime"),c="SwiperPagination",p=({isActive:e=!1,colorScheme:o="blue",onClick:n,ariaLabel:t,children:a,className:u,as:f="button",...g})=>{let{[c]:b=i.DefaultComponent}=(0,i.useStackShiftUIComponents)(),d={blue:`mr-1 ${e?"bg-primary":"bg-gray-200"} rounded-full p-1 focus:outline-none`,white:`mr-2 inline-block h-2 w-2 rounded-full ${e?"bg-white focus:outline-none":"bg-gray-500 focus:outline-none"}`}[o];return(0,m.jsx)(b,{onClick:n,"aria-label":t,as:f,className:(0,s.default)(d,u),...g})};p.displayName=c;0&&(module.exports={SwiperPagination});
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";import{a as e}from"./chunk-4D5FH632.mjs";export{e as SwiperPagination};
2
+ "use strict";import{a as e}from"./chunk-FKIXHGNC.mjs";export{e as SwiperPagination};
@@ -1 +1 @@
1
- "use strict";var y=Object.create;var i=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var P=(e,o)=>{for(var n in o)i(e,n,{get:o[n],enumerable:!0})},s=(e,o,n,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of C(o))!w.call(e,a)&&a!==n&&i(e,a,{get:()=>o[a],enumerable:!(t=h(o,a))||t.enumerable});return e};var N=(e,o,n)=>(n=e!=null?y(S(e)):{},s(o||!e||!e.__esModule?i(n,"default",{value:e,enumerable:!0}):n,e)),T=e=>s(i({},"__esModule",{value:!0}),e);var k={};P(k,{SwiperPagination:()=>p});module.exports=T(k);var r=require("@stackshift-ui/system"),c=N(require("classnames")),m=require("react/jsx-runtime"),l="SwiperPagination",p=({isActive:e=!1,colorScheme:o="blue",onClick:n,ariaLabel:t,children:a,className:u,as:d="button",...g})=>{let{[l]:b=r.DefaultComponent}=(0,r.useStackShiftUIComponents)(),f={blue:`mr-1 ${e?"bg-primary":"bg-gray-200"} rounded-full p-1 focus:outline-none`,white:`mr-2 inline-block h-2 w-2 rounded-full ${e?"bg-white focus:outline-none":"bg-gray-500 focus:outline-none"}`}[o];return(0,m.jsx)(b,{onClick:n,"aria-label":t,as:d,className:(0,c.default)(f,u),...g,"data-testid":l})};p.displayName=l;0&&(module.exports={SwiperPagination});
1
+ "use strict";var y=Object.create;var i=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var P=(e,o)=>{for(var n in o)i(e,n,{get:o[n],enumerable:!0})},l=(e,o,n,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of C(o))!w.call(e,a)&&a!==n&&i(e,a,{get:()=>o[a],enumerable:!(t=h(o,a))||t.enumerable});return e};var N=(e,o,n)=>(n=e!=null?y(S(e)):{},l(o||!e||!e.__esModule?i(n,"default",{value:e,enumerable:!0}):n,e)),T=e=>l(i({},"__esModule",{value:!0}),e);var k={};P(k,{SwiperPagination:()=>p});module.exports=T(k);var r=require("@stackshift-ui/system"),s=N(require("classnames")),m=require("react/jsx-runtime"),c="SwiperPagination",p=({isActive:e=!1,colorScheme:o="blue",onClick:n,ariaLabel:t,children:a,className:u,as:g="button",...b})=>{let{[c]:f=r.DefaultComponent}=(0,r.useStackShiftUIComponents)(),d={blue:`mr-1 ${e?"bg-primary":"bg-gray-200"} rounded-full p-1 focus:outline-none`,white:`mr-2 inline-block h-2 w-2 rounded-full ${e?"bg-white focus:outline-none":"bg-gray-500 focus:outline-none"}`}[o];return(0,m.jsx)(f,{onClick:n,"aria-label":t,as:g,className:(0,s.default)(d,u),...b})};p.displayName=c;0&&(module.exports={SwiperPagination});
@@ -1 +1 @@
1
- import{a}from"./chunk-4D5FH632.mjs";export{a as SwiperPagination};
1
+ import{a}from"./chunk-FKIXHGNC.mjs";export{a as SwiperPagination};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackshift-ui/swiper-pagination",
3
3
  "description": "",
4
- "version": "7.0.0-beta.0",
4
+ "version": "7.0.0-beta.3",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -29,20 +29,20 @@
29
29
  "typescript": "^5.6.2",
30
30
  "vite-tsconfig-paths": "^5.0.1",
31
31
  "vitest": "^2.1.1",
32
- "@stackshift-ui/eslint-config": "6.0.10",
33
- "@stackshift-ui/typescript-config": "6.0.10"
32
+ "@stackshift-ui/typescript-config": "6.0.10",
33
+ "@stackshift-ui/eslint-config": "6.0.10"
34
34
  },
35
35
  "dependencies": {
36
36
  "classnames": "^2.5.1",
37
- "@stackshift-ui/system": "6.1.0-beta.0",
38
- "@stackshift-ui/scripts": "6.1.0-beta.0"
37
+ "@stackshift-ui/scripts": "6.1.0-beta.2",
38
+ "@stackshift-ui/system": "6.1.0-beta.3"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "@types/react": "16.8 - 19",
42
42
  "next": "10 - 14",
43
43
  "react": "16.8 - 19",
44
44
  "react-dom": "16.8 - 19",
45
- "@stackshift-ui/system": ">=6.1.0-beta.0"
45
+ "@stackshift-ui/system": ">=6.1.0-beta.3"
46
46
  },
47
47
  "peerDependenciesMeta": {
48
48
  "next": {
@@ -1 +0,0 @@
1
- import{DefaultComponent as p,useStackShiftUIComponents as m}from"@stackshift-ui/system";import u from"classnames";import{jsx as g}from"react/jsx-runtime";var e="SwiperPagination",d=({isActive:o=!1,colorScheme:n="blue",onClick:a,ariaLabel:t,children:b,className:i,as:r="button",...l})=>{let{[e]:s=p}=m(),c={blue:`mr-1 ${o?"bg-primary":"bg-gray-200"} rounded-full p-1 focus:outline-none`,white:`mr-2 inline-block h-2 w-2 rounded-full ${o?"bg-white focus:outline-none":"bg-gray-500 focus:outline-none"}`}[n];return g(s,{onClick:a,"aria-label":t,as:r,className:u(c,i),...l,"data-testid":e})};d.displayName=e;export{d as a};