@synerise/ds-file-uploader 0.7.11 → 0.8.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.8.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@0.8.0...@synerise/ds-file-uploader@0.8.1) (2025-02-14)
+
+
+### Bug Fixes
+
+* **file-uploader:** css rule specificity ([70334e5](https://github.com/Synerise/synerise-design/commit/70334e545c882cc2da7db39ec89178653b41e398))
+
+
+
+
+
+# [0.8.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@0.7.11...@synerise/ds-file-uploader@0.8.0) (2025-01-29)
+
+
+### Features
+
+* antd@4.24 react@18 ([d97a667](https://github.com/Synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
+
+
+
+
+
 ## [0.7.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@0.7.10...@synerise/ds-file-uploader@0.7.11) (2025-01-21)
 
 **Note:** Version bump only for package @synerise/ds-file-uploader

package/dist/AvatarUploader/AvatarUploader.styles.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const UploaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {
+export declare const Description: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {
     hasError?: boolean | undefined;
 }, never>;
 export declare const DropAreaContainer: import("styled-components").StyledComponent<"div", any, {
     canUploadMore: boolean;
 }, never>;
-export declare const DropAreaLabel: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
+export declare const DropAreaLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const LargeDropAreaLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
+export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const DropAreaButton: import("styled-components").StyledComponent<"button", any, {
     isDropping?: boolean | undefined;
     hasError?: boolean | undefined;
@@ -17,6 +17,6 @@ export declare const DropAreaButton: import("styled-components").StyledComponent
     pressed: boolean;
     filesLength: number;
 }, never>;
-export declare const ErrorMessage: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
 //# sourceMappingURL=AvatarUploader.styles.d.ts.map

package/dist/AvatarUploader/AvatarUploader.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarUploader.styles.d.ts","sourceRoot":"","sources":["../../src/AvatarUploader/AvatarUploader.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,SAAS,oEAGrB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAG7B,CAAC;AACF,eAAO,MAAM,WAAW;;SAMvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa,+HAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,+HAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;;;UAGnB,MAAM;aACH,OAAO;iBACH,MAAM;SAuGpB,CAAC;AAEF,eAAO,MAAM,YAAY,+HAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC"}
+{"version":3,"file":"AvatarUploader.styles.d.ts","sourceRoot":"","sources":["../../src/AvatarUploader/AvatarUploader.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,SAAS,oEAGrB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAG7B,CAAC;AACF,eAAO,MAAM,WAAW;;SAMvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa,uMAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,uMAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;;;UAGnB,MAAM;aACH,OAAO;iBACH,MAAM;SAuGpB,CAAC;AAEF,eAAO,MAAM,YAAY,uMAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC"}

package/dist/AvatarUploader/FileViewAvatar/FileViewAvatar.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import Tooltip from '@synerise/ds-tooltip';
@@ -27,7 +23,7 @@ var FileViewAvatar = function FileViewAvatar(_ref) {
     file = data.file,
     progress = data.progress;
   var fileSource = URL.createObjectURL(data.file);
-  var finalTexts = _objectSpread({
+  var finalTexts = _extends({
     retryTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "DS.FILE-UPLOADER.RETRY-TOOLTIP",
       defaultMessage: "Retry"

package/dist/FileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../src/FileUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,EAAe,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBtE,QAAA,MAAM,YAAY,gJAgBf,iBAAiB,sBAiInB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../src/FileUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AASrD,OAAO,EAAe,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBtE,QAAA,MAAM,YAAY,gJAgBf,iBAAiB,sBAmInB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/FileUploader.js

@@ -1,14 +1,10 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { useState, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useDropzone } from 'react-dropzone';
 import Icon, { AddM, InfoFillS, FileUploadL } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
+import { useTheme } from '@synerise/ds-core';
 import FileView from './FileView/FileView';
 import * as S from './FileUploader.styles';
 function readAsText(file) {
@@ -47,7 +43,8 @@ var FileUploader = function FileUploader(_ref) {
   var _useState = useState(true),
     uploadSuccess = _useState[0],
     setUploadSuccess = _useState[1];
-  var finalTexts = _objectSpread({
+  var theme = useTheme();
+  var finalTexts = _extends({
     buttonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "DS.FILE-UPLOADER.BUTTON-LABEL",
       defaultMessage: "Upload file"
@@ -137,9 +134,11 @@ var FileUploader = function FileUploader(_ref) {
     "data-testid": "droparea",
     filesLength: files.length
   }, mode === 'multi-large' && files.length === 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    color: theme.palette['grey-800'],
     component: /*#__PURE__*/React.createElement(FileUploadL, null),
     size: 48
   }), /*#__PURE__*/React.createElement(S.LargeDropAreaLabel, null, finalTexts.buttonLabelLarge), /*#__PURE__*/React.createElement(S.LargeDropAreaDescription, null, finalTexts.buttonDescription)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    color: theme.palette['grey-600'],
     component: /*#__PURE__*/React.createElement(AddM, null),
     size: 24
   }), /*#__PURE__*/React.createElement(S.DropAreaLabel, null, finalTexts.buttonLabel))))), files.length > 0 && files.map(function (file, index) {
@@ -154,7 +153,7 @@ var FileUploader = function FileUploader(_ref) {
       },
       data: file,
       retry: retry,
-      retryButtonProps: _objectSpread({}, getRootProps())
+      retryButtonProps: _extends({}, getRootProps())
     });
   }), hasError && errors && errors.map(function (errorText, index) {
     return /*#__PURE__*/React.createElement(S.ErrorMessage, {

package/dist/FileUploader.styles.d.ts

@@ -1,15 +1,30 @@
 /// <reference types="react" />
 import Button from '@synerise/ds-button';
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {
+export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis }: {
+    size?: import("@synerise/ds-typography").TextSize | undefined;
+    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+}) => import("react").JSX.Element, any, {
     hasError?: boolean | undefined;
 }, never>;
 export declare const DropAreaContainer: import("styled-components").StyledComponent<"div", any, {
     canUploadMore: boolean;
 }, never>;
-export declare const DropAreaLabel: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
+export declare const DropAreaLabel: import("styled-components").StyledComponent<({ size, className, children, ellipsis }: {
+    size?: import("@synerise/ds-typography").TextSize | undefined;
+    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+}) => import("react").JSX.Element, any, {}, never>;
 export declare const LargeDropAreaLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
+export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<({ size, className, children, ellipsis }: {
+    size?: import("@synerise/ds-typography").TextSize | undefined;
+    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+}) => import("react").JSX.Element, any, {}, never>;
 export declare const DropAreaButton: import("styled-components").StyledComponent<"button", any, {
     isDropping?: boolean | undefined;
     hasError?: boolean | undefined;
@@ -18,7 +33,12 @@ export declare const DropAreaButton: import("styled-components").StyledComponent
     filesLength: number;
     hidden: boolean;
 }, never>;
-export declare const ErrorMessage: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<({ size, className, children, ellipsis }: {
+    size?: import("@synerise/ds-typography").TextSize | undefined;
+    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+}) => import("react").JSX.Element, any, {}, never>;
 export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
 export declare const UploadButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
 //# sourceMappingURL=FileUploader.styles.d.ts.map

package/dist/FileUploader.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.styles.d.ts","sourceRoot":"","sources":["../src/FileUploader.styles.ts"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAIzC,eAAO,MAAM,SAAS,oEAErB,CAAC;AAEF,eAAO,MAAM,WAAW;;SAMvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa,+HAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,+HAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;;;UAGnB,MAAM;aACH,OAAO;iBACH,MAAM;YACX,OAAO;SAwGhB,CAAC;AAEF,eAAO,MAAM,YAAY,+HAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC;AAEF,eAAO,MAAM,YAAY,4EAAmB,CAAC"}
+{"version":3,"file":"FileUploader.styles.d.ts","sourceRoot":"","sources":["../src/FileUploader.styles.ts"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAIzC,eAAO,MAAM,SAAS,oEAErB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;SAMvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;kDAKzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;kDAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;;;UAGnB,MAAM;aACH,OAAO;iBACH,MAAM;YACX,OAAO;SAyGhB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;kDAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC;AAEF,eAAO,MAAM,YAAY,4EAAmB,CAAC"}

package/dist/FileUploader.styles.js

@@ -1,5 +1,5 @@
 import styled, { css } from 'styled-components';
-import Typography, { Label as TypographyLabel } from '@synerise/ds-typography';
+import { Label as TypographyLabel, Text } from '@synerise/ds-typography';
 import Button from '@synerise/ds-button';
 import { IconContainer } from '@synerise/ds-icon';
 import { hexToRgba } from '@synerise/ds-utils';
@@ -7,7 +7,7 @@ export var Container = styled.div.withConfig({
   displayName: "FileUploaderstyles__Container",
   componentId: "sc-62r2x6-0"
 })(["width:100%;"]);
-export var Description = styled(Typography.Text).withConfig({
+export var Description = styled(Text).withConfig({
   displayName: "FileUploaderstyles__Description",
   componentId: "sc-62r2x6-1"
 })(["&&{margin:", ";display:block;color:", ";}"], function (props) {
@@ -21,33 +21,35 @@ export var DropAreaContainer = styled.div.withConfig({
 })(["width:100%;margin:", ";"], function (props) {
   return props.canUploadMore ? '12px 0 8px' : '0';
 });
-export var DropAreaLabel = styled(Typography.Text).withConfig({
+export var DropAreaLabel = styled(Text).withConfig({
   displayName: "FileUploaderstyles__DropAreaLabel",
   componentId: "sc-62r2x6-3"
-})(["color:", ";font-weight:500;"], function (props) {
-  return props.theme.palette['grey-700'];
+})(["&&{color:", ";font-weight:500;}"], function (props) {
+  return props.theme.palette['grey-600'];
 });
 export var LargeDropAreaLabel = styled(TypographyLabel).withConfig({
   displayName: "FileUploaderstyles__LargeDropAreaLabel",
   componentId: "sc-62r2x6-4"
 })(["&&{font-size:14px;margin:4px 0 0;display:block;color:", ";}"], function (props) {
-  return props.theme.palette['grey-700'];
+  return props.theme.palette['grey-800'];
 });
-export var LargeDropAreaDescription = styled(Typography.Text).withConfig({
+export var LargeDropAreaDescription = styled(Text).withConfig({
   displayName: "FileUploaderstyles__LargeDropAreaDescription",
   componentId: "sc-62r2x6-5"
 })(["&&{margin:4px 0 0;display:block;color:", ";}"], function (props) {
-  return props.theme.palette['grey-700'];
+  return props.theme.palette['grey-600'];
 });
 export var DropAreaButton = styled.button.withConfig({
   displayName: "FileUploaderstyles__DropAreaButton",
   componentId: "sc-62r2x6-6"
-})(["display:", ";align-items:center;border:1px dashed ", ";padding:11px 12px;border-radius:3px;cursor:pointer;background-color:transparent;width:100%;height:48px;transition:height 0.03s;", ";", "{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) {
+})(["display:", ";align-items:center;border:1px dashed ", ";padding:11px 12px;border-radius:3px;cursor:pointer;background-color:transparent;width:100%;height:48px;transition:height 0.03s;", ";", ";", "{fill:", ";}", " ", " &: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) {
   return props.hidden ? 'none' : 'flex';
 }, function (props) {
   return props.theme.palette['grey-400'];
 }, function (props) {
   return props.mode === 'multi-large' && props.filesLength === 0 && "\n      height: 160px;\n      flex-direction: column;\n      text-align: center;\n      justify-content: center;\n  ";
+}, function (props) {
+  return props.mode !== 'multi-large' && "\n      gap: 12px;\n  ";
 }, IconContainer, function (props) {
   return props.theme.palette['grey-700'];
 }, function (props) {
@@ -81,7 +83,7 @@ export var DropAreaButton = styled.button.withConfig({
 }, IconContainer, function (props) {
   return props.isDropping && !props.disabled && "\n      height: " + (props.mode === 'multi-large' && props.filesLength === 0 ? '160px' : 'auto') + ";\n      background-color: " + props.theme.palette['blue-050'] + " !important;\n      border-color: " + props.theme.palette['blue-300'] + " !important;\n\n      span, " + DropAreaLabel + ", " + LargeDropAreaLabel + ", " + LargeDropAreaDescription + " {\n        color: " + props.theme.palette['blue-500'] + " !important;\n      }\n\n      " + IconContainer + " {\n        fill: " + props.theme.palette['blue-500'] + " !important;\n      }\n    ";
 });
-export var ErrorMessage = styled(Typography.Text).withConfig({
+export var ErrorMessage = styled(Text).withConfig({
   displayName: "FileUploaderstyles__ErrorMessage",
   componentId: "sc-62r2x6-7"
 })(["&&{margin:8px 0 0;display:block;color:", ";}"], function (props) {

package/dist/FileView/FileView.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useState } from 'react';
 import filesize from 'filesize.js';
 import ProgressBar from '@synerise/ds-progress-bar';
@@ -43,7 +39,7 @@ var FileView = function FileView(_ref) {
     file = data.file,
     progress = data.progress,
     success = data.success;
-  var finalTexts = _objectSpread({
+  var finalTexts = _extends({
     size: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "DS.FILE-UPLOADER.SIZE",
       defaultMessage: "Size"

package/dist/FileView/FileView.styles.d.ts

@@ -7,7 +7,7 @@ export declare const Info: import("styled-components").StyledComponent<"div", an
 export declare const PopconfirmOnRemove: import("styled-components").StyledComponent<import("@synerise/ds-popconfirm/dist/Popconfirm.types").PopconfirmType, any, {}, never>;
 export declare const FileWeight: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Name: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const SizeOrError: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
+export declare const SizeOrError: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const RemoveWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CheckButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RemoveButtonWrapper: import("styled-components").StyledComponent<"div", any, {

package/dist/FileView/FileView.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileView.styles.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY,oEAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAU5B,CAAC;AAEF,eAAO,MAAM,IAAI;cAA0B,OAAO;SAIjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qIAQ9B,CAAC;AACF,eAAO,MAAM,UAAU,oEAKtB,CAAC;AAEF,eAAO,MAAM,IAAI,sEAWhB,CAAC;AAEF,eAAO,MAAM,WAAW,+HAIvB,CAAC;AACF,eAAO,MAAM,aAAa,oEAyBzB,CAAC;AACF,eAAO,MAAM,kBAAkB,oEAsB9B,CAAC;AACF,eAAO,MAAM,mBAAmB;;SA0B/B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;SA2F7B,CAAC"}
+{"version":3,"file":"FileView.styles.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY,oEAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAU5B,CAAC;AAEF,eAAO,MAAM,IAAI;cAA0B,OAAO;SAIjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qIAQ9B,CAAC;AACF,eAAO,MAAM,UAAU,oEAKtB,CAAC;AAEF,eAAO,MAAM,IAAI,sEAWhB,CAAC;AAEF,eAAO,MAAM,WAAW,uMAIvB,CAAC;AACF,eAAO,MAAM,aAAa,oEAyBzB,CAAC;AACF,eAAO,MAAM,kBAAkB,oEAsB9B,CAAC;AACF,eAAO,MAAM,mBAAmB;;SA0B/B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;SA2F7B,CAAC"}

package/dist/ItemUploader/ItemUploader.styles.d.ts

@@ -4,9 +4,9 @@ export declare const UploaderContainer: import("styled-components").StyledCompon
 export declare const DropAreaContainer: import("styled-components").StyledComponent<"div", any, {
     canUploadMore: boolean;
 }, never>;
-export declare const DropAreaLabel: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
+export declare const DropAreaLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const LargeDropAreaLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
+export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const DropAreaButton: import("styled-components").StyledComponent<"button", any, {
     isDropping?: boolean | undefined;
     hasError?: boolean | undefined;
@@ -14,8 +14,8 @@ export declare const DropAreaButton: import("styled-components").StyledComponent
     pressed: boolean;
     filesLength: number;
 }, never>;
-export declare const ErrorMessage: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<import("react").FC<import("antd/lib/typography/Text").TextProps>, any, {
+export declare const ErrorMessage: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const Description: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {
     hasError?: boolean | undefined;
 }, never>;
 export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;

package/dist/ItemUploader/ItemUploader.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemUploader.styles.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,SAAS,oEAErB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa,+HAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,+HAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;;;UAGnB,MAAM;aACH,OAAO;iBACH,MAAM;SAuGpB,CAAC;AAEF,eAAO,MAAM,YAAY,+HAMxB,CAAC;AACF,eAAO,MAAM,WAAW;;SAMvB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC"}
+{"version":3,"file":"ItemUploader.styles.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,SAAS,oEAErB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa,uMAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,uMAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;;;UAGnB,MAAM;aACH,OAAO;iBACH,MAAM;SAuGpB,CAAC;AAEF,eAAO,MAAM,YAAY,uMAMxB,CAAC;AACF,eAAO,MAAM,WAAW;;SAMvB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC"}

package/dist/ItemUploader/UploaderButton/FileViewItem.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import Tooltip from '@synerise/ds-tooltip';
@@ -25,7 +21,7 @@ var FileViewItem = function FileViewItem(_ref) {
     error = data.error,
     file = data.file,
     progress = data.progress;
-  var finalTexts = _objectSpread({
+  var finalTexts = _extends({
     retryTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "DS.FILE-UPLOADER.RETRY-TOOLTIP",
       defaultMessage: "Retry"

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-file-uploader",
-  "version": "0.7.11",
+  "version": "0.8.1",
   "description": "FileUploader UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,22 +34,22 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.22.3",
-    "@synerise/ds-icon": "^0.70.0",
-    "@synerise/ds-loader": "^0.3.22",
-    "@synerise/ds-popconfirm": "^0.10.67",
-    "@synerise/ds-progress-bar": "^0.9.2",
-    "@synerise/ds-tooltip": "^0.14.55",
-    "@synerise/ds-typography": "^0.16.12",
-    "@synerise/ds-utils": "^0.31.2",
+    "@synerise/ds-button": "^0.23.1",
+    "@synerise/ds-icon": "^0.71.1",
+    "@synerise/ds-loader": "^0.4.1",
+    "@synerise/ds-popconfirm": "^0.11.1",
+    "@synerise/ds-progress-bar": "^0.10.1",
+    "@synerise/ds-tooltip": "^0.15.1",
+    "@synerise/ds-typography": "^0.17.1",
+    "@synerise/ds-utils": "^0.32.1",
     "filesize.js": "^2.0.0",
     "react-dropzone": "^10.2.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "react": ">=16.9.0 <= 17.0.2",
+    "react": ">=16.9.0 <= 18.3.1",
     "react-intl": ">=3.12.0 <= 6.8",
-    "styled-components": "5.0.1"
+    "styled-components": "^5.3.3"
   },
-  "gitHead": "56e23cda61b7ddfe7da4669307183b105a500e1a"
+  "gitHead": "38cb22e1c46d175306dd87e10649410eb93a4e44"
 }