@toptal/picasso-pagination 2.0.10 → 3.0.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.
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { twMerge } from 'tailwind-merge';
2
+ import { twMerge } from '@toptal/picasso-tailwind-merge';
3
3
  import { Button } from '@toptal/picasso-button';
4
4
  const PaginationButton = (props) => {
5
5
  const { page, activePage, disabled, onClick, className } = props;
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationButton.js","sourceRoot":"","sources":["../../../src/PaginationButton/PaginationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAS/C,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAChE,MAAM,QAAQ,GAAG,IAAI,KAAK,UAAU,CAAA;IAEpC,MAAM,cAAc,GAAG,OAAO,CAC5B,2BAA2B,EAC3B,qEAAqE,EACrE,QAAQ,IAAI,gDAAgD,EAC5D,wBAAwB,EACxB,QAAQ,IAAI,eAAe,EAC3B,SAAS,CACV,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,SAAS,EAAE,cAAc,kBACX,QAAQ,EACtB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,IAEX,IAAI,CACE,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
1
+ {"version":3,"file":"PaginationButton.js","sourceRoot":"","sources":["../../../src/PaginationButton/PaginationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAS/C,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAChE,MAAM,QAAQ,GAAG,IAAI,KAAK,UAAU,CAAA;IAEpC,MAAM,cAAc,GAAG,OAAO,CAC5B,2BAA2B,EAC3B,qEAAqE,EACrE,QAAQ,IAAI,gDAAgD,EAC5D,wBAAwB,EACxB,QAAQ,IAAI,eAAe,EAC3B,SAAS,CACV,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,SAAS,EAAE,cAAc,kBACX,QAAQ,EACtB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,IAEX,IAAI,CACE,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-pagination",
3
- "version": "2.0.10",
3
+ "version": "3.0.1",
4
4
  "description": "Toptal UI components library - Pagination",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,12 +22,11 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-button": "2.1.1",
26
- "@toptal/picasso-container": "1.0.3",
27
- "@toptal/picasso-typography": "2.0.2",
25
+ "@toptal/picasso-button": "3.0.1",
26
+ "@toptal/picasso-container": "2.0.0",
27
+ "@toptal/picasso-typography": "3.0.0",
28
28
  "@toptal/picasso-utils": "1.0.3",
29
- "classnames": "^2.5.1",
30
- "tailwind-merge": "^2.2.2"
29
+ "classnames": "^2.5.1"
31
30
  },
32
31
  "sideEffects": [
33
32
  "**/styles.ts",
@@ -36,12 +35,14 @@
36
35
  "peerDependencies": {
37
36
  "@material-ui/core": "4.12.4",
38
37
  "react": ">=16.12.0 < 19.0.0",
39
- "@toptal/picasso-tailwind": ">=2.5.0"
38
+ "@toptal/picasso-tailwind-merge": "^1.0.1",
39
+ "@toptal/picasso-tailwind": ">=2.7"
40
40
  },
41
41
  "exports": {
42
42
  ".": "./dist-package/src/index.js"
43
43
  },
44
44
  "devDependencies": {
45
+ "@toptal/picasso-tailwind-merge": "1.2.0",
45
46
  "@toptal/picasso-test-utils": "1.1.1"
46
47
  },
47
48
  "files": [
@@ -6,7 +6,7 @@ exports[`Pagination renders 1`] = `
6
6
  class="Picasso-root"
7
7
  >
8
8
  <div
9
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
9
+ class="items-center inline-flex"
10
10
  >
11
11
  <button
12
12
  aria-disabled="false"
@@ -17,7 +17,7 @@ exports[`Pagination renders 1`] = `
17
17
  type="button"
18
18
  >
19
19
  <span
20
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
20
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
21
21
  >
22
22
  Prev
23
23
  </span>
@@ -32,7 +32,7 @@ exports[`Pagination renders 1`] = `
32
32
  type="button"
33
33
  >
34
34
  <span
35
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
35
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
36
36
  >
37
37
  1
38
38
  </span>
@@ -56,7 +56,7 @@ exports[`Pagination renders 1`] = `
56
56
  type="button"
57
57
  >
58
58
  <span
59
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
59
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
60
60
  >
61
61
  3
62
62
  </span>
@@ -71,7 +71,7 @@ exports[`Pagination renders 1`] = `
71
71
  type="button"
72
72
  >
73
73
  <span
74
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
74
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
75
75
  >
76
76
  4
77
77
  </span>
@@ -86,7 +86,7 @@ exports[`Pagination renders 1`] = `
86
86
  type="button"
87
87
  >
88
88
  <span
89
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
89
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
90
90
  >
91
91
  5
92
92
  </span>
@@ -101,7 +101,7 @@ exports[`Pagination renders 1`] = `
101
101
  type="button"
102
102
  >
103
103
  <span
104
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
104
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
105
105
  >
106
106
  6
107
107
  </span>
@@ -116,7 +116,7 @@ exports[`Pagination renders 1`] = `
116
116
  type="button"
117
117
  >
118
118
  <span
119
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
119
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
120
120
  >
121
121
  7
122
122
  </span>
@@ -140,7 +140,7 @@ exports[`Pagination renders 1`] = `
140
140
  type="button"
141
141
  >
142
142
  <span
143
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
143
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
144
144
  >
145
145
  20
146
146
  </span>
@@ -154,7 +154,7 @@ exports[`Pagination renders 1`] = `
154
154
  type="button"
155
155
  >
156
156
  <span
157
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
157
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
158
158
  >
159
159
  Next
160
160
  </span>
@@ -170,7 +170,7 @@ exports[`Pagination renders disabled 1`] = `
170
170
  class="Picasso-root"
171
171
  >
172
172
  <div
173
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
173
+ class="items-center inline-flex"
174
174
  >
175
175
  <button
176
176
  aria-disabled="true"
@@ -182,7 +182,7 @@ exports[`Pagination renders disabled 1`] = `
182
182
  type="button"
183
183
  >
184
184
  <span
185
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
185
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
186
186
  >
187
187
  Prev
188
188
  </span>
@@ -198,7 +198,7 @@ exports[`Pagination renders disabled 1`] = `
198
198
  type="button"
199
199
  >
200
200
  <span
201
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
201
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
202
202
  >
203
203
  1
204
204
  </span>
@@ -223,7 +223,7 @@ exports[`Pagination renders disabled 1`] = `
223
223
  type="button"
224
224
  >
225
225
  <span
226
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
226
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
227
227
  >
228
228
  3
229
229
  </span>
@@ -239,7 +239,7 @@ exports[`Pagination renders disabled 1`] = `
239
239
  type="button"
240
240
  >
241
241
  <span
242
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
242
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
243
243
  >
244
244
  4
245
245
  </span>
@@ -255,7 +255,7 @@ exports[`Pagination renders disabled 1`] = `
255
255
  type="button"
256
256
  >
257
257
  <span
258
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
258
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
259
259
  >
260
260
  5
261
261
  </span>
@@ -271,7 +271,7 @@ exports[`Pagination renders disabled 1`] = `
271
271
  type="button"
272
272
  >
273
273
  <span
274
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
274
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
275
275
  >
276
276
  6
277
277
  </span>
@@ -287,7 +287,7 @@ exports[`Pagination renders disabled 1`] = `
287
287
  type="button"
288
288
  >
289
289
  <span
290
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
290
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
291
291
  >
292
292
  7
293
293
  </span>
@@ -312,7 +312,7 @@ exports[`Pagination renders disabled 1`] = `
312
312
  type="button"
313
313
  >
314
314
  <span
315
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
315
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
316
316
  >
317
317
  20
318
318
  </span>
@@ -327,7 +327,7 @@ exports[`Pagination renders disabled 1`] = `
327
327
  type="button"
328
328
  >
329
329
  <span
330
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
330
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
331
331
  >
332
332
  Next
333
333
  </span>
@@ -1,6 +1,6 @@
1
1
  import React from 'react'
2
2
  import type { StandardProps } from '@toptal/picasso-shared'
3
- import { twMerge } from 'tailwind-merge'
3
+ import { twMerge } from '@toptal/picasso-tailwind-merge'
4
4
  import { Button } from '@toptal/picasso-button'
5
5
 
6
6
  export interface Props extends StandardProps {