@aquera/nile-elements 0.1.61-beta-1.0 → 0.1.62

package/dist/src/nile-file-preview/utils/nile-file-preview.util.js

@@ -1,63 +0,0 @@
-import { FilePreviewEvent, FilePreviewErrorMessages } from "../types";
-export const generatePreviewUrl = (file) => {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        if (file) {
-            reader.readAsDataURL(file);
-        }
-        else {
-            reject(FilePreviewErrorMessages.NO_FILE_SELECTED);
-        }
-        reader.onload = () => {
-            const previewUrl = reader.result;
-            resolve(previewUrl);
-        };
-        reader.onerror = (error) => {
-            reject(FilePreviewErrorMessages.UNABLE_TO_GENEARTE_URL);
-        };
-    });
-};
-export const removeFile = (removeFile, e, originalUrl) => {
-    if (e.target) {
-        e.target.dispatchEvent(new CustomEvent(FilePreviewEvent.NILE_REMOVE, {
-            detail: { value: removeFile, url: originalUrl },
-            bubbles: true,
-            composed: true,
-        }));
-    }
-};
-export const cancelFileUpload = (file, e) => {
-    if (e.target) {
-        e.target.dispatchEvent(new CustomEvent(FilePreviewEvent.NILE_CANCEL_UPLOAD, {
-            detail: { file: file },
-            bubbles: true,
-            composed: true,
-        }));
-    }
-};
-export const formatFileSize = (bytes) => {
-    const kb = bytes / 1024;
-    const mb = kb / 1024;
-    const gb = mb / 1024;
-    if (gb >= 1)
-        return gb.toFixed(2) + ' GB';
-    if (mb >= 1)
-        return mb.toFixed(2) + ' MB';
-    if (kb >= 1)
-        return kb.toFixed(2) + ' KB';
-    return bytes + ' B';
-};
-export const getFileType = (type) => {
-    return type.split('/')[1].toUpperCase();
-};
-export const truncateString = (str, type) => {
-    return str.length > 20 ? (str.slice(0, 10) + '...' + str.slice(str.length - 5, str.length - 1) + '.' + type.split('/')[1]) : str;
-};
-export const fileUploadServerError = (nileFilePreview) => {
-    document.addEventListener('nile-network-error', (e) => {
-        console.log('working file preview');
-        nileFilePreview.errorMessage = FilePreviewErrorMessages.NETWORK_ERROR;
-        nileFilePreview.requestUpdate();
-    });
-};
-//# sourceMappingURL=nile-file-preview.util.js.map

