@synerise/ds-file-uploader 0.8.6 → 1.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 (4) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/FileView/FileView.styles.js +11 -11
  3. package/dist/ItemUploader/ItemUploader.styles.js +10 -10
  4. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.8.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@0.8.6...@synerise/ds-file-uploader@0.8.7) (2025-03-10)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-file-uploader
9
+
10
+
11
+
12
+
13
+
6
14
  ## [0.8.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@0.8.5...@synerise/ds-file-uploader@0.8.6) (2025-03-04)
7
15
 
8
16
  **Note:** Version bump only for package @synerise/ds-file-uploader
package/dist/FileView/FileView.styles.js CHANGED
@@ -4,13 +4,13 @@ import { IconContainer } from '@synerise/ds-icon';
4
4
  import Popconfirm from '@synerise/ds-popconfirm';
5
5
  export var PreviewImage = styled.div.withConfig({
6
6
  displayName: "FileViewstyles__PreviewImage",
7
- componentId: "wpdc66-0"
7
+ componentId: "sc-wpdc66-0"
8
8
  })(["", "{fill:", ";}margin:-4px -8px -4px -4px;"], IconContainer, function (props) {
9
9
  return props.theme.palette['grey-700'];
10
10
  });
11
11
  export var PlaceholderImage = styled.div.withConfig({
12
12
  displayName: "FileViewstyles__PlaceholderImage",
13
- componentId: "wpdc66-1"
13
+ componentId: "sc-wpdc66-1"
14
14
  })(["background-color:", ";width:32px;height:32px;border-radius:3px;padding:4px;", "{fill:", ";}"], function (props) {
15
15
  return props.theme.palette['grey-200'];
16
16
  }, IconContainer, function (props) {
@@ -18,35 +18,35 @@ export var PlaceholderImage = styled.div.withConfig({
18
18
  });
19
19
  export var Info = styled.div.withConfig({
20
20
  displayName: "FileViewstyles__Info",
21
- componentId: "wpdc66-2"
21
+ componentId: "sc-wpdc66-2"
22
22
  })(["overflow:hidden;margin:0 0 0 10px;width:", ";"], function (props) {
23
23
  return props.progress ? '100%' : '80%';
24
24
  });
25
25
  export var PopconfirmOnRemove = styled(Popconfirm).withConfig({
26
26
  displayName: "FileViewstyles__PopconfirmOnRemove",
27
- componentId: "wpdc66-3"
27
+ componentId: "sc-wpdc66-3"
28
28
  })([".ant-popover-buttons{.ant-btn-sm{&:first-of-type{padding-left:6px;}}}"]);
29
29
  export var FileWeight = styled.div.withConfig({
30
30
  displayName: "FileViewstyles__FileWeight",
31
- componentId: "wpdc66-4"
31
+ componentId: "sc-wpdc66-4"
32
32
  })(["color:", ";padding-right:30px;font-weight:normal;font-size:13px;"], function (props) {
33
33
  return props.theme.palette['grey-500'];
34
34
  });
35
35
  export var Name = styled(Label).withConfig({
36
36
  displayName: "FileViewstyles__Name",
37
- componentId: "wpdc66-5"
37
+ componentId: "sc-wpdc66-5"
38
38
  })(["&&{color:", ";display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;cursor:initial;justify-content:space-between;}"], function (props) {
39
39
  return props.theme.palette['grey-600'];
40
40
  });
41
41
  export var SizeOrError = styled(Typography.Text).withConfig({
42
42
  displayName: "FileViewstyles__SizeOrError",
43
- componentId: "wpdc66-6"
43
+ componentId: "sc-wpdc66-6"
44
44
  })(["&&{color:", ";}"], function (props) {
45
45
  return props.theme.palette['grey-600'];
46
46
  });
47
47
  export var RemoveWrapper = styled.div.withConfig({
48
48
  displayName: "FileViewstyles__RemoveWrapper",
49
- componentId: "wpdc66-7"
49
+ componentId: "sc-wpdc66-7"
50
50
  })(["display:flex;background-color:transparent;z-index:10;border:0;padding:0;margin:0;height:16px;width:16px;position:absolute;top:14px;right:10px;cursor:pointer;", "{position:absolute;right:-2px;top:-2px;transition:fill 0.3s;fill:", ";&:hover{fill:", ";}}"], IconContainer, function (props) {
51
51
  return props.theme.palette['grey-300'];
52
52
  }, function (props) {
@@ -54,7 +54,7 @@ export var RemoveWrapper = styled.div.withConfig({
54
54
  });
55
55
  export var CheckButtonWrapper = styled.div.withConfig({
56
56
  displayName: "FileViewstyles__CheckButtonWrapper",
57
- componentId: "wpdc66-8"
57
+ componentId: "sc-wpdc66-8"
58
58
  })(["display:flex;background-color:transparent;z-index:10;margin:0;height:16px;width:16px;position:absolute;top:14px;right:10px;cursor:pointer;", "{position:absolute;right:-2px;top:-2px;transition:fill 0.3s;fill:", ";&:hover{fill:", ";}}"], IconContainer, function (props) {
59
59
  return props.theme.palette['green-600'];
60
60
  }, function (props) {
@@ -62,7 +62,7 @@ export var CheckButtonWrapper = styled.div.withConfig({
62
62
  });
63
63
  export var RemoveButtonWrapper = styled.div.withConfig({
64
64
  displayName: "FileViewstyles__RemoveButtonWrapper",
65
- componentId: "wpdc66-9"
65
+ componentId: "sc-wpdc66-9"
66
66
  })(["display:", ";background-color:transparent;z-index:10;border:0;padding:0;margin:0;height:16px;width:16px;position:absolute;top:14px;right:10px;cursor:pointer;overflow:", ";", "{position:absolute;right:-2px;top:-2px;transition:fill 0.3s;fill:", ";&:hover{fill:", ";}}"], function (props) {
67
67
  return props.pressed ? 'flex' : 'none';
68
68
  }, function (props) {
@@ -74,7 +74,7 @@ export var RemoveButtonWrapper = styled.div.withConfig({
74
74
  });
75
75
  export var FileViewContainer = styled.button.withConfig({
76
76
  displayName: "FileViewstyles__FileViewContainer",
77
- componentId: "wpdc66-10"
77
+ componentId: "sc-wpdc66-10"
78
78
  })(["background-color:", ";border-radius:3px;border:1px solid ", ";display:flex;align-items:center;padding:12px 6px;height:48px;width:100%;text-align:left;line-height:initial;position:relative;margin:0 0 12px;&:last-of-type{margin:0;}&:hover{border-color:", ";", "}&:hover{", "}&:focus{border-color:", ";background-color:", ";", "}&:hover{background-color:", ";}&:active{border-color:", ";background-color:", ";}", ";", ";.ant-progress-line{margin:8px 0 0 !important;width:93%;}"], function (props) {
79
79
  return props.theme.palette.white;
80
80
  }, function (props) {
package/dist/ItemUploader/ItemUploader.styles.js CHANGED
@@ -3,39 +3,39 @@ import Typography, { Label as TypographyLabel } from '@synerise/ds-typography';
3
3
  import { IconContainer } from '@synerise/ds-icon';
4
4
  export var Container = styled.div.withConfig({
5
5
  displayName: "ItemUploaderstyles__Container",
6
- componentId: "a5v1d2-0"
6
+ componentId: "sc-a5v1d2-0"
7
7
  })(["width:100%;"]);
8
8
  export var UploaderContainer = styled.div.withConfig({
9
9
  displayName: "ItemUploaderstyles__UploaderContainer",
10
- componentId: "a5v1d2-1"
10
+ componentId: "sc-a5v1d2-1"
11
11
  })(["padding-right:20px;"]);
12
12
  export var DropAreaContainer = styled.div.withConfig({
13
13
  displayName: "ItemUploaderstyles__DropAreaContainer",
14
- componentId: "a5v1d2-2"
14
+ componentId: "sc-a5v1d2-2"
15
15
  })(["width:100%;margin:", ";"], function (props) {
16
16
  return props.canUploadMore ? '12px 0 8px' : '0';
17
17
  });
18
18
  export var DropAreaLabel = styled(Typography.Text).withConfig({
19
19
  displayName: "ItemUploaderstyles__DropAreaLabel",
20
- componentId: "a5v1d2-3"
20
+ componentId: "sc-a5v1d2-3"
21
21
  })(["color:", ";font-weight:500;"], function (props) {
22
22
  return props.theme.palette['grey-700'];
23
23
  });
24
24
  export var LargeDropAreaLabel = styled(TypographyLabel).withConfig({
25
25
  displayName: "ItemUploaderstyles__LargeDropAreaLabel",
26
- componentId: "a5v1d2-4"
26
+ componentId: "sc-a5v1d2-4"
27
27
  })(["&&{font-size:14px;margin:4px 0 0;display:block;color:", ";}"], function (props) {
28
28
  return props.theme.palette['grey-700'];
29
29
  });
30
30
  export var LargeDropAreaDescription = styled(Typography.Text).withConfig({
31
31
  displayName: "ItemUploaderstyles__LargeDropAreaDescription",
32
- componentId: "a5v1d2-5"
32
+ componentId: "sc-a5v1d2-5"
33
33
  })(["&&{margin:4px 0 0;display:block;color:", ";}"], function (props) {
34
34
  return props.theme.palette['grey-700'];
35
35
  });
36
36
  export var DropAreaButton = styled.button.withConfig({
37
37
  displayName: "ItemUploaderstyles__DropAreaButton",
38
- componentId: "a5v1d2-6"
38
+ componentId: "sc-a5v1d2-6"
39
39
  })(["align-items:center;border:1px dashed ", ";padding:11px 12px;border-radius:3px;cursor:pointer;background-color:transparent;width:80px;height:80px;transition:height 0.3s;", ";", "{fill:", ";}span{display:inline-block;margin:0 0 0 12px;}", " ", " &:hover:not(:disabled){background-color:", ";border-color:", ";", ",", "{color:", ";}", "{fill:", ";color:", ";}}&:disabled{background-color:", ";", "{color:", ";}}&&:active{color:", ";border-color:", ";background-color:", ";}&:focus:not(:active):not(:disabled){border-color:", ";background-color:", ";}&:disabled{span,", "{opacity:0.4;}}", ""], function (props) {
40
40
  return props.theme.palette['grey-300'];
41
41
  }, function (props) {
@@ -75,13 +75,13 @@ export var DropAreaButton = styled.button.withConfig({
75
75
  });
76
76
  export var ErrorMessage = styled(Typography.Text).withConfig({
77
77
  displayName: "ItemUploaderstyles__ErrorMessage",
78
- componentId: "a5v1d2-7"
78
+ componentId: "sc-a5v1d2-7"
79
79
  })(["&&{margin:8px 0 0;display:block;color:", ";}"], function (props) {
80
80
  return props.theme.palette['red-600'];
81
81
  });
82
82
  export var Description = styled(Typography.Text).withConfig({
83
83
  displayName: "ItemUploaderstyles__Description",
84
- componentId: "a5v1d2-8"
84
+ componentId: "sc-a5v1d2-8"
85
85
  })(["&&{margin:", ";display:block;color:", ";}"], function (props) {
86
86
  return props.hasError ? '4px 0 8px' : '8px 0 8px';
87
87
  }, function (props) {
@@ -89,7 +89,7 @@ export var Description = styled(Typography.Text).withConfig({
89
89
  });
90
90
  export var Label = styled(TypographyLabel).withConfig({
91
91
  displayName: "ItemUploaderstyles__Label",
92
- componentId: "a5v1d2-9"
92
+ componentId: "sc-a5v1d2-9"
93
93
  })(["&&{cursor:initial;margin:0 0 8px;display:flex;align-items:center;", "{fill:", ";}}"], IconContainer, function (props) {
94
94
  return props.theme.palette['grey-400'];
95
95
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-file-uploader",
3
- "version": "0.8.6",
3
+ "version": "1.0.0",
4
4
  "description": "FileUploader UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -21,7 +21,7 @@
21
21
  "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
22
22
  "build:watch": "npm run build:js -- --watch",
23
23
  "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly --declarationMap",
24
- "pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
24
+ "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
25
25
  "prepublish": "npm run build",
26
26
  "test": "jest",
27
27
  "test:watch": "npm run test -- --watchAll",
@@ -34,14 +34,14 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-button": "^0.23.3",
38
- "@synerise/ds-icon": "^0.72.0",
39
- "@synerise/ds-loader": "^0.4.2",
40
- "@synerise/ds-popconfirm": "^0.11.3",
41
- "@synerise/ds-progress-bar": "^0.10.6",
42
- "@synerise/ds-tooltip": "^0.16.2",
43
- "@synerise/ds-typography": "^0.17.6",
44
- "@synerise/ds-utils": "^0.32.2",
37
+ "@synerise/ds-button": "^1.0.0",
38
+ "@synerise/ds-icon": "^1.0.0",
39
+ "@synerise/ds-loader": "^1.0.0",
40
+ "@synerise/ds-popconfirm": "^1.0.0",
41
+ "@synerise/ds-progress-bar": "^1.0.0",
42
+ "@synerise/ds-tooltip": "^1.0.0",
43
+ "@synerise/ds-typography": "^1.0.0",
44
+ "@synerise/ds-utils": "^1.0.0",
45
45
  "filesize.js": "^2.0.0",
46
46
  "react-dropzone": "^10.2.1"
47
47
  },
@@ -51,5 +51,5 @@
51
51
  "react-intl": ">=3.12.0 <= 6.8",
52
52
  "styled-components": "^5.3.3"
53
53
  },
54
- "gitHead": "c5a647bd7a24a2c9294e781b2b69223e8543859f"
54
+ "gitHead": "e4c3690238a44b584b9ea41e4aa52b1eec42174b"
55
55
  }