@toptal/picasso-file-input 1.0.26 → 2.0.0

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 (5) hide show
  1. package/package.json +9 -8
  2. package/src/FileInput/__snapshots__/test.tsx.snap +2 -2
  3. package/src/FileList/__snapshots__/test.tsx.snap +5 -5
  4. package/src/FileListItem/__snapshots__/test.tsx.snap +5 -5
  5. package/src/ProgressBar/__snapshots__/test.tsx.snap +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-file-input",
3
- "version": "1.0.26",
3
+ "version": "2.0.0",
4
4
  "description": "Toptal UI components library - FileInput",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,15 +22,15 @@
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-form": "3.0.7",
25
+ "@toptal/picasso-button": "3.0.0",
26
+ "@toptal/picasso-container": "2.0.0",
27
+ "@toptal/picasso-form": "4.0.0",
28
28
  "@toptal/picasso-icons": "1.5.0",
29
- "@toptal/picasso-loader": "1.0.3",
29
+ "@toptal/picasso-loader": "2.0.0",
30
30
  "@toptal/picasso-shared": "15.0.0",
31
- "@toptal/picasso-tooltip": "1.1.3",
32
- "@toptal/picasso-typography": "2.0.2",
33
- "@toptal/picasso-typography-overflow": "2.0.3",
31
+ "@toptal/picasso-tooltip": "1.1.4",
32
+ "@toptal/picasso-typography": "3.0.0",
33
+ "@toptal/picasso-typography-overflow": "2.0.4",
34
34
  "@toptal/picasso-utils": "1.0.3",
35
35
  "classnames": "^2.5.1"
36
36
  },
@@ -40,6 +40,7 @@
40
40
  ],
41
41
  "peerDependencies": {
42
42
  "@material-ui/core": "4.12.4",
43
+ "@toptal/picasso-tailwind": ">=2.7",
43
44
  "react": ">=16.12.0 < 19.0.0"
44
45
  },
45
46
  "exports": {
package/src/FileInput/__snapshots__/test.tsx.snap CHANGED
@@ -17,7 +17,7 @@ exports[`FileInput can change label 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
  Upload File
23
23
  </span>
@@ -48,7 +48,7 @@ exports[`FileInput renders 1`] = `
48
48
  type="button"
49
49
  >
50
50
  <span
51
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
51
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
52
52
  >
53
53
  Choose File
54
54
  </span>
package/src/FileList/__snapshots__/test.tsx.snap CHANGED
@@ -6,19 +6,19 @@ exports[`FileList renders 1`] = `
6
6
  class="Picasso-root"
7
7
  >
8
8
  <div
9
- class="PicassoContainer-flex PicassoContainer-column FileList-root"
9
+ class="flex flex-col FileList-root"
10
10
  >
11
11
  <div
12
- class="PicassoContainer-centerAlignItems PicassoContainer-spaceBetweenJustifyContent PicassoContainer-flex FileListItem-root"
12
+ class="items-center justify-between flex FileListItem-root"
13
13
  >
14
14
  <div
15
- class="PicassoContainer-flex PicassoContainer-column FileListItem-fileNodeContent"
15
+ class="flex flex-col FileListItem-fileNodeContent"
16
16
  >
17
17
  <div
18
- class="PicassoContainer-flex"
18
+ class="flex"
19
19
  >
20
20
  <div
21
- class="PicassoContainer-rightxsmallMargin"
21
+ class="mr-2"
22
22
  >
23
23
  <svg
24
24
  class="PicassoSvgAttachment16-root PicassoSvgAttachment16-darkGrey"
package/src/FileListItem/__snapshots__/test.tsx.snap CHANGED
@@ -6,16 +6,16 @@ exports[`FileListItem renders 1`] = `
6
6
  class="Picasso-root"
7
7
  >
8
8
  <div
9
- class="PicassoContainer-centerAlignItems PicassoContainer-spaceBetweenJustifyContent PicassoContainer-flex FileListItem-root"
9
+ class="items-center justify-between flex FileListItem-root"
10
10
  >
11
11
  <div
12
- class="PicassoContainer-flex PicassoContainer-column FileListItem-fileNodeContent"
12
+ class="flex flex-col FileListItem-fileNodeContent"
13
13
  >
14
14
  <div
15
- class="PicassoContainer-flex"
15
+ class="flex"
16
16
  >
17
17
  <div
18
- class="PicassoContainer-rightxsmallMargin"
18
+ class="mr-2"
19
19
  >
20
20
  <svg
21
21
  class="PicassoSvgAttachment16-root PicassoSvgAttachment16-darkGrey"
@@ -47,7 +47,7 @@ exports[`FileListItem renders 1`] = `
47
47
  type="button"
48
48
  >
49
49
  <span
50
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
50
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
51
51
  >
52
52
  <svg
53
53
  class="PicassoSvgTrash16-root PicassoSvgTrash16-red"
package/src/ProgressBar/__snapshots__/test.tsx.snap CHANGED
@@ -6,7 +6,7 @@ exports[`ProgressBar renders 1`] = `
6
6
  class="Picasso-root"
7
7
  >
8
8
  <div
9
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
9
+ class="items-center flex"
10
10
  >
11
11
  <div
12
12
  class="PicassoProgressBar-progressBar"
@@ -27,7 +27,7 @@ exports[`ProgressBar renders with percentage 1`] = `
27
27
  class="Picasso-root"
28
28
  >
29
29
  <div
30
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
30
+ class="items-center flex"
31
31
  >
32
32
  <div
33
33
  class="PicassoProgressBar-progressBar"
@@ -38,7 +38,7 @@ exports[`ProgressBar renders with percentage 1`] = `
38
38
  />
39
39
  </div>
40
40
  <div
41
- class="PicassoContainer-leftxsmallMargin"
41
+ class="ml-2"
42
42
  >
43
43
  <p
44
44
  class="m-0 text-xxs text-graphite font-semibold PicassoProgressBar-percentageValue"