package/dist/src/nile-file-preview/utils/nile-file-preview.util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-file-preview.util.js","sourceRoot":"","sources":["../../../../src/nile-file-preview/utils/nile-file-preview.util.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAExF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAU,EAAmB,EAAE;IAChE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAEhC,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;QACpD,CAAC;QAED,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,MAAM,UAAU,GAAG,MAAM,CAAC,MAAgB,CAAC;YAC3C,OAAO,CAAC,UAAU,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;YACzB,MAAM,CAAC,wBAAwB,CAAC,sBAAsB,CAAC,CAAC;QAC1D,CAAC,CAAA;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,UAAgB,EAAE,CAAgC,EAAE,WAAmB,EAAQ,EAAE;IAC1G,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACb,CAAC,CAAC,MAAM,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,gBAAgB,CAAC,WAAW,EAAE;YAC5C,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,EAAE;YAC/C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,CAAgC,EAAE,EAAE;IAC/E,IAAG,CAAC,CAAC,MAAM,EAAE,CAAC;QACZ,CAAC,CAAC,MAAM,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,EAAE;YACnD,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;YACtB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAU,EAAE;IACtD,MAAM,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAErB,IAAI,EAAE,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;IAC1C,IAAI,EAAE,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;IAC1C,IAAI,EAAE,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;IAC1C,OAAO,KAAK,GAAG,IAAI,CAAC;AACtB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAU,EAAE;IAClD,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AAC1C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,IAAY,EAAU,EAAE;IAClE,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,GAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACpI,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,eAAgC,EAAE,EAAE;IACxE,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,CAAC,CAAM,EAAE,EAAE;QACzD,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;QAEpC,eAAe,CAAC,YAAY,GAAG,wBAAwB,CAAC,aAAa,CAAC;QACtE,eAAe,CAAC,aAAa,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;AACL,CAAC,CAAA","sourcesContent":["import NileFilePreview from \"../nile-file-preview\";\nimport { RemoveFileDetail, FilePreviewEvent, FilePreviewErrorMessages } from \"../types\";\n\nexport const generatePreviewUrl = (file: File): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    if (file) {\n      reader.readAsDataURL(file);\n    } else {\n      reject(FilePreviewErrorMessages.NO_FILE_SELECTED);\n    }\n\n    reader.onload = () => {\n      const previewUrl = reader.result as string;\n      resolve(previewUrl);\n    };\n\n    reader.onerror = (error) => {\n      reject(FilePreviewErrorMessages.UNABLE_TO_GENEARTE_URL);\n    }\n  });\n}\n\nexport const removeFile = (removeFile: File, e: CustomEvent<RemoveFileDetail>, originalUrl: string): void => {\n  if (e.target) {\n    e.target.dispatchEvent(\n      new CustomEvent(FilePreviewEvent.NILE_REMOVE, {\n        detail: { value: removeFile, url: originalUrl },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n};\n\nexport const cancelFileUpload = (file: File, e: CustomEvent<RemoveFileDetail>) => {\n  if(e.target) {\n    e.target.dispatchEvent(\n      new CustomEvent(FilePreviewEvent.NILE_CANCEL_UPLOAD, {\n        detail: { file: file },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n}\n\nexport const formatFileSize = (bytes: number): string => {\n  const kb = bytes / 1024;\n  const mb = kb / 1024;\n  const gb = mb / 1024;\n\n  if (gb >= 1) return gb.toFixed(2) + ' GB';\n  if (mb >= 1) return mb.toFixed(2) + ' MB';\n  if (kb >= 1) return kb.toFixed(2) + ' KB';\n  return bytes + ' B';\n}\n\nexport const getFileType = (type: string): string => {\n  return type.split('/')[1].toUpperCase();\n}\n\nexport const truncateString = (str: string, type: string): string => {\n  return str.length > 20 ? (str.slice(0, 10) + '...' +  str.slice(str.length - 5, str.length - 1) + '.' + type.split('/')[1]) : str;\n}\n\nexport const fileUploadServerError = (nileFilePreview: NileFilePreview) => {\n  document.addEventListener('nile-network-error', (e: any) => {\n    console.log('working file preview');\n    \n    nileFilePreview.errorMessage = FilePreviewErrorMessages.NETWORK_ERROR;\n    nileFilePreview.requestUpdate();\n  });\n}"]}

package/dist/src/nile-file-upload/index.d.ts

@@ -1 +0,0 @@
-export { NileFileUpload } from './nile-file-upload';

package/dist/src/nile-file-upload/index.js

@@ -1,2 +0,0 @@
-export { NileFileUpload } from './nile-file-upload';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-file-upload/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { NileFileUpload } from './nile-file-upload';\n"]}

package/dist/src/nile-file-upload/nile-file-upload.css.d.ts

