@veeqo/ui 12.4.0-beta-8 → 12.4.0

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../../../theme/index.cjs');
+var UploadGraphic = require('../../UploadGraphic.cjs');
 var sizes = require('../../../../theme/modules/sizes.cjs');
+var Stack = require('../../../Stack/Stack.cjs');
+require('../../../Stack/types.cjs');
 var Text = require('../../../Text/Text.cjs');
-var FlexCol = require('../../../Flex/FlexCol/FlexCol.cjs');
-var CloudUploadIcon = require('../../../../icons/design-system/components/CloudUploadIcon.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const UploadCopy = () => (React__default.default.createElement(FlexCol.FlexCol, { alignItems: "center", gap: "sm", style: { pointerEvents: 'none' } },
-    React__default.default.createElement(CloudUploadIcon.ReactComponent, { width: 24, height: 24 }),
-    React__default.default.createElement(Text.Text, { variant: "body", style: { paddingTop: sizes.sizes.sm, color: index.theme.colors.neutral.ink.base } }, "Browse files or drag them here")));
+const UploadCopy = () => (React__default.default.createElement(Stack.Stack, { alignX: "center", alignY: "center", spacing: "sm", style: { pointerEvents: 'none' } },
+    React__default.default.createElement(UploadGraphic.UploadGraphic, null),
+    React__default.default.createElement(Text.Text, { variant: "subheadingSmall", style: { paddingTop: sizes.sizes.sm } }, "Browse files or drag them here")));
 
 exports.UploadCopy = UploadCopy;
 //# sourceMappingURL=UploadCopy.cjs.map

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadCopy.cjs","sources":["../../../../../src/components/UploadFile/components/UploadCopy/UploadCopy.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from 'Theme';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Text } from '../../../Text';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { CloudUploadIcon } from '../../../../icons';\n\nexport const UploadCopy = () => (\n  <FlexCol alignItems=\"center\" gap=\"sm\" style={{ pointerEvents: 'none' }}>\n    <CloudUploadIcon width={24} height={24} />\n    <Text variant=\"body\" style={{ paddingTop: sizes.sm, color: theme.colors.neutral.ink.base }}>\n      Browse files or drag them here\n    </Text>\n  </FlexCol>\n);\n"],"names":["React","FlexCol","CloudUploadIcon","Text","sizes","theme"],"mappings":";;;;;;;;;;;;;AAOa,MAAA,UAAU,GAAG,OACxBA,sBAAC,CAAA,aAAA,CAAAC,eAAO,EAAC,EAAA,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA;IACpED,sBAAC,CAAA,aAAA,CAAAE,8BAAe,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAI,CAAA;AAC1C,IAAAF,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAEC,WAAK,CAAC,EAAE,EAAE,KAAK,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,EAEnF,EAAA,gCAAA,CAAA,CACC;;;;"}
+{"version":3,"file":"UploadCopy.cjs","sources":["../../../../../src/components/UploadFile/components/UploadCopy/UploadCopy.tsx"],"sourcesContent":["import React from 'react';\nimport { UploadGraphic } from '../../UploadGraphic';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\nimport { Text } from '../../../Text';\n\nexport const UploadCopy = () => (\n  <Stack alignX=\"center\" alignY=\"center\" spacing=\"sm\" style={{ pointerEvents: 'none' }}>\n    <UploadGraphic />\n    <Text variant=\"subheadingSmall\" style={{ paddingTop: sizes.sm }}>\n      Browse files or drag them here\n    </Text>\n  </Stack>\n);\n"],"names":["React","Stack","UploadGraphic","Text","sizes"],"mappings":";;;;;;;;;;;;;AAMO,MAAM,UAAU,GAAG,OACxBA,sBAAC,CAAA,aAAA,CAAAC,WAAK,EAAC,EAAA,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA;AAClF,IAAAD,sBAAA,CAAA,aAAA,CAACE,2BAAa,EAAG,IAAA,CAAA;AACjB,IAAAF,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAC,EAAA,OAAO,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAEC,WAAK,CAAC,EAAE,EAAE,EAExD,EAAA,gCAAA,CAAA,CACD;;;;"}

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { theme } from '../../../../theme/index.js';
+import { UploadGraphic } from '../../UploadGraphic.js';
 import { sizes } from '../../../../theme/modules/sizes.js';
+import { Stack } from '../../../Stack/Stack.js';
+import '../../../Stack/types.js';
 import { Text } from '../../../Text/Text.js';
-import { FlexCol } from '../../../Flex/FlexCol/FlexCol.js';
-import { ReactComponent as CloudUploadIcon } from '../../../../icons/design-system/components/CloudUploadIcon.js';
 
