@yamada-ui/pagination 0.4.15 → 0.4.17

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 (13) hide show
  1. package/dist/{chunk-YH7A5X2I.mjs → chunk-FTX5ORQ7.mjs} +5 -5
  2. package/dist/{chunk-YHCPL4SM.mjs → chunk-VBISAUAV.mjs} +1 -1
  3. package/dist/index.js +5 -5
  4. package/dist/index.mjs +2 -2
  5. package/dist/pagination-item.d.mts +2 -2
  6. package/dist/pagination-item.d.ts +2 -2
  7. package/dist/pagination-item.js +1 -1
  8. package/dist/pagination-item.mjs +1 -1
  9. package/dist/pagination.d.mts +9 -9
  10. package/dist/pagination.d.ts +9 -9
  11. package/dist/pagination.js +5 -5
  12. package/dist/pagination.mjs +2 -2
  13. package/package.json +5 -5
package/dist/{chunk-YH7A5X2I.mjs → chunk-FTX5ORQ7.mjs} RENAMED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  PaginationItem
4
- } from "./chunk-YHCPL4SM.mjs";
4
+ } from "./chunk-VBISAUAV.mjs";
5
5
  import {
6
6
  PaginationProvider,
7
7
  usePagination
@@ -92,7 +92,7 @@ var Pagination = forwardRef((props, ref) => {
92
92
  Component,
93
93
  {
94
94
  page: "first",
95
- className: "ui-pagination-item-first",
95
+ className: "ui-pagination__item--first",
96
96
  isDisabled: isDisabled || currentPage === 1,
97
97
  ...edgeProps,
98
98
  ...edgeFirstProps,
@@ -107,7 +107,7 @@ var Pagination = forwardRef((props, ref) => {
107
107
  Component,
108
108
  {
109
109
  page: "prev",
110
- className: "ui-pagination-item-prev",
110
+ className: "ui-pagination__item--prev",
111
111
  isDisabled: isDisabled || currentPage === 1,
112
112
  ...controlProps,
113
113
  ...controlPrevProps,
@@ -136,7 +136,7 @@ var Pagination = forwardRef((props, ref) => {
136
136
  Component,
137
137
  {
138
138
  page: "next",
139
- className: "ui-pagination-item-next",
139
+ className: "ui-pagination__item--next",
140
140
  isDisabled: isDisabled || currentPage === total,
141
141
  ...controlProps,
142
142
  ...controlNextProps,
@@ -151,7 +151,7 @@ var Pagination = forwardRef((props, ref) => {
151
151
  Component,
152
152
  {
153
153
  page: "last",
154
- className: "ui-pagination-item-last",
154
+ className: "ui-pagination__item--last",
155
155
  isDisabled: isDisabled || currentPage === total,
156
156
  ...edgeProps,
157
157
  ...edgeLastProps,
package/dist/{chunk-YHCPL4SM.mjs → chunk-VBISAUAV.mjs} RENAMED
@@ -42,7 +42,7 @@ var PaginationItem = ({
42
42
  return /* @__PURE__ */ jsx(
43
43
  ui.button,
44
44
  {
45
- className: cx("ui-pagination-item", className),
45
+ className: cx("ui-pagination__item", className),
46
46
  type: "button",
47
47
  tabIndex: page !== "dots" ? 0 : -1,
48
48
  disabled: isDisabled,
package/dist/index.js CHANGED
@@ -209,7 +209,7 @@ var PaginationItem = ({
209
209
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
210
210
  import_core.ui.button,
211
211
  {
212
- className: (0, import_utils2.cx)("ui-pagination-item", className),
212
+ className: (0, import_utils2.cx)("ui-pagination__item", className),
213
213
  type: "button",
214
214
  tabIndex: page !== "dots" ? 0 : -1,
215
215
  disabled: isDisabled,
@@ -298,7 +298,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
298
298
  Component,
299
299
  {
300
300
  page: "first",
301
- className: "ui-pagination-item-first",
301
+ className: "ui-pagination__item--first",
302
302
  isDisabled: isDisabled || currentPage === 1,
303
303
  ...edgeProps,
304
304
  ...edgeFirstProps,
@@ -313,7 +313,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
313
313
  Component,
314
314
  {
315
315
  page: "prev",
316
- className: "ui-pagination-item-prev",
316
+ className: "ui-pagination__item--prev",
317
317
  isDisabled: isDisabled || currentPage === 1,
318
318
  ...controlProps,
319
319
  ...controlPrevProps,
@@ -342,7 +342,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
342
342
  Component,
343
343
  {
344
344
  page: "next",
345
- className: "ui-pagination-item-next",
345
+ className: "ui-pagination__item--next",
346
346
  isDisabled: isDisabled || currentPage === total,
347
347
  ...controlProps,
348
348
  ...controlNextProps,
@@ -357,7 +357,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
357
357
  Component,
358
358
  {
359
359
  page: "last",
360
- className: "ui-pagination-item-last",
360
+ className: "ui-pagination__item--last",
361
361
  isDisabled: isDisabled || currentPage === total,
362
362
  ...edgeProps,
363
363
  ...edgeLastProps,
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
  import {
3
3
  Pagination
4
- } from "./chunk-YH7A5X2I.mjs";
5
- import "./chunk-YHCPL4SM.mjs";
4
+ } from "./chunk-FTX5ORQ7.mjs";
5
+ import "./chunk-VBISAUAV.mjs";
6
6
  import "./chunk-2P67WSOL.mjs";
7
7
  import {
8
8
  usePagination
package/dist/pagination-item.d.mts CHANGED
@@ -4,7 +4,7 @@ type PaginationItemOptions = {
4
4
  /**
5
5
  * The type of the page or item assigned to the pagination item.
6
6
  */
7
- page: number | 'dots' | 'prev' | 'next' | 'first' | 'last';
7
+ page: number | "dots" | "prev" | "next" | "first" | "last";
8
8
  /**
9
9
  * If `true`, the pagination item will be actived.
10
10
  *
@@ -18,7 +18,7 @@ type PaginationItemOptions = {
18
18
  */
19
19
  isDisabled?: boolean;
20
20
  };
21
- type PaginationItemProps = ComponentPropsWithoutRef<'button'> & PaginationItemOptions;
21
+ type PaginationItemProps = ComponentPropsWithoutRef<"button"> & PaginationItemOptions;
22
22
  declare const PaginationItem: FC<PaginationItemProps>;
23
23
 
24
24
  export { PaginationItem, PaginationItemProps };
package/dist/pagination-item.d.ts CHANGED
@@ -4,7 +4,7 @@ type PaginationItemOptions = {
4
4
  /**
5
5
  * The type of the page or item assigned to the pagination item.
6
6
  */
7
- page: number | 'dots' | 'prev' | 'next' | 'first' | 'last';
7
+ page: number | "dots" | "prev" | "next" | "first" | "last";
8
8
  /**
9
9
  * If `true`, the pagination item will be actived.
10
10
  *
@@ -18,7 +18,7 @@ type PaginationItemOptions = {
18
18
  */
19
19
  isDisabled?: boolean;
20
20
  };
21
- type PaginationItemProps = ComponentPropsWithoutRef<'button'> & PaginationItemOptions;
21
+ type PaginationItemProps = ComponentPropsWithoutRef<"button"> & PaginationItemOptions;
22
22
  declare const PaginationItem: FC<PaginationItemProps>;
23
23
 
24
24
  export { PaginationItem, PaginationItemProps };
package/dist/pagination-item.js CHANGED
@@ -116,7 +116,7 @@ var PaginationItem = ({
116
116
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
117
117
  import_core.ui.button,
118
118
  {
119
- className: (0, import_utils2.cx)("ui-pagination-item", className),
119
+ className: (0, import_utils2.cx)("ui-pagination__item", className),
120
120
  type: "button",
121
121
  tabIndex: page !== "dots" ? 0 : -1,
122
122
  disabled: isDisabled,
package/dist/pagination-item.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  PaginationItem
4
- } from "./chunk-YHCPL4SM.mjs";
4
+ } from "./chunk-VBISAUAV.mjs";
5
5
  import "./chunk-2P67WSOL.mjs";
6
6
  import "./chunk-5ILRVOTK.mjs";
7
7
  export {
package/dist/pagination.d.mts CHANGED
@@ -12,7 +12,7 @@ type PaginationOptions = {
12
12
  /**
13
13
  * Props for button element.
14
14
  */
15
- itemProps?: HTMLUIProps<'button'>;
15
+ itemProps?: HTMLUIProps<"button">;
16
16
  /**
17
17
  * If `true`, display the control buttons.
18
18
  *
@@ -22,19 +22,19 @@ type PaginationOptions = {
22
22
  /**
23
23
  * Props for inner element.
24
24
  */
25
- innerProps?: HTMLUIProps<'div'>;
25
+ innerProps?: HTMLUIProps<"div">;
26
26
  /**
27
27
  * Props for control button element.
28
28
  */
29
- controlProps?: HTMLUIProps<'button'>;
29
+ controlProps?: HTMLUIProps<"button">;
30
30
  /**
31
31
  * Props for previous of the control button element.
32
32
  */
33
- controlPrevProps?: HTMLUIProps<'button'>;
33
+ controlPrevProps?: HTMLUIProps<"button">;
34
34
  /**
35
35
  * Props for next of the control button element.
36
36
  */
37
- controlNextProps?: HTMLUIProps<'button'>;
37
+ controlNextProps?: HTMLUIProps<"button">;
38
38
  /**
39
39
  * If `true`, display the edge buttons.
40
40
  *
@@ -44,17 +44,17 @@ type PaginationOptions = {
44
44
  /**
45
45
  * Props for edge button element.
46
46
  */
47
- edgeProps?: HTMLUIProps<'button'>;
47
+ edgeProps?: HTMLUIProps<"button">;
48
48
  /**
49
49
  * Props for first of the edge button element.
50
50
  */
51
- edgeFirstProps?: HTMLUIProps<'button'>;
51
+ edgeFirstProps?: HTMLUIProps<"button">;
52
52
  /**
53
53
  * Props for last of the edge button element.
54
54
  */
55
- edgeLastProps?: HTMLUIProps<'button'>;
55
+ edgeLastProps?: HTMLUIProps<"button">;
56
56
  };
57
- type PaginationProps = Omit<HTMLUIProps<'div'>, 'onChange' | 'children'> & ThemeProps<'Pagination'> & UsePaginationProps & PaginationOptions;
57
+ type PaginationProps = Omit<HTMLUIProps<"div">, "onChange" | "children"> & ThemeProps<"Pagination"> & UsePaginationProps & PaginationOptions;
58
58
  declare const Pagination: _yamada_ui_core.Component<"div", PaginationProps>;
59
59
 
60
60
  export { Pagination, PaginationProps };
package/dist/pagination.d.ts CHANGED
@@ -12,7 +12,7 @@ type PaginationOptions = {
12
12
  /**
13
13
  * Props for button element.
14
14
  */
15
- itemProps?: HTMLUIProps<'button'>;
15
+ itemProps?: HTMLUIProps<"button">;
16
16
  /**
17
17
  * If `true`, display the control buttons.
18
18
  *
@@ -22,19 +22,19 @@ type PaginationOptions = {
22
22
  /**
23
23
  * Props for inner element.
24
24
  */
25
- innerProps?: HTMLUIProps<'div'>;
25
+ innerProps?: HTMLUIProps<"div">;
26
26
  /**
27
27
  * Props for control button element.
28
28
  */
29
- controlProps?: HTMLUIProps<'button'>;
29
+ controlProps?: HTMLUIProps<"button">;
30
30
  /**
31
31
  * Props for previous of the control button element.
32
32
  */
33
- controlPrevProps?: HTMLUIProps<'button'>;
33
+ controlPrevProps?: HTMLUIProps<"button">;
34
34
  /**
35
35
  * Props for next of the control button element.
36
36
  */
37
- controlNextProps?: HTMLUIProps<'button'>;
37
+ controlNextProps?: HTMLUIProps<"button">;
38
38
  /**
39
39
  * If `true`, display the edge buttons.
40
40
  *
@@ -44,17 +44,17 @@ type PaginationOptions = {
44
44
  /**
45
45
  * Props for edge button element.
46
46
  */
47
- edgeProps?: HTMLUIProps<'button'>;
47
+ edgeProps?: HTMLUIProps<"button">;
48
48
  /**
49
49
  * Props for first of the edge button element.
50
50
  */
51
- edgeFirstProps?: HTMLUIProps<'button'>;
51
+ edgeFirstProps?: HTMLUIProps<"button">;
52
52
  /**
53
53
  * Props for last of the edge button element.
54
54
  */
55
- edgeLastProps?: HTMLUIProps<'button'>;
55
+ edgeLastProps?: HTMLUIProps<"button">;
56
56
  };
57
- type PaginationProps = Omit<HTMLUIProps<'div'>, 'onChange' | 'children'> & ThemeProps<'Pagination'> & UsePaginationProps & PaginationOptions;
57
+ type PaginationProps = Omit<HTMLUIProps<"div">, "onChange" | "children"> & ThemeProps<"Pagination"> & UsePaginationProps & PaginationOptions;
58
58
  declare const Pagination: _yamada_ui_core.Component<"div", PaginationProps>;
59
59
 
60
60
  export { Pagination, PaginationProps };
package/dist/pagination.js CHANGED
@@ -206,7 +206,7 @@ var PaginationItem = ({
206
206
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
207
207
  import_core.ui.button,
208
208
  {
209
- className: (0, import_utils2.cx)("ui-pagination-item", className),
209
+ className: (0, import_utils2.cx)("ui-pagination__item", className),
210
210
  type: "button",
211
211
  tabIndex: page !== "dots" ? 0 : -1,
212
212
  disabled: isDisabled,
@@ -295,7 +295,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
295
295
  Component,
296
296
  {
297
297
  page: "first",
298
- className: "ui-pagination-item-first",
298
+ className: "ui-pagination__item--first",
299
299
  isDisabled: isDisabled || currentPage === 1,
300
300
  ...edgeProps,
301
301
  ...edgeFirstProps,
@@ -310,7 +310,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
310
310
  Component,
311
311
  {
312
312
  page: "prev",
313
- className: "ui-pagination-item-prev",
313
+ className: "ui-pagination__item--prev",
314
314
  isDisabled: isDisabled || currentPage === 1,
315
315
  ...controlProps,
316
316
  ...controlPrevProps,
@@ -339,7 +339,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
339
339
  Component,
340
340
  {
341
341
  page: "next",
342
- className: "ui-pagination-item-next",
342
+ className: "ui-pagination__item--next",
343
343
  isDisabled: isDisabled || currentPage === total,
344
344
  ...controlProps,
345
345
  ...controlNextProps,
@@ -354,7 +354,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
354
354
  Component,
355
355
  {
356
356
  page: "last",
357
- className: "ui-pagination-item-last",
357
+ className: "ui-pagination__item--last",
358
358
  isDisabled: isDisabled || currentPage === total,
359
359
  ...edgeProps,
360
360
  ...edgeLastProps,
package/dist/pagination.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
  import {
3
3
  Pagination
4
- } from "./chunk-YH7A5X2I.mjs";
5
- import "./chunk-YHCPL4SM.mjs";
4
+ } from "./chunk-FTX5ORQ7.mjs";
5
+ import "./chunk-VBISAUAV.mjs";
6
6
  import "./chunk-2P67WSOL.mjs";
7
7
  import "./chunk-5ILRVOTK.mjs";
8
8
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/pagination",
3
- "version": "0.4.15",
3
+ "version": "0.4.17",
4
4
  "description": "Yamada UI pagination component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -35,11 +35,11 @@
35
35
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
36
36
  },
37
37
  "dependencies": {
38
- "@yamada-ui/core": "0.12.5",
38
+ "@yamada-ui/core": "0.12.6",
39
39
  "@yamada-ui/utils": "0.3.3",
40
- "@yamada-ui/icon": "0.3.15",
41
- "@yamada-ui/use-controllable-state": "0.2.5",
42
- "@yamada-ui/use-value": "0.2.15"
40
+ "@yamada-ui/icon": "0.3.16",
41
+ "@yamada-ui/use-controllable-state": "0.3.0",
42
+ "@yamada-ui/use-value": "0.2.16"
43
43
  },
44
44
  "devDependencies": {
45
45
  "react": "^18.0.0",