@@ -1,12 +0,0 @@
-/**
-* Copyright Aquera Inc 2023
-*
-* This source code is licensed under the BSD-3-Clause license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/**
- * FileUpload CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-file-upload/nile-file-upload.css.js

@@ -1,597 +0,0 @@
-/**
-* Copyright Aquera Inc 2023
-*
-* This source code is licensed under the BSD-3-Clause license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-import { css } from 'lit';
-/**
- * FileUpload CSS
- */
-export const styles = css `
-  :host {
-    display: inline-block;
-  }
-
-  * {
-    padding: 0px;
-    margin: 0px;
-    box-sizing: border-box;
-  }
-
-  .wrapper {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    width: min-content;
-  }
-
-  input {
-    display: none;
-  }
-
-  .horizontal-div {
-    margin-bottom: 10px;
-    height: 62px;
-    max-width: 648px;
-    width: 648px;
-    min-width: 230px;
-    padding: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 18px;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px dashed var(--nile-colors-neutral-500);
-    color: var(--nile-colors-dark-900);
-    background-color: var(--nile-colors-white-base);
-  }
-
-  .hover-border {
-    border-color: var(--nile-colors-primary-600);
-  }
-
-  .title {
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    max-width: 454px;
-    width: 100%;
-  }
-
-  .subtitle {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-500);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    max-width: 454px;
-  }
-
-  .vertical-div {
-    min-height: 156px;
-    height: auto;
-    min-width: 240px;
-    width: 240px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: center;
-    padding: 12px;
-    border-radius: var(--nile-radius-radius-xs);
-    color: var(--nile-colors-dark-900);
-    border: 1px dashed var(--nile-colors-neutral-500);
-    background-color: var(--nile-colors-white-base);
-    position: relative; 
-  }
-
-  .vertical-div:hover {
-    border-color: var(--nile-colors-blue-500);
-  }
-
-  .outer-div-border {
-    border: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  .inner-div {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 18px;
-    box-sizing: border-box;
-  }
-
-  .content {
-    display: flex;  
-    flex-direction: column;
-    justify-content: center;
-    gap: 8px;
-  }
-
-  .content h4 {
-    margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 454px;w
-  }
-      
-  .content p {
-    margin: 0px;
-    font-size: var(--nile-type-scale-2);
-    color: var(--nile-colors-neutral-700);
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 454px;
-  }
-
-  ::slotted(img), ::slotted(nile-icon), ::slotted(video) {
-    --nile-svg-height: 24px !important ;
-    --nile-svg-width: 24px !important ;
-    height:42px;
-    width: 42px;
-    object-fit: cover;
-  }
-
-  /*  DISABLED STATE */
-  .disable {
-    background-color: var(--nile-colors-dark-200);
-    opacity: 0.8;
-    cursor: not-allowed;
-    color: var(--nile-colors-neutral-500);
-    pointer-events: none;
-  }
-
-  /* DRAGGING */
-  .dragging {
-    background-color: var(--nile-colors-blue-100);
-    border-color: var(--nile-colors-primary-600);
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 18px;
-    color: var(--nile-colors-blue-700);
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  .icons-container {
-    display: flex;
-    gap: 4px;
-  }
-
-  .general-icon {
-    transform: rotate(-18.11deg);
-    position: relative;
-    bottom: 3px;
-  }
-
-  .image-icon {
-    transform: rotate(15deg);
-  }
-
-  .icon:hover {
-    cursor: pointer;
-  }
-
-  /* Uploading State */
-  .uploading {
-    width: 648px;
-    min-width: 230px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 18px;
-    box-sizing: border-box;
-    border: 1px solid var(--nile-colors-neutral-400)
-  }
-  
-  .uploading:hover {
-    border-color: var(--nile-colors-neutral-400);
-  }
-
-  .progress-bar-container {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 0px;
-  }
-
-  .progress-bar-percent {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  .progress-bar-container p {
-    margin: 0px;
-  }
-
-  .progress-bar-container > p {
-    font-size: var(--nile-type-scale-1);
-    color: var(--nile-colors-dark-500);
-  }
-
-  /* PREVIEW STATE */
-  .preview {
-    border: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  .preview:hover {
-    border-color: var(--nile-colors-neutral-400);
-  }
-
-  .preview-inner {
-    display: flex;
-    gap: 18px;
-  }
-
-  .preview-image-container {
-    height: 42px;
-    width: 42px;
-  }
-
-  .preview-image-container img {
-    height: 42px;
-    width: 42px;
-    object-fit: contain;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px solid var(--nile-colors-neutral-400);
-  }
-  
-  .preview-file-info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    gap: 8px;
-  }
-
-  .preview-file-info p {
-    margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  .preview-file-info p:last-of-type{
-    color: var(--nile-colors-neutral-700);
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  .preview nile-icon:hover {
-    cursor: pointer;
-  }
-
-
-  /* NO PREVIEW STATE */
-  .no-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  .no-preview:hover {
-    border-color: var(--nile-colors-neutral-400);
-  }
-
-  .no-preview-container {
-    display: flex;
-    gap: 18px;
-  }
-
-  .document-icon {
-    height: 40px;
-    width: 40px;
-    border-radius: var(--nile-radius-radius-xs);
-    padding: 2px 3px 2px 3px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border: 1px solid var(--nile-colors-blue-400);
-    background-color: var(--nile-colors-blue-100);
-  }
-
-  .document-icon nile-icon {
-    height: 40px;
-    width: 40px;
-  }
-  
-  .preview-file-info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    gap: 8px;
-  }
-
-  .preview-file-info p {
-    margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  .preview-file-info p:last-of-type{
-    color: var(--nile-colors-neutral-700);
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  .no-preview > nile-icon:hover {
-    cursor: pointer;
-  }
-
-  /* ERROR STATE */
-  
-  .error {
-    border: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  .error:hover {
-    border-color: var(--nile-colors-neutral-400);
-  }
-
-  .error-container {
-    width: 100%;
-    display: flex;
-    gap: 18px;
-  }
-
-  .error-icon {
-    height: 40px;
-    width: 40px;
-    border-radius: var(--nile-radius-radius-xs);
-    padding: 2px 3px 2px 3px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border: 1px solid var(--nile-colors-red-400);
-    background-color: var(--nile-colors-red-100);
-  }
-
-  .error-icon nile-icon {
-    height: 40px;
-    width: 40px;
-  }
-  
-  .file-info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    gap: 8px;
-  }
-
-  .file-info p {
-    margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  .file-info p:last-of-type{
-    color: var(--nile-colors-red-700);
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-  }
-
-  .error > nile-icon:hover {
-    cursor: pointer;
-  }
-
-  /* VARTICAL STATE START */
-  /* Default State */
-
-  .vertical-default {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 18px
-  }
-
-  .content-container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-  }
-
-  .content-container div.title {
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 222px;
-  }
-
-  .content-container div.subtitle {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-500);
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 222px;
-  }
-
-  /* Drag State */
-  .vertical-drag {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap:18px;
-    font-size: var(--nile-type-scale-3);
-    color: var(--nile-colors-blue-700);
-    background-color: var(--nile-colors-blue-100);
-    border-color: var(--nile-colors-blue-500);
-  }
-
-  /* Uploading State */
-  .vertical-uploading {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    align-items: center;
-    border: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  .vertical-uploading:hover {
-    border-color: var(--nile-colors-neutral-400);
-  }
-
-  .loading {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .corner-icon {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-  }
-
-  /* Preview State */
-  .vertical-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  .vertical-preview:hover {
-    border-color: var(--nile-colors-neutral-400);
-  }
-
-  .image-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
-    object-fit: cover;
-    width: 80px;
-    height: 80px;
-    border-radius: var(--nile-radius-radius-xs);
-  }
-
-  /* Vertical No Preview State */
-  .vertical-no-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  .vertical-no-preview:hover {
-    border-color: var(--nile-colors-neutral-400);
-  }
-
-  .vertical-document-icon {
-    height: 80px;
-    width: 80px;
-    padding: 2px 3px 2px 3px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px solid var(--nile-colors-blue-400);
-    background-color: var(--nile-colors-blue-100);
-  }
-
-  /* Veritcal Error State */
-  .vertical-error {
-    border: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  .vertical-error:hover {
-    border-color: var(--nile-colors-neutral-400);
-  }
-
-  .error-bg {
-    background-color: var(--nile-colors-red-100);
-    border: 1px solid var(--nile-colors-red-400);
-  }
-
-  .error-message {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-    margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    text-align: start;
-  }
-
-  .error-p {
-    color: var(--nile-colors-red-700);
-    font-size: var(--nile-type-scale-2);
-    width: 216px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-align: center;
-  }
-
-  .error-p p {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin: 0;
-  }
-
-
-  /* Displaing uploaded files CSS */
-  .display-files {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 8px;
-    width: 648px;
-    min-width: 230px;
-    max-height: 200px;
-    overflow-y: auto;
-    border: 1px solid var(--nile-colors-neutral-700);
-    border-radius: var(--nile-radius-radius-xs);
-    scrollbar-width: none;
-    padding: 12px;
-  }
-
-  ul, li {
-    width: 100%;
-  }
-
-  li {
-    list-style-type: none;
-  }
-
-  /* for the upload error messages */
-  .upload-error {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-red-700);
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    gap: var(--nile-spacing-one-half-x);
-  }
-
-  .upload-error > nile-tooltip > span {
-    color: var(--nile-colors-red-700);
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-file-upload.css.js.map