-const UploadCopy = () => (React__default.createElement(FlexCol, { alignItems: "center", gap: "sm", style: { pointerEvents: 'none' } },
-    React__default.createElement(CloudUploadIcon, { width: 24, height: 24 }),
-    React__default.createElement(Text, { variant: "body", style: { paddingTop: sizes.sm, color: theme.colors.neutral.ink.base } }, "Browse files or drag them here")));
+const UploadCopy = () => (React__default.createElement(Stack, { alignX: "center", alignY: "center", spacing: "sm", style: { pointerEvents: 'none' } },
+    React__default.createElement(UploadGraphic, null),
+    React__default.createElement(Text, { variant: "subheadingSmall", style: { paddingTop: sizes.sm } }, "Browse files or drag them here")));
 
 export { UploadCopy };
 //# sourceMappingURL=UploadCopy.js.map

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadCopy.js","sources":["../../../../../src/components/UploadFile/components/UploadCopy/UploadCopy.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from 'Theme';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Text } from '../../../Text';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { CloudUploadIcon } from '../../../../icons';\n\nexport const UploadCopy = () => (\n  <FlexCol alignItems=\"center\" gap=\"sm\" style={{ pointerEvents: 'none' }}>\n    <CloudUploadIcon width={24} height={24} />\n    <Text variant=\"body\" style={{ paddingTop: sizes.sm, color: theme.colors.neutral.ink.base }}>\n      Browse files or drag them here\n    </Text>\n  </FlexCol>\n);\n"],"names":["React"],"mappings":";;;;;;;AAOa,MAAA,UAAU,GAAG,OACxBA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA;IACpEA,cAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAI,CAAA;AAC1C,IAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,EAEnF,EAAA,gCAAA,CAAA,CACC;;;;"}
+{"version":3,"file":"UploadCopy.js","sources":["../../../../../src/components/UploadFile/components/UploadCopy/UploadCopy.tsx"],"sourcesContent":["import React from 'react';\nimport { UploadGraphic } from '../../UploadGraphic';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\nimport { Text } from '../../../Text';\n\nexport const UploadCopy = () => (\n  <Stack alignX=\"center\" alignY=\"center\" spacing=\"sm\" style={{ pointerEvents: 'none' }}>\n    <UploadGraphic />\n    <Text variant=\"subheadingSmall\" style={{ paddingTop: sizes.sm }}>\n      Browse files or drag them here\n    </Text>\n  </Stack>\n);\n"],"names":["React"],"mappings":";;;;;;;AAMO,MAAM,UAAU,GAAG,OACxBA,cAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA;AAClF,IAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAG,IAAA,CAAA;AACjB,IAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,EAExD,EAAA,gCAAA,CAAA,CACD;;;;"}

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+var styled = require('../../../../hoc/withLabels/styled.cjs');
+var CriticalIcon = require('../../../../icons/design-system/components/CriticalIcon.cjs');
+var index = require('../../../../theme/index.cjs');
+var FlexRow = require('../../../Flex/FlexRow/FlexRow.cjs');
+var FlexCol = require('../../../Flex/FlexCol/FlexCol.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }) => {
+    if (!acceptedTypesCopy && !maxSizeCopy)
+        return null;
+    return (React__default.default.createElement(FlexRow.FlexRow, { alignItems: "baseline" },
+        React__default.default.createElement(CriticalIcon.ReactComponent, { width: 16, height: 16, color: index.theme.colors.secondary.red.base }),
+        React__default.default.createElement(FlexCol.FlexCol, null,
+            acceptedTypesCopy && React__default.default.createElement(styled.Error, null,
+                "Invalid format (",
+                acceptedTypesCopy,
+                ")"),
+            maxSizeCopy && React__default.default.createElement(styled.Error, null,
+                "File is too big (",
+                maxSizeCopy,
+                ")"))));
+};
+
+exports.UploadFileErrors = UploadFileErrors;
+//# sourceMappingURL=UploadFileErrors.cjs.map

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileErrors.cjs","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"sourcesContent":["import React from 'react';\nimport { Error } from '../../../../hoc/withLabels/styled';\nimport { CriticalIcon } from '../../../../icons';\nimport { theme } from '../../../../theme';\nimport { FlexRow } from '../../../Flex/FlexRow';\nimport { FlexCol } from '../../../Flex/FlexCol';\n\ntype UploadFileErrorsProps = {\n  acceptedTypesCopy?: string;\n  maxSizeCopy?: string;\n};\n\nexport const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => {\n  if (!acceptedTypesCopy && !maxSizeCopy) return null;\n\n  return (\n    <FlexRow alignItems=\"baseline\">\n      <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n      <FlexCol>\n        {acceptedTypesCopy && <Error>Invalid format ({acceptedTypesCopy})</Error>}\n        {maxSizeCopy && <Error>File is too big ({maxSizeCopy})</Error>}\n      </FlexCol>\n    </FlexRow>\n  );\n};\n"],"names":["React","FlexRow","CriticalIcon","theme","FlexCol","Error"],"mappings":";;;;;;;;;;;;;AAYa,MAAA,gBAAgB,GAAG,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAyB,KAAI;AAC5F,IAAA,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAEnD,IAAA,QACEA,sBAAC,CAAA,aAAA,CAAAC,eAAO,EAAC,EAAA,UAAU,EAAC,UAAU,EAAA;QAC5BD,sBAAC,CAAA,aAAA,CAAAE,2BAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAEC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;AAC/E,QAAAH,sBAAA,CAAA,aAAA,CAACI,eAAO,EAAA,IAAA;YACL,iBAAiB,IAAIJ,qCAACK,YAAK,EAAA,IAAA;;gBAAkB,iBAAiB;AAAU,gBAAA,GAAA,CAAA;YACxE,WAAW,IAAIL,qCAACK,YAAK,EAAA,IAAA;;gBAAmB,WAAW;oBAAU,CACtD,CACF;AAEd;;;;"}

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type UploadFileErrorsProps = {
+    acceptedTypesCopy?: string;
+    maxSizeCopy?: string;
+};
+export declare const UploadFileErrors: ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => React.JSX.Element | null;
+export {};

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { Error } from '../../../../hoc/withLabels/styled.js';
+import { ReactComponent as CriticalIcon } from '../../../../icons/design-system/components/CriticalIcon.js';
+import { theme } from '../../../../theme/index.js';
+import { FlexRow } from '../../../Flex/FlexRow/FlexRow.js';
+import { FlexCol } from '../../../Flex/FlexCol/FlexCol.js';
+
+const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }) => {
+    if (!acceptedTypesCopy && !maxSizeCopy)
+        return null;
+    return (React__default.createElement(FlexRow, { alignItems: "baseline" },
+        React__default.createElement(CriticalIcon, { width: 16, height: 16, color: theme.colors.secondary.red.base }),
+        React__default.createElement(FlexCol, null,
+            acceptedTypesCopy && React__default.createElement(Error, null,
+                "Invalid format (",
+                acceptedTypesCopy,
+                ")"),
+            maxSizeCopy && React__default.createElement(Error, null,
+                "File is too big (",
+                maxSizeCopy,
+                ")"))));
+};
+
+export { UploadFileErrors };
+//# sourceMappingURL=UploadFileErrors.js.map

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileErrors.js","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"sourcesContent":["import React from 'react';\nimport { Error } from '../../../../hoc/withLabels/styled';\nimport { CriticalIcon } from '../../../../icons';\nimport { theme } from '../../../../theme';\nimport { FlexRow } from '../../../Flex/FlexRow';\nimport { FlexCol } from '../../../Flex/FlexCol';\n\ntype UploadFileErrorsProps = {\n  acceptedTypesCopy?: string;\n  maxSizeCopy?: string;\n};\n\nexport const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => {\n  if (!acceptedTypesCopy && !maxSizeCopy) return null;\n\n  return (\n    <FlexRow alignItems=\"baseline\">\n      <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n      <FlexCol>\n        {acceptedTypesCopy && <Error>Invalid format ({acceptedTypesCopy})</Error>}\n        {maxSizeCopy && <Error>File is too big ({maxSizeCopy})</Error>}\n      </FlexCol>\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAYa,MAAA,gBAAgB,GAAG,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAyB,KAAI;AAC5F,IAAA,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAEnD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,UAAU,EAAC,UAAU,EAAA;QAC5BA,cAAC,CAAA,aAAA,CAAA,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;AAC/E,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA;YACL,iBAAiB,IAAIA,6BAAC,KAAK,EAAA,IAAA;;gBAAkB,iBAAiB;AAAU,gBAAA,GAAA,CAAA;YACxE,WAAW,IAAIA,6BAAC,KAAK,EAAA,IAAA;;gBAAmB,WAAW;oBAAU,CACtD,CACF;AAEd;;;;"}

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs

@@ -1,67 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../../../theme/index.cjs');
 var Button = require('../../../Button/Button.cjs');
-var CriticalIcon = require('../../../../icons/design-system/components/CriticalIcon.cjs');
 var CrossIcon = require('../../../../icons/design-system/components/CrossIcon.cjs');
-var Text = require('../../../Text/Text.cjs');
-var Image = require('../../../Image/Image.cjs');
-var FlexCol = require('../../../Flex/FlexCol/FlexCol.cjs');
-var getFileSizeString = require('../../utils/getFileSizeString/getFileSizeString.cjs');
-var FlexRow = require('../../../Flex/FlexRow/FlexRow.cjs');
-var styled = require('../../../../hoc/withLabels/styled.cjs');
-var usePreviewImage = require('../../hooks/usePreviewImage/usePreviewImage.cjs');
-var UploadedFile_module = require('./UploadedFile.module.scss.cjs');
-var useFileErrorMessages = require('../../hooks/useFileErrorMessages/useFileErrorMessages.cjs');
+var styled = require('./styled.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const UploadedFile = ({ file, removeFileFromList, disabled, format, fileTypes, maxBytes, }) => {
-    const { previewSrc, shouldShowPreview } = usePreviewImage.usePreviewImage({ file });
-    const { errorMessages, hasCriticalErrors } = useFileErrorMessages.useFileErrorMessages({
-        file,
-        maxBytes,
-        fileTypes,
-        format,
-    });
-    const fileSizeCopy = getFileSizeString.getFileSizeString({ maxBytes: (file === null || file === undefined ? undefined : file.size) || 0, format, baseString: '' });
+const UploadedFile = ({ file, resetSelection, disabled }) => {
     if (!file)
         return null;
-    const RemoveButton = (React__default.default.createElement(Button.Button, { size: "sm", variant: "flat", onClick: () => removeFileFromList(file), iconSlot: React__default.default.createElement(CrossIcon.ReactComponent, null), "aria-label": "Remove file", disabled: disabled }));
-    const ErrorMessages = hasCriticalErrors && (React__default.default.createElement(FlexRow.FlexRow, { alignItems: "flex-start" },
-        React__default.default.createElement(CriticalIcon.ReactComponent, { width: 16, height: 16, color: index.theme.colors.secondary.red.base }),
-        React__default.default.createElement(FlexCol.FlexCol, { style: { flex: 1, minWidth: 0 } },
-            React__default.default.createElement(styled.Error, { className: UploadedFile_module.singleLineTextWithoutFlex }, errorMessages.criticalErrors.map((error, index, array) => {
-                const isNotLast = !!(array.length > index + 1);
-                return `${error.errorMessage}${isNotLast ? ', ' : ''}`;
-            })))));
-    if (!shouldShowPreview) {
-        return (React__default.default.createElement("div", { className: hasCriticalErrors
-                ? UploadedFile_module.uploadedFileContainerCriticalError
-                : UploadedFile_module.uploadedFileContainer },
-            React__default.default.createElement(FlexRow.FlexRow, { justifyContent: "space-between", alignItems: "flex-start" },
-                React__default.default.createElement(FlexRow.FlexRow, { alignItems: "flex-start", style: { flex: 1, minWidth: 0 }, justifyContent: "space-between", flexWrap: "nowrap" },
-                    React__default.default.createElement(Text.Text, { className: UploadedFile_module.singleLineText, variant: "body" }, file.name),
-                    React__default.default.createElement(Text.Text, { variant: "body", className: UploadedFile_module.fileSizeText, style: { color: index.theme.colors.neutral.ink.light } }, fileSizeCopy)),
-                RemoveButton),
-            ErrorMessages));
-    }
-    return (React__default.default.createElement("div", { className: hasCriticalErrors
-            ? UploadedFile_module.uploadedFileContainerCriticalError
-            : UploadedFile_module.uploadedFileContainer },
-        React__default.default.createElement(FlexRow.FlexRow, { justifyContent: "space-between", alignItems: "flex-start" },
-            React__default.default.createElement(FlexRow.FlexRow, { alignItems: "center", style: { flex: 1, minWidth: 0 }, flexWrap: "nowrap" },
-                React__default.default.createElement(Image.Image, { className: UploadedFile_module.previewImage, height: "44", width: "44", src: previewSrc }),
-                React__default.default.createElement(FlexCol.FlexCol, { gap: "xs", style: { flex: 1, minWidth: 0, marginLeft: '8px' } },
-                    React__default.default.createElement(Text.Text, { className: UploadedFile_module.singleLineTextWithoutFlex, variant: "body" }, file === null || file === undefined ? undefined : file.name),
-                    React__default.default.createElement(Text.Text, { variant: "body", className: UploadedFile_module.singleLineTextWithoutFlex, style: {
-                            color: index.theme.colors.neutral.ink.light,
-                        } }, fileSizeCopy))),
-            RemoveButton),
-        ErrorMessages));
+    return (React__default.default.createElement(styled.UploadedFilesListStack, { alignX: "between", direction: "horizontal", alignY: "center" },
+        React__default.default.createElement(styled.SingleLineText, { variant: "body" }, file === null || file === undefined ? undefined : file.name),
+        React__default.default.createElement(Button.Button, { size: "sm", variant: "flat", onClick: resetSelection, iconSlot: React__default.default.createElement(CrossIcon.ReactComponent, null), "aria-label": "Remove file", disabled: disabled })));
 };
 
 exports.UploadedFile = UploadedFile;

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadedFile.cjs","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from 'Theme';\nimport { Button } from '../../../Button';\nimport { CriticalIcon, CrossIcon } from '../../../../icons';\nimport { Text } from '../../../Text';\nimport { Image } from '../../../Image';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { AcceptedFileTypes, FileSizeUnit } from '../../constants';\nimport { getFileSizeString } from '../../utils';\nimport { FlexRow } from '../../../Flex/FlexRow';\nimport { Error } from '../../../../hoc/withLabels/styled';\nimport { usePreviewImage } from '../../hooks/usePreviewImage';\nimport uploadFileStyles from './UploadedFile.module.scss';\nimport { useFileErrorMessages } from '../../hooks/useFileErrorMessages';\n\ntype UploadedFileProps = {\n  file?: File | null;\n  removeFileFromList: (file: File) => void;\n  disabled?: boolean;\n  format: FileSizeUnit;\n  maxBytes: number;\n  fileTypes: Array<AcceptedFileTypes>;\n};\n\nexport const UploadedFile = ({\n  file,\n  removeFileFromList,\n  disabled,\n  format,\n  fileTypes,\n  maxBytes,\n}: UploadedFileProps) => {\n  const { previewSrc, shouldShowPreview } = usePreviewImage({ file });\n\n  const { errorMessages, hasCriticalErrors } = useFileErrorMessages({\n    file,\n    maxBytes,\n    fileTypes,\n    format,\n  });\n\n  const fileSizeCopy = getFileSizeString({ maxBytes: file?.size || 0, format, baseString: '' });\n\n  if (!file) return null;\n\n  const RemoveButton = (\n    <Button\n      size=\"sm\"\n      variant=\"flat\"\n      onClick={() => removeFileFromList(file)}\n      iconSlot={<CrossIcon />}\n      aria-label=\"Remove file\"\n      disabled={disabled}\n    />\n  );\n\n  const ErrorMessages = hasCriticalErrors && (\n    <FlexRow alignItems=\"flex-start\">\n      <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n      <FlexCol style={{ flex: 1, minWidth: 0 }}>\n        <Error className={uploadFileStyles.singleLineTextWithoutFlex}>\n          {errorMessages.criticalErrors.map((error, index, array) => {\n            const isNotLast = !!(array.length > index + 1);\n            return `${error.errorMessage}${isNotLast ? ', ' : ''}`;\n          })}\n        </Error>\n      </FlexCol>\n    </FlexRow>\n  );\n\n  if (!shouldShowPreview) {\n    return (\n      <div\n        className={\n          hasCriticalErrors\n            ? uploadFileStyles.uploadedFileContainerCriticalError\n            : uploadFileStyles.uploadedFileContainer\n        }\n      >\n        <FlexRow justifyContent=\"space-between\" alignItems=\"flex-start\">\n          <FlexRow\n            alignItems=\"flex-start\"\n            style={{ flex: 1, minWidth: 0 }}\n            justifyContent=\"space-between\"\n            flexWrap=\"nowrap\"\n          >\n            <Text className={uploadFileStyles.singleLineText} variant=\"body\">\n              {file.name}\n            </Text>\n            <Text\n              variant=\"body\"\n              className={uploadFileStyles.fileSizeText}\n              style={{ color: theme.colors.neutral.ink.light }}\n            >\n              {fileSizeCopy}\n            </Text>\n          </FlexRow>\n          {RemoveButton}\n        </FlexRow>\n        {ErrorMessages}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={\n        hasCriticalErrors\n          ? uploadFileStyles.uploadedFileContainerCriticalError\n          : uploadFileStyles.uploadedFileContainer\n      }\n    >\n      <FlexRow justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <FlexRow alignItems=\"center\" style={{ flex: 1, minWidth: 0 }} flexWrap=\"nowrap\">\n          <Image\n            className={uploadFileStyles.previewImage}\n            height=\"44\"\n            width=\"44\"\n            src={previewSrc}\n          />\n          <FlexCol gap=\"xs\" style={{ flex: 1, minWidth: 0, marginLeft: '8px' }}>\n            <Text className={uploadFileStyles.singleLineTextWithoutFlex} variant=\"body\">\n              {file?.name}\n            </Text>\n            <Text\n              variant=\"body\"\n              className={uploadFileStyles.singleLineTextWithoutFlex}\n              style={{\n                color: theme.colors.neutral.ink.light,\n              }}\n            >\n              {fileSizeCopy}\n            </Text>\n          </FlexCol>\n        </FlexRow>\n        {RemoveButton}\n      </FlexRow>\n      {ErrorMessages}\n    </div>\n  );\n};\n"],"names":["usePreviewImage","useFileErrorMessages","getFileSizeString","React","Button","CrossIcon","FlexRow","CriticalIcon","theme","FlexCol","Error","uploadFileStyles","Text","Image"],"mappings":"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"}
+{"version":3,"file":"UploadedFile.cjs","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../../Button';\nimport { CrossIcon } from '../../../../icons';\nimport { SingleLineText, UploadedFilesListStack } from './styled';\n\ntype UploadedFileProps = {\n  file?: File;\n  resetSelection: () => void;\n  disabled?: boolean;\n};\n\nexport const UploadedFile = ({ file, resetSelection, disabled }: UploadedFileProps) => {\n  if (!file) return null;\n\n  return (\n    <UploadedFilesListStack alignX=\"between\" direction=\"horizontal\" alignY=\"center\">\n      <SingleLineText variant=\"body\">{file?.name}</SingleLineText>\n      <Button\n        size=\"sm\"\n        variant=\"flat\"\n        onClick={resetSelection}\n        iconSlot={<CrossIcon />}\n        aria-label=\"Remove file\"\n        disabled={disabled}\n      />\n    </UploadedFilesListStack>\n  );\n};\n"],"names":["React","UploadedFilesListStack","SingleLineText","Button","CrossIcon"],"mappings":";;;;;;;;;;;AAWO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAqB,KAAI;AACpF,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,6BAAsB,EAAA,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAA;AAC7E,QAAAD,sBAAA,CAAA,aAAA,CAACE,qBAAc,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,IAAI,CAAkB;AAC5D,QAAAF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEH,sBAAC,CAAA,aAAA,CAAAI,wBAAS,EAAG,IAAA,CAAA,EAAA,YAAA,EACZ,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAAA,CAClB,CACqB;AAE7B;;;;"}

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.d.ts

@@ -1,12 +1,8 @@
 import React from 'react';
-import { AcceptedFileTypes, FileSizeUnit } from '../../constants';
 type UploadedFileProps = {
-    file?: File | null;
-    removeFileFromList: (file: File) => void;
+    file?: File;
+    resetSelection: () => void;
     disabled?: boolean;
-    format: FileSizeUnit;
-    maxBytes: number;
-    fileTypes: Array<AcceptedFileTypes>;
 };
-export declare const UploadedFile: ({ file, removeFileFromList, disabled, format, fileTypes, maxBytes, }: UploadedFileProps) => React.JSX.Element | null;
+export declare const UploadedFile: ({ file, resetSelection, disabled }: UploadedFileProps) => React.JSX.Element | null;
 export {};

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js

@@ -1,61 +1,14 @@
 import React__default from 'react';
-import { theme } from '../../../../theme/index.js';
 import { Button } from '../../../Button/Button.js';
-import { ReactComponent as CriticalIcon } from '../../../../icons/design-system/components/CriticalIcon.js';
 import { ReactComponent as CrossIcon } from '../../../../icons/design-system/components/CrossIcon.js';
-import { Text } from '../../../Text/Text.js';
-import { Image } from '../../../Image/Image.js';
-import { FlexCol } from '../../../Flex/FlexCol/FlexCol.js';
-import { getFileSizeString } from '../../utils/getFileSizeString/getFileSizeString.js';
-import { FlexRow } from '../../../Flex/FlexRow/FlexRow.js';
-import { Error } from '../../../../hoc/withLabels/styled.js';
-import { usePreviewImage } from '../../hooks/usePreviewImage/usePreviewImage.js';
-import uploadFileStyles from './UploadedFile.module.scss.js';
-import { useFileErrorMessages } from '../../hooks/useFileErrorMessages/useFileErrorMessages.js';
+import { UploadedFilesListStack, SingleLineText } from './styled.js';
 
-const UploadedFile = ({ file, removeFileFromList, disabled, format, fileTypes, maxBytes, }) => {
-    const { previewSrc, shouldShowPreview } = usePreviewImage({ file });
-    const { errorMessages, hasCriticalErrors } = useFileErrorMessages({
-        file,
-        maxBytes,
-        fileTypes,
-        format,
-    });
-    const fileSizeCopy = getFileSizeString({ maxBytes: (file === null || file === undefined ? undefined : file.size) || 0, format, baseString: '' });
+const UploadedFile = ({ file, resetSelection, disabled }) => {
     if (!file)
         return null;
-    const RemoveButton = (React__default.createElement(Button, { size: "sm", variant: "flat", onClick: () => removeFileFromList(file), iconSlot: React__default.createElement(CrossIcon, null), "aria-label": "Remove file", disabled: disabled }));
-    const ErrorMessages = hasCriticalErrors && (React__default.createElement(FlexRow, { alignItems: "flex-start" },
-        React__default.createElement(CriticalIcon, { width: 16, height: 16, color: theme.colors.secondary.red.base }),
-        React__default.createElement(FlexCol, { style: { flex: 1, minWidth: 0 } },
-            React__default.createElement(Error, { className: uploadFileStyles.singleLineTextWithoutFlex }, errorMessages.criticalErrors.map((error, index, array) => {
-                const isNotLast = !!(array.length > index + 1);
-                return `${error.errorMessage}${isNotLast ? ', ' : ''}`;
-            })))));
-    if (!shouldShowPreview) {
-        return (React__default.createElement("div", { className: hasCriticalErrors
-                ? uploadFileStyles.uploadedFileContainerCriticalError
-                : uploadFileStyles.uploadedFileContainer },
-            React__default.createElement(FlexRow, { justifyContent: "space-between", alignItems: "flex-start" },
-                React__default.createElement(FlexRow, { alignItems: "flex-start", style: { flex: 1, minWidth: 0 }, justifyContent: "space-between", flexWrap: "nowrap" },
-                    React__default.createElement(Text, { className: uploadFileStyles.singleLineText, variant: "body" }, file.name),
-                    React__default.createElement(Text, { variant: "body", className: uploadFileStyles.fileSizeText, style: { color: theme.colors.neutral.ink.light } }, fileSizeCopy)),
-                RemoveButton),
-            ErrorMessages));
-    }
-    return (React__default.createElement("div", { className: hasCriticalErrors
-            ? uploadFileStyles.uploadedFileContainerCriticalError
-            : uploadFileStyles.uploadedFileContainer },
-        React__default.createElement(FlexRow, { justifyContent: "space-between", alignItems: "flex-start" },
-            React__default.createElement(FlexRow, { alignItems: "center", style: { flex: 1, minWidth: 0 }, flexWrap: "nowrap" },
-                React__default.createElement(Image, { className: uploadFileStyles.previewImage, height: "44", width: "44", src: previewSrc }),
-                React__default.createElement(FlexCol, { gap: "xs", style: { flex: 1, minWidth: 0, marginLeft: '8px' } },
-                    React__default.createElement(Text, { className: uploadFileStyles.singleLineTextWithoutFlex, variant: "body" }, file === null || file === undefined ? undefined : file.name),
-                    React__default.createElement(Text, { variant: "body", className: uploadFileStyles.singleLineTextWithoutFlex, style: {
-                            color: theme.colors.neutral.ink.light,
-                        } }, fileSizeCopy))),
-            RemoveButton),
-        ErrorMessages));
+    return (React__default.createElement(UploadedFilesListStack, { alignX: "between", direction: "horizontal", alignY: "center" },
+        React__default.createElement(SingleLineText, { variant: "body" }, file === null || file === undefined ? undefined : file.name),
+        React__default.createElement(Button, { size: "sm", variant: "flat", onClick: resetSelection, iconSlot: React__default.createElement(CrossIcon, null), "aria-label": "Remove file", disabled: disabled })));
 };
 
 export { UploadedFile };

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadedFile.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from 'Theme';\nimport { Button } from '../../../Button';\nimport { CriticalIcon, CrossIcon } from '../../../../icons';\nimport { Text } from '../../../Text';\nimport { Image } from '../../../Image';\nimport { FlexCol } from '../../../Flex/FlexCol';\nimport { AcceptedFileTypes, FileSizeUnit } from '../../constants';\nimport { getFileSizeString } from '../../utils';\nimport { FlexRow } from '../../../Flex/FlexRow';\nimport { Error } from '../../../../hoc/withLabels/styled';\nimport { usePreviewImage } from '../../hooks/usePreviewImage';\nimport uploadFileStyles from './UploadedFile.module.scss';\nimport { useFileErrorMessages } from '../../hooks/useFileErrorMessages';\n\ntype UploadedFileProps = {\n  file?: File | null;\n  removeFileFromList: (file: File) => void;\n  disabled?: boolean;\n  format: FileSizeUnit;\n  maxBytes: number;\n  fileTypes: Array<AcceptedFileTypes>;\n};\n\nexport const UploadedFile = ({\n  file,\n  removeFileFromList,\n  disabled,\n  format,\n  fileTypes,\n  maxBytes,\n}: UploadedFileProps) => {\n  const { previewSrc, shouldShowPreview } = usePreviewImage({ file });\n\n  const { errorMessages, hasCriticalErrors } = useFileErrorMessages({\n    file,\n    maxBytes,\n    fileTypes,\n    format,\n  });\n\n  const fileSizeCopy = getFileSizeString({ maxBytes: file?.size || 0, format, baseString: '' });\n\n  if (!file) return null;\n\n  const RemoveButton = (\n    <Button\n      size=\"sm\"\n      variant=\"flat\"\n      onClick={() => removeFileFromList(file)}\n      iconSlot={<CrossIcon />}\n      aria-label=\"Remove file\"\n      disabled={disabled}\n    />\n  );\n\n  const ErrorMessages = hasCriticalErrors && (\n    <FlexRow alignItems=\"flex-start\">\n      <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n      <FlexCol style={{ flex: 1, minWidth: 0 }}>\n        <Error className={uploadFileStyles.singleLineTextWithoutFlex}>\n          {errorMessages.criticalErrors.map((error, index, array) => {\n            const isNotLast = !!(array.length > index + 1);\n            return `${error.errorMessage}${isNotLast ? ', ' : ''}`;\n          })}\n        </Error>\n      </FlexCol>\n    </FlexRow>\n  );\n\n  if (!shouldShowPreview) {\n    return (\n      <div\n        className={\n          hasCriticalErrors\n            ? uploadFileStyles.uploadedFileContainerCriticalError\n            : uploadFileStyles.uploadedFileContainer\n        }\n      >\n        <FlexRow justifyContent=\"space-between\" alignItems=\"flex-start\">\n          <FlexRow\n            alignItems=\"flex-start\"\n            style={{ flex: 1, minWidth: 0 }}\n            justifyContent=\"space-between\"\n            flexWrap=\"nowrap\"\n          >\n            <Text className={uploadFileStyles.singleLineText} variant=\"body\">\n              {file.name}\n            </Text>\n            <Text\n              variant=\"body\"\n              className={uploadFileStyles.fileSizeText}\n              style={{ color: theme.colors.neutral.ink.light }}\n            >\n              {fileSizeCopy}\n            </Text>\n          </FlexRow>\n          {RemoveButton}\n        </FlexRow>\n        {ErrorMessages}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={\n        hasCriticalErrors\n          ? uploadFileStyles.uploadedFileContainerCriticalError\n          : uploadFileStyles.uploadedFileContainer\n      }\n    >\n      <FlexRow justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <FlexRow alignItems=\"center\" style={{ flex: 1, minWidth: 0 }} flexWrap=\"nowrap\">\n          <Image\n            className={uploadFileStyles.previewImage}\n            height=\"44\"\n            width=\"44\"\n            src={previewSrc}\n          />\n          <FlexCol gap=\"xs\" style={{ flex: 1, minWidth: 0, marginLeft: '8px' }}>\n            <Text className={uploadFileStyles.singleLineTextWithoutFlex} variant=\"body\">\n              {file?.name}\n            </Text>\n            <Text\n              variant=\"body\"\n              className={uploadFileStyles.singleLineTextWithoutFlex}\n              style={{\n                color: theme.colors.neutral.ink.light,\n              }}\n            >\n              {fileSizeCopy}\n            </Text>\n          </FlexCol>\n        </FlexRow>\n        {RemoveButton}\n      </FlexRow>\n      {ErrorMessages}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"UploadedFile.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../../Button';\nimport { CrossIcon } from '../../../../icons';\nimport { SingleLineText, UploadedFilesListStack } from './styled';\n\ntype UploadedFileProps = {\n  file?: File;\n  resetSelection: () => void;\n  disabled?: boolean;\n};\n\nexport const UploadedFile = ({ file, resetSelection, disabled }: UploadedFileProps) => {\n  if (!file) return null;\n\n  return (\n    <UploadedFilesListStack alignX=\"between\" direction=\"horizontal\" alignY=\"center\">\n      <SingleLineText variant=\"body\">{file?.name}</SingleLineText>\n      <Button\n        size=\"sm\"\n        variant=\"flat\"\n        onClick={resetSelection}\n        iconSlot={<CrossIcon />}\n        aria-label=\"Remove file\"\n        disabled={disabled}\n      />\n    </UploadedFilesListStack>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAWO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAqB,KAAI;AACpF,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,sBAAsB,EAAA,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAA;AAC7E,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,IAAI,CAAkB;AAC5D,QAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAG,IAAA,CAAA,EAAA,YAAA,EACZ,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAAA,CAClB,CACqB;AAE7B;;;;"}

package/dist/components/UploadFile/components/UploadedFile/styled.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var styled = require('styled-components');
+var Text = require('../../../Text/Text.cjs');
+var colors = require('../../../../theme/modules/colors.cjs');
+var radius = require('../../../../theme/modules/radius.cjs');
+var sizes = require('../../../../theme/modules/sizes.cjs');
+var Stack = require('../../../Stack/Stack.cjs');
+require('../../../Stack/types.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const SingleLineText = styled__default.default(Text.Text).withConfig({ displayName: "vui--SingleLineText", componentId: "vui--1aguyhc" }) `display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`;
+const UploadedFilesListStack = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--UploadedFilesListStack", componentId: "vui--1g0ca18" }) `border:1px solid ${colors.colors.neutral.ink.lightest};border-radius:${radius.radius.base};padding:${sizes.sizes.xs};${Text.Text}{padding-left:${sizes.sizes.xs};}`;
+
+exports.SingleLineText = SingleLineText;
+exports.UploadedFilesListStack = UploadedFilesListStack;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/UploadFile/components/UploadedFile/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/UploadFile/components/UploadedFile/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Text } from '../../../Text';\nimport { colors } from '../../../../theme/modules/colors';\nimport { radius } from '../../../../theme/modules/radius';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\n\nexport const SingleLineText = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n`;\n\nexport const UploadedFilesListStack = styled(Stack)`\n  border: 1px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  padding: ${sizes.xs};\n\n  ${Text} {\n    padding-left: ${sizes.xs};\n  }\n`;\n"],"names":["styled","Text","Stack","colors","radius","sizes"],"mappings":";;;;;;;;;;;;;;MAOa,cAAc,GAAGA,uBAAM,CAACC,SAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qFAAA;AAOnC,MAAM,sBAAsB,GAAGD,uBAAM,CAACE,WAAK,CAAC,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAAC,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9BC,aAAM,CAAC,IAAI,CAAA,SAAA,EACjBC,WAAK,CAAC,EAAE,CAEjB,CAAA,EAAAJ,SAAI,CACY,cAAA,EAAAI,WAAK,CAAC,EAAE;;;;;"}

package/dist/components/UploadFile/components/UploadedFile/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const SingleLineText: import("styled-components").StyledComponent<"span", any, {} & import("../../../Text/types").TextProps, never>;
+export declare const UploadedFilesListStack: import("styled-components").StyledComponent<"div", any, import("../../../Stack").StackProps, never>;

package/dist/components/UploadFile/components/UploadedFile/styled.js

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+import { Text } from '../../../Text/Text.js';
+import { colors } from '../../../../theme/modules/colors.js';
+import { radius } from '../../../../theme/modules/radius.js';
+import { sizes } from '../../../../theme/modules/sizes.js';
+import { Stack } from '../../../Stack/Stack.js';
+import '../../../Stack/types.js';
+
+const SingleLineText = styled(Text).withConfig({ displayName: "vui--SingleLineText", componentId: "vui--1aguyhc" }) `display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`;
+const UploadedFilesListStack = styled(Stack).withConfig({ displayName: "vui--UploadedFilesListStack", componentId: "vui--1g0ca18" }) `border:1px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};padding:${sizes.xs};${Text}{padding-left:${sizes.xs};}`;
+
+export { SingleLineText, UploadedFilesListStack };
+//# sourceMappingURL=styled.js.map

package/dist/components/UploadFile/components/UploadedFile/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Text } from '../../../Text';\nimport { colors } from '../../../../theme/modules/colors';\nimport { radius } from '../../../../theme/modules/radius';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\n\nexport const SingleLineText = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n`;\n\nexport const UploadedFilesListStack = styled(Stack)`\n  border: 1px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  padding: ${sizes.xs};\n\n  ${Text} {\n    padding-left: ${sizes.xs};\n  }\n`;\n"],"names":[],"mappings":";;;;;;;;MAOa,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qFAAA;AAOnC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9B,MAAM,CAAC,IAAI,CAAA,SAAA,EACjB,KAAK,CAAC,EAAE,CAEjB,CAAA,EAAA,IAAI,CACY,cAAA,EAAA,KAAK,CAAC,EAAE;;;;"}

package/dist/components/UploadFile/constants.cjs

@@ -2,78 +2,22 @@
 
 exports.AcceptedFileTypes = void 0;
 (function (AcceptedFileTypes) {
-    // DATA FILES
     AcceptedFileTypes["CSV"] = ".csv";
-    AcceptedFileTypes["JSON"] = ".json";
-    AcceptedFileTypes["XML"] = ".xml";
-    AcceptedFileTypes["TXT"] = ".txt";
-    // DOCUMENTS
-    AcceptedFileTypes["PDF"] = ".pdf";
-    AcceptedFileTypes["DOC"] = ".doc";
-    AcceptedFileTypes["DOCX"] = ".docx";
-    AcceptedFileTypes["XLS"] = ".xls";
-    AcceptedFileTypes["XLSX"] = ".xlsx";
-    AcceptedFileTypes["PPT"] = ".ppt";
-    AcceptedFileTypes["PPTX"] = ".pptx";
-    AcceptedFileTypes["ODT"] = ".odt";
-    AcceptedFileTypes["ODS"] = ".ods";
-    AcceptedFileTypes["ODP"] = ".odp";
-    AcceptedFileTypes["RTF"] = ".rtf";
-    // IMAGES
     AcceptedFileTypes["JPEG"] = ".jpeg";
     AcceptedFileTypes["JPG"] = ".jpg";
-    AcceptedFileTypes["PNG"] = ".png";
     AcceptedFileTypes["GIF"] = ".gif";
-    AcceptedFileTypes["BMP"] = ".bmp";
-    AcceptedFileTypes["WEBP"] = ".webp";
-    AcceptedFileTypes["SVG"] = ".svg";
-    AcceptedFileTypes["ICO"] = ".ico";
-    AcceptedFileTypes["TIFF"] = ".tiff";
-    AcceptedFileTypes["TIF"] = ".tif";
-    // AUDIO
-    AcceptedFileTypes["MP3"] = ".mp3";
-    AcceptedFileTypes["WAV"] = ".wav";
-    AcceptedFileTypes["OGG"] = ".ogg";
-    AcceptedFileTypes["AAC"] = ".aac";
-    AcceptedFileTypes["FLAC"] = ".flac";
-    AcceptedFileTypes["M4A"] = ".m4a";
-    AcceptedFileTypes["WMA"] = ".wma";
-    // VIDEO
-    AcceptedFileTypes["MP4"] = ".mp4";
-    AcceptedFileTypes["AVI"] = ".avi";
-    AcceptedFileTypes["MOV"] = ".mov";
-    AcceptedFileTypes["WMV"] = ".wmv";
-    AcceptedFileTypes["FLV"] = ".flv";
-    AcceptedFileTypes["WEBM"] = ".webm";
-    AcceptedFileTypes["MKV"] = ".mkv";
-    AcceptedFileTypes["M4V"] = ".m4v";
-    // ARCHIVES
-    AcceptedFileTypes["ZIP"] = ".zip";
-    AcceptedFileTypes["RAR"] = ".rar";
-    AcceptedFileTypes["SEVEN_Z"] = ".7z";
-    AcceptedFileTypes["TAR"] = ".tar";
-    AcceptedFileTypes["GZ"] = ".gz";
+    AcceptedFileTypes["PNG"] = ".png";
 })(exports.AcceptedFileTypes || (exports.AcceptedFileTypes = {}));
 exports.FileSizeUnit = void 0;
 (function (FileSizeUnit) {
     FileSizeUnit["KB"] = "KB";
     FileSizeUnit["MB"] = "MB";
 })(exports.FileSizeUnit || (exports.FileSizeUnit = {}));
-exports.ErrorType = void 0;
-(function (ErrorType) {
-    ErrorType["critical"] = "CRITICAL";
-    ErrorType["warning"] = "WARNING";
-})(exports.ErrorType || (exports.ErrorType = {}));
-const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;
-exports.InputErrorStateMessages = void 0;
-(function (InputErrorStateMessages) {
-    InputErrorStateMessages["VALID"] = "";
-    InputErrorStateMessages["INVALID_FORMAT"] = "Please provide a file with a valid format.";
-    InputErrorStateMessages["INVALID_FORMATS"] = "Please provide files with a valid format.";
-    InputErrorStateMessages["INVALID_SIZE"] = "Please provide file with an acceptable size.";
-    InputErrorStateMessages["INVALID_SIZES"] = "Please provide files with an acceptable size.";
-    InputErrorStateMessages["INVALID_FORMAT_AND_SIZE"] = "Please provide files with an acceptable size and format.";
-})(exports.InputErrorStateMessages || (exports.InputErrorStateMessages = {}));
-
-exports.DEFAULT_MAXIMUM_MULTIPLE_FILES = DEFAULT_MAXIMUM_MULTIPLE_FILES;
+exports.InputState = void 0;
+(function (InputState) {
+    InputState["VALID"] = "";
+    InputState["INVALID_FORMAT"] = "File is incorrect format";
+    InputState["INVALID_SIZE"] = "File size is too big";
+    InputState["INVALID_FORMAT_AND_SIZE"] = "File is incorrect format and too big";
+})(exports.InputState || (exports.InputState = {}));
 //# sourceMappingURL=constants.cjs.map

package/dist/components/UploadFile/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../src/components/UploadFile/constants.ts"],"sourcesContent":["export enum AcceptedFileTypes {\n  // DATA FILES\n  CSV = '.csv',\n  JSON = '.json',\n  XML = '.xml',\n  TXT = '.txt',\n\n  // DOCUMENTS\n  PDF = '.pdf',\n  DOC = '.doc',\n  DOCX = '.docx',\n  XLS = '.xls',\n  XLSX = '.xlsx',\n  PPT = '.ppt',\n  PPTX = '.pptx',\n  ODT = '.odt',\n  ODS = '.ods',\n  ODP = '.odp',\n  RTF = '.rtf',\n\n  // IMAGES\n  JPEG = '.jpeg',\n  JPG = '.jpg',\n  PNG = '.png',\n  GIF = '.gif',\n  BMP = '.bmp',\n  WEBP = '.webp',\n  SVG = '.svg',\n  ICO = '.ico',\n  TIFF = '.tiff',\n  TIF = '.tif',\n\n  // AUDIO\n  MP3 = '.mp3',\n  WAV = '.wav',\n  OGG = '.ogg',\n  AAC = '.aac',\n  FLAC = '.flac',\n  M4A = '.m4a',\n  WMA = '.wma',\n\n  // VIDEO\n  MP4 = '.mp4',\n  AVI = '.avi',\n  MOV = '.mov',\n  WMV = '.wmv',\n  FLV = '.flv',\n  WEBM = '.webm',\n  MKV = '.mkv',\n  M4V = '.m4v',\n\n  // ARCHIVES\n  ZIP = '.zip',\n  RAR = '.rar',\n  SEVEN_Z = '.7z',\n  TAR = '.tar',\n  GZ = '.gz',\n}\n\nexport enum FileSizeUnit {\n  KB = 'KB',\n  MB = 'MB',\n}\n\nexport enum ErrorType {\n  critical = 'CRITICAL',\n  warning = 'WARNING',\n}\n\nexport const DEFAULT_MAXIMUM_MULTIPLE_FILES = 10;\n\nexport enum InputErrorStateMessages {\n  VALID = '',\n  INVALID_FORMAT = 'Please provide a file with a valid format.',\n  INVALID_FORMATS = 'Please provide files with a valid format.',\n  INVALID_SIZE = 'Please provide file with an acceptable size.',\n  INVALID_SIZES = 'Please provide files with an acceptable size.',\n  INVALID_FORMAT_AND_SIZE = 'Please provide files with an acceptable size and format.',\n}\n"],"names":["AcceptedFileTypes","FileSizeUnit","ErrorType","InputErrorStateMessages"],"mappings":"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"}
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/UploadFile/constants.ts"],"sourcesContent":["export enum AcceptedFileTypes {\n  CSV = '.csv',\n  JPEG = '.jpeg',\n  JPG = '.jpg',\n  GIF = '.gif',\n  PNG = '.png',\n}\n\nexport enum FileSizeUnit {\n  KB = 'KB',\n  MB = 'MB',\n}\n\nexport enum InputState {\n  VALID = '',\n  INVALID_FORMAT = 'File is incorrect format',\n  INVALID_SIZE = 'File size is too big',\n  INVALID_FORMAT_AND_SIZE = 'File is incorrect format and too big',\n}\n"],"names":["AcceptedFileTypes","FileSizeUnit","InputState"],"mappings":";;AAAYA;AAAZ,CAAA,UAAY,iBAAiB,EAAA;AAC3B,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,MAAY;AACZ,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,OAAc;AACd,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,MAAY;AACZ,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,MAAY;AACZ,IAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,MAAY;AACd,CAAC,EANWA,yBAAiB,KAAjBA,yBAAiB,GAM5B,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAY,YAAY,EAAA;AACtB,IAAA,YAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,YAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACX,CAAC,EAHWA,oBAAY,KAAZA,oBAAY,GAGvB,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,EAAU;AACV,IAAA,UAAA,CAAA,gBAAA,CAAA,GAAA,0BAA2C;AAC3C,IAAA,UAAA,CAAA,cAAA,CAAA,GAAA,sBAAqC;AACrC,IAAA,UAAA,CAAA,yBAAA,CAAA,GAAA,sCAAgE;AAClE,CAAC,EALWA,kBAAU,KAAVA,kBAAU,GAKrB,EAAA,CAAA,CAAA;;"}