@nimbus-ds/file-uploader 2.6.0-rc.4 → 2.6.0-rc.6
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.
- package/dist/CHANGELOG.md +79 -0
- package/dist/README.md +51 -0
- package/package.json +6 -6
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
The File Uploader component is used to upload files.
|
|
4
|
+
|
|
5
|
+
## 2023-03-13 `2.5.0`
|
|
6
|
+
|
|
7
|
+
### 💡 Others
|
|
8
|
+
|
|
9
|
+
- Refactored use of `color tokens` in internal components by removing `.` per `-`. ([#110](https://github.com/TiendaNube/nimbus-design-system/pull/110) by [@juniorconquista](https://github.com/juniorconquista))
|
|
10
|
+
- Refactored style classes to have more semantic names. ([#110](https://github.com/TiendaNube/nimbus-design-system/pull/110) by [@juniorconquista](https://github.com/juniorconquista))
|
|
11
|
+
|
|
12
|
+
## 2023-02-24 `2.4.1`
|
|
13
|
+
|
|
14
|
+
### 💡 Others
|
|
15
|
+
|
|
16
|
+
- Add `fontSize caption` property on `Text` component. ([#106](https://github.com/TiendaNube/nimbus-design-system/pull/106) by [@juanchigallego](https://github.com/juanchigallego))
|
|
17
|
+
|
|
18
|
+
## 2023-02-23 `2.2.0`
|
|
19
|
+
|
|
20
|
+
### 🎉 New features
|
|
21
|
+
|
|
22
|
+
- Added server side-rendering support to component. ([#105](https://github.com/TiendaNube/nimbus-design-system/pull/105) by [@juniorconquista](https://github.com/juniorconquista))
|
|
23
|
+
|
|
24
|
+
## 2023-02-16 `2.1.0`
|
|
25
|
+
|
|
26
|
+
### 🎉 New features
|
|
27
|
+
|
|
28
|
+
- Removed external dependency from `@tiendanube/icons` package to now use internal `@nimbus-ds/icons` package. ([#94](https://github.com/TiendaNube/nimbus-design-system/pull/#94) by [@juniorconquista](https://github.com/juniorconquista))
|
|
29
|
+
|
|
30
|
+
### 📚 3rd party library updates
|
|
31
|
+
|
|
32
|
+
- Removed `@tiendanube/icons@0.3.1`. ([#94](https://github.com/TiendaNube/nimbus-design-system/pull/#94) by [@juniorconquista](https://github.com/juniorconquista))
|
|
33
|
+
|
|
34
|
+
## 2022-12-22 `2.0.0`
|
|
35
|
+
|
|
36
|
+
### 💡 Others
|
|
37
|
+
|
|
38
|
+
- Removed direct dependency on `nimbus-ds/styles` package from component build. ([#69](https://github.com/TiendaNube/nimbus-design-system/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
|
|
39
|
+
|
|
40
|
+
## 2022-12-07 `1.2.0`
|
|
41
|
+
|
|
42
|
+
### 🎉 New features
|
|
43
|
+
|
|
44
|
+
- Changed build build to consume inner package `@nimbus-ds/webpack`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
|
|
45
|
+
|
|
46
|
+
### 📚 3rd party library updates
|
|
47
|
+
|
|
48
|
+
- Removed `@vanilla-extract/webpack-plugin@2.1.11`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
|
|
49
|
+
- Removed `terser-webpack-plugin@5.3.5`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
|
|
50
|
+
- Removed `ts-loader@9.3.1`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
|
|
51
|
+
- Removed `webpack-cli@4.10.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
|
|
52
|
+
- Removed `webpack@5.74.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
|
|
53
|
+
- Removed `typescript@4.7.4`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
|
|
54
|
+
|
|
55
|
+
## 2022-11-18 `1.1.0`
|
|
56
|
+
|
|
57
|
+
### 📚 3rd party library updates
|
|
58
|
+
|
|
59
|
+
- Updated `@tiendanube/icons@0.3.1`. ([#57](https://github.com/TiendaNube/nimbus-design-system/pull/#57) by [@juniorconquista](https://github.com/juniorconquista))
|
|
60
|
+
|
|
61
|
+
## 2022-10-28 `1.0.0`
|
|
62
|
+
|
|
63
|
+
### 📚 3rd party library updates
|
|
64
|
+
|
|
65
|
+
- Added `@vanilla-extract/dynamic@2.0.2`. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
66
|
+
- Added `@vanilla-extract/webpack-plugin@2.1.11`. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
67
|
+
- Added `terser-webpack-plugin@5.3.5`. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
68
|
+
- Added `ts-loader@9.3.1`. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
69
|
+
- Added `typescript@4.7.4`. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
70
|
+
- Added `webpack@5.74.0`. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
71
|
+
- Added `webpack-cli@4.10.0`. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
72
|
+
|
|
73
|
+
### 🎉 New features
|
|
74
|
+
|
|
75
|
+
- Added `children`, `aspectRatio`, `width`, `placeholder`, `accept`, `height` and `flexDirection` properties to the Component. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
76
|
+
- Added stories on Component. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
77
|
+
- Created new `FileUploader.Skeleton` subcomponent. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
78
|
+
- Added `width`, `aspectRatio` and `height` properties to the Component `FileUploader.Skeleton`. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
|
79
|
+
- Added stories on Component `FileUploader.Skeleton`. ([#51](https://github.com/TiendaNube/nimbus-design-system/pull/51) by [@juniorconquista](https://github.com/juniorconquista))
|
package/dist/README.md
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
# `@nimbus-ds/file-uploader`
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/@nimbus-ds/file-uploader)
|
|
4
|
+
|
|
5
|
+
The File Uploader component is used to upload files.
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```sh
|
|
10
|
+
$ yarn add @nimbus-ds/file-uploader
|
|
11
|
+
# or
|
|
12
|
+
$ npm install @nimbus-ds/file-uploader
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Component Anatomy
|
|
16
|
+
|
|
17
|
+
The component consists of a box with a plus icon and an optional label.
|
|
18
|
+
|
|
19
|
+
## Guidelines
|
|
20
|
+
|
|
21
|
+
We use this component to receive files through an upload.
|
|
22
|
+
|
|
23
|
+
### Proportions
|
|
24
|
+
|
|
25
|
+
The component does not have fixed sizes, ie its height or width can be defined, however there are recommended proportions that follow the same pattern as the Thumbnail component. It is also possible to use flexible aspect ratio according to the need of the files.
|
|
26
|
+
|
|
27
|
+
- Square - 1:1
|
|
28
|
+
- Rectangular - 4:3 and 3:4
|
|
29
|
+
- Rectangular Wide - 16:9 and 9:16
|
|
30
|
+
- Extra Wide Rectangular - 2:1 and 1:2
|
|
31
|
+
- Flexible - free proportion
|
|
32
|
+
|
|
33
|
+
### Helper text position
|
|
34
|
+
|
|
35
|
+
The component has two orientation options for the text and icon helper, they are horizontal and vertical, which can be chosen according to the size and proportion used.
|
|
36
|
+
|
|
37
|
+
### Usage recommendations
|
|
38
|
+
|
|
39
|
+
- Receive payment receipts
|
|
40
|
+
- Receive product images
|
|
41
|
+
- Receive spreadsheets with product data
|
|
42
|
+
|
|
43
|
+
### Related components
|
|
44
|
+
|
|
45
|
+
- Thumbnail - Can be used to display product images in a gallery.
|
|
46
|
+
|
|
47
|
+
## Usage
|
|
48
|
+
|
|
49
|
+
View docs [here](https://nimbus.nuvemshop.com.br/documentation/atomic-components/file-uploader).
|
|
50
|
+
|
|
51
|
+
<img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nimbus-ds/file-uploader",
|
|
3
|
-
"version": "2.6.0-rc.
|
|
3
|
+
"version": "2.6.0-rc.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"files": [
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"version": "yarn version"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@nimbus-ds/icon": "^3.1.0-rc.
|
|
18
|
-
"@nimbus-ds/icons": "^1.7.0-rc.
|
|
19
|
-
"@nimbus-ds/skeleton": "^3.1.0-rc.
|
|
20
|
-
"@nimbus-ds/text": "^6.4.0-rc.
|
|
17
|
+
"@nimbus-ds/icon": "^3.1.0-rc.6",
|
|
18
|
+
"@nimbus-ds/icons": "^1.7.0-rc.3",
|
|
19
|
+
"@nimbus-ds/skeleton": "^3.1.0-rc.6",
|
|
20
|
+
"@nimbus-ds/text": "^6.4.0-rc.6"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"react": "^16.8 || ^17.0 || ^18.0",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"url": "https://github.com/TiendaNube/nimbus-design-system/issues"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@nimbus-ds/webpack": "^1.
|
|
35
|
+
"@nimbus-ds/webpack": "^1.5.0-rc.2",
|
|
36
36
|
"@vanilla-extract/dynamic": "^2.0.3"
|
|
37
37
|
},
|
|
38
38
|
"stableVersion": "2.5.0"
|