@aquera/nile-elements 0.1.40-beta-2.3 → 0.1.40

package/dist/nile-tooltip/nile-tooltip.test.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tooltip.test.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.test.ts"],"sourcesContent":["import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';\nimport './nile-tooltip';\nimport { NileTooltip } from './nile-tooltip';\n\ndescribe('NileTooltip', () => {\n\n  it('renders with default properties', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Hello\"><button>Hover me</button></nile-tooltip>`);\n    assert.equal(el.content, 'Hello');\n    assert.equal(el.placement, 'top');\n    assert.equal(el.disabled, false);\n    assert.equal(el.open, false);\n  });\n\n  it('renders text content when no slot is used', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Fallback\"><button>Trigger</button></nile-tooltip>`);\n    const content = el.shadowRoot!.querySelector('.tooltip-content')!;\n    assert.include(content.textContent!, 'Fallback');\n  });\n\n  it('uses slotted content when provided', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Slot Content</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const assigned = slot.assignedNodes({ flatten: true });\n    assert.isAbove(assigned.length, 0);\n    assert.include(assigned[0].textContent ?? '', 'Slot Content');\n  });\n\n  it('shows tooltip on hover when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    assert.isTrue(el.open);\n  });\n\n  it('hides tooltip on mouseout when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('toggles tooltip on click when trigger includes \"click\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Click me\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    trigger.click();\n    await waitUntil(() => el.open === false);\n  });\n\n  it('shows and hides tooltip on focus/blur when trigger includes \"focus\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Focus\" trigger=\"focus\">\n        <button>Focus</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('focusin'));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('focusout'));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('does not show tooltip when disabled', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Disabled\" disabled trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover'));\n    await new Promise(resolve => setTimeout(resolve, 200));\n    assert.isFalse(el.open);\n  });\n\n\n  it('emits nile-show and nile-after-show events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    setTimeout(() => trigger.click());\n    const showEvent = await oneEvent(el, 'nile-show');\n    assert.ok(showEvent);\n    const afterShow = await oneEvent(el, 'nile-after-show');\n    assert.ok(afterShow);\n  });\n\n  it('emits nile-hide and nile-after-hide events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    setTimeout(() => trigger.click());\n    const hideEvent = await oneEvent(el, 'nile-hide');\n    assert.ok(hideEvent);\n    const afterHide = await oneEvent(el, 'nile-after-hide');\n    assert.ok(afterHide);\n  });\n\n  it('defaults to \"bottom\" placement when given invalid value', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Fallback\" placement=${'invalid' as unknown as NileTooltip['placement']} >\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n    await el.updateComplete;\n    assert.equal(el.placement, 'top');\n  });\n\n\n  it('updates hasTooltipSlot on slot change', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Initial slot</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const newSlotNode = document.createElement('div');\n    newSlotNode.slot = 'content';\n    newSlotNode.textContent = 'Updated slot';\n    el.appendChild(newSlotNode);\n\n    slot.dispatchEvent(new Event('slotchange'));\n    await el.updateComplete;\n\n    assert.isTrue((el as any).hasTooltipSlot);\n  });\n\n  it('respects hoist attribute', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip hoist content=\"Hoisted\">\n        <button>Hoist</button>\n      </nile-tooltip>\n    `);\n    assert.isTrue(el.hoist);\n  });\n});\n"],"names":["describe","it","async","fixture","html","_templateObject","_taggedTemplateLiteral","el","assert","equal","content","placement","disabled","open","_context2","stop","_callee","_templateObject2","shadowRoot","querySelector","include","textContent","_context3","_callee2","_templateObject3","assigned","assignedNodes","flatten","isAbove","length","_i$0$textContent","_context4","_callee3","_asyncToGenerator","_regeneratorRuntime","mark","_templateObject4","dispatchEvent","Event","bubbles","waitUntil","isTrue","_context5","_callee4","_templateObject5","trigger","_context6","next","_callee5","_templateObject6","click","_context7","_callee6","_templateObject7","_context8","_callee7","_templateObject8","_context9","Promise","resolve","setTimeout","isFalse","_callee8","_templateObject9","_context10","oneEvent","showEvent","ok","afterShow","_callee9","_templateObject10","_context11","hideEvent","afterHide","_callee10","_templateObject11","updateComplete","_context12","_callee11","_templateObject12","slot","newSlotNode","document","createElement","appendChild","_context13","hasTooltipSlot","_callee12","_templateObject13","hoist","_context14","_callee13"],"mappings":"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"}

package/dist/nile-tooltip/nile-tooltip.test.esm.js

@@ -1,47 +0,0 @@
-import{f as t,h as o,w as e,o as i}from"../fixture-8edec91c.esm.js";import{html as n}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import"./nile-tooltip.esm.js";import"tslib";import"lit/decorators.js";import"./nile-tooltip.css.esm.js";import"../internal/nile-element.esm.js";import"./nile-tooltip-utils.esm.js";describe("NileTooltip",(()=>{it("renders with default properties",(async()=>{const e=await t(n`<nile-tooltip content="Hello"><button>Hover me</button></nile-tooltip>`);o.equal(e.content,"Hello"),o.equal(e.placement,"top"),o.equal(e.disabled,!1),o.equal(e.open,!1)})),it("renders text content when no slot is used",(async()=>{const e=(await t(n`<nile-tooltip content="Fallback"><button>Trigger</button></nile-tooltip>`)).shadowRoot.querySelector(".tooltip-content");o.include(e.textContent,"Fallback")})),it("uses slotted content when provided",(async()=>{const e=(await t(n`
-      <nile-tooltip>
-        <div slot="content">Slot Content</div>
-        <button>Trigger</button>
-      </nile-tooltip>
-    `)).shadowRoot.querySelector('slot[name="content"]').assignedNodes({flatten:!0});o.isAbove(e.length,0),o.include(e[0].textContent??"","Slot Content")})),it('shows tooltip on hover when trigger includes "hover"',(async()=>{const i=await t(n`
-      <nile-tooltip content="Tooltip" trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);i.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover",{bubbles:!0})),await e((()=>!0===i.open)),o.isTrue(i.open)})),it('hides tooltip on mouseout when trigger includes "hover"',(async()=>{const o=await t(n`
-      <nile-tooltip content="Tooltip" trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `),i=o.shadowRoot.querySelector(".trigger-container");i.dispatchEvent(new Event("mouseover",{bubbles:!0})),await e((()=>!0===o.open)),i.dispatchEvent(new Event("mouseout",{bubbles:!0})),await e((()=>!1===o.open))})),it('toggles tooltip on click when trigger includes "click"',(async()=>{const o=await t(n`
-      <nile-tooltip content="Click me" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `),i=o.shadowRoot.querySelector(".trigger-container");i.click(),await e((()=>!0===o.open)),i.click(),await e((()=>!1===o.open))})),it('shows and hides tooltip on focus/blur when trigger includes "focus"',(async()=>{const o=await t(n`
-      <nile-tooltip content="Focus" trigger="focus">
-        <button>Focus</button>
-      </nile-tooltip>
-    `),i=o.shadowRoot.querySelector(".trigger-container");i.dispatchEvent(new Event("focusin")),await e((()=>!0===o.open)),i.dispatchEvent(new Event("focusout")),await e((()=>!1===o.open))})),it("does not show tooltip when disabled",(async()=>{const e=await t(n`
-      <nile-tooltip content="Disabled" disabled trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);e.shadowRoot.querySelector(".trigger-container").dispatchEvent(new Event("mouseover")),await new Promise((t=>setTimeout(t,200))),o.isFalse(e.open)})),it("emits nile-show and nile-after-show events",(async()=>{const e=await t(n`
-      <nile-tooltip content="Event test" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `),l=e.shadowRoot.querySelector(".trigger-container");setTimeout((()=>l.click()));const s=await i(e,"nile-show");o.ok(s);const a=await i(e,"nile-after-show");o.ok(a)})),it("emits nile-hide and nile-after-hide events",(async()=>{const l=await t(n`
-      <nile-tooltip content="Event test" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `),s=l.shadowRoot.querySelector(".trigger-container");s.click(),await e((()=>!0===l.open)),setTimeout((()=>s.click()));const a=await i(l,"nile-hide");o.ok(a);const r=await i(l,"nile-after-hide");o.ok(r)})),it('defaults to "bottom" placement when given invalid value',(async()=>{const e=await t(n`
-      <nile-tooltip content="Fallback" placement=${"invalid"} >
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);await e.updateComplete,o.equal(e.placement,"top")})),it("updates hasTooltipSlot on slot change",(async()=>{const e=await t(n`
-      <nile-tooltip>
-        <div slot="content">Initial slot</div>
-        <button>Trigger</button>
-      </nile-tooltip>
-    `),i=e.shadowRoot.querySelector('slot[name="content"]'),l=document.createElement("div");l.slot="content",l.textContent="Updated slot",e.appendChild(l),i.dispatchEvent(new Event("slotchange")),await e.updateComplete,o.isTrue(e.hasTooltipSlot)})),it("respects hoist attribute",(async()=>{const e=await t(n`
-      <nile-tooltip hoist content="Hoisted">
-        <button>Hoist</button>
-      </nile-tooltip>
-    `);o.isTrue(e.hoist)}))}));

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-file-preview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { NileFilePreview } from './nile-file-preview';"]}

package/dist/src/nile-file-preview/nile-file-preview.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-preview/nile-file-preview.css.js

@@ -1,568 +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;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
-  }
-
-  * {
-    padding: var(--nile-spacing-none, var(--ng-spacing-none));
-    margin: var(--nile-spacing-none, var(--ng-spacing-none));
-    box-sizing: border-box;
-    font-family: var(--nile-font-family-serif, var(--ng-font-family-body))
-  }
-
-  .wrapper {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 18px;
-    height: auto;
-  }
-
-  input {
-    display: none;
-  }
-
-  .horizontal-div {
-    height: var(--nile-height-60px, var(--ng-height-60px));
-    max-width: 648px;
-    width: max(648px, 100%);
-    min-width: 230px;
-    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 18px;
-    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xl));
-    border: var(--nile-border-width-1, var(--ng-border-width-2)) var(--nile-border-style-dashed, var(--ng-border-style-solid)) var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
-    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-  }
-  
-  .hover-state {
-    border-color: var(--nile-colors-primary-600);
-  }
-
-  .vertical-div {
-    height: auto;
-    min-height: 156px;
-    min-width: 240px;
-    width: 240px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: center;
-    gap: 18px;
-    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; 
-    margin-bottom: 10px;
-  }
-
-  .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;
-  }
-
-  .icons-container {
-    display: flex;
-    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
-  }
-
-  .general-icon {
-    transform: rotate(-18.11deg);
-    position: relative;
-    bottom: 3px;
-  }
-
-  .image-icon {
-    transform: rotate(15deg);
-  }
-
-  .icon:hover {
-    cursor: pointer;
-  }
-
-  /* Uploading State */
-  .uploading {
-    height: 62px;
-    width: 648px;
-    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));
-    min-width: 230px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 18px;
-    box-sizing: border-box;
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1)) 
-      var(--nile-border-style-solid, var(--ng-border-style-solid)) 
-      var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
-    border-radius: var(--nile-radius-sm, var(--ng-radius-xl));
-  }
-  
-  .uploading:hover {
-    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
-  }
-
-  .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, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
-  }
-
-  nile-progress-bar li span {
-    background-color: var(--nile-progress-bar-progress-color-stroke, var(--ng-colors-fg-brand-primary-600));
-  }
-
-  .progress-bar-container p {
-    margin: 0px;
-  }
-
-  .progress-bar-container > p {
-    font-size: var(--nile-type-scale-1, var(--ng-font-size-text-xs));
-    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));
-  }
-
-  /* PREVIEW STATE */
-  .preview {
-    height: 62px;
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
-  }
-
-  .preview:hover {
-    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-
-  .preview-inner {
-    display: flex;
-    gap: 18px;
-  }
-
-  .preview-image-container {
-    height: var(--nile-height-42px, var(--ng-height-42px));
-    width: var(--nile-width-42px, 42px);
-  }
-
-  .preview-image-container img, iframe {
-    height: var(--nile-height-42px, var(--ng-height-42px));
-    width: var(--nile-width-42px, 42px); // check it once
-    object-fit: contain;
-    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xl));
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-  
-  .preview-file-info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    gap: var(--nile-spacing-md, var(--ng-spacing-md));
-  }
-
-  .preview-file-info p {
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
-    margin: var(--nile-spacing-none, var(--ng-spacing-none));
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
-  }
-
-  .preview-file-info p:last-of-type{
-    color: var(--nile-colors-neutral-700, var(--ng-colors-text-tertiary-600));
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-  }
-
-  .preview nile-icon:hover {
-    cursor: pointer;
-  }
-
-  /* NO PREVIEW STATE */
-  .no-preview {
-    height: 62px;
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-
-  .no-preview:hover {
-    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-
-  .no-preview-container {
-    display: flex;
-    gap: 18px;
-  }
-
-  .document-icon {
-    height: var(--nile-height-40px, var(--ng-height-40px));
-    width: var(--nile-width-40px, var(--ng-width-10));
-    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
-    padding: var(--nile-spacing-2px, var(--ng-spacing-xxs)) var(--nile-spacing-3px, var(--ng-spacing-1));
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-blue-400, var(--ng-componentcolors-utility-brand-600));
-    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-primary));
-  }
-
-  .document-icon nile-icon {
-    height: var(--nile-height-40px, var(--ng-height-40px));
-    width: var(--nile-width-40px, var(--ng-width-10));
-  }
-  
-  .preview-file-info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    gap: 8px;
-  }
-
-  .preview-file-info p {
-    margin: var(--nile-spacing-none, var(--ng-spacing-none));
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
-  }
-
-  .preview-file-info p:last-of-type{
-    color: var(--nile-colors-neutral-700, var(--ng-colors-text-tertiary-600));
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-  }
-
-  .no-preview > nile-icon:hover {
-    cursor: pointer;
-  }
-
-  /* ERROR STATE */
-  .error {
-    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-error));
-  }
-
-  .error:hover {
-    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-error));
-  }
-
-  .error-container {
-    width: 100%;
-    display: flex;
-    gap: 18px;
-  }
-
-  .error-icon {
-    height: var(--nile-height-40px, var(--ng-height-40px));
-    width: var(--nile-width-40px, var(--ng-width-10));
-    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
-    padding: var(--nile-spacing-2px, var(--ng-spacing-xxs)) var(--nile-spacing-3px, var(--ng-spacing-1));
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-red-400, var(--ng-colors-border-error));
-    background-color: var(--nile-colors-red-100, var(--ng-componentcolors-utility-orange-dark-100));
-  }
-
-  .error-icon nile-icon {
-    height: var(--nile-height-40px, var(--ng-height-40px));
-    width: var(--nile-width-40px, var(--ng-width-10));
-  }
-  
-  .file-info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    gap: 8px;
-    text-align: center;
-  }
-
-  .file-info p {
-    margin: var(--nile-spacing-none, var(--ng-spacing-none));
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-    text-align: center;
-  }
-  
-  .file-info > nile-tooltip > p {
-    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-    text-align: center;
-  }
-
-  .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;
-    text-align: center;
-  }
-
-  .content-container h4 {
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-  }
-
-  .content-container p:first-child {
-    margin: 0px;
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-  }
-
-  .content-container p:last-child {
-    margin: 0px;
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-    color: var(--nile-colors-neutral-700, var(--ng-colors-text-tertiary-600));
-  }
-
-  /* Drag State */
-  .vertical-drag {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap:18px;
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    color: var(--nile-colors-blue-700), var(--ng-colors-fg-primary-900);
-    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-primary));
-    border-color: var(--nile-colors-blue-500, var(--ng-colors-border-primary));
-  }
-
-  /* Uploading State */
-  .vertical-uploading {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    align-items: center;
-    /* border: 1px solid var(--nile-colors-neutral-400); */
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-
-  .vertical-uploading:hover {
-    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-
-  .loading {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding-top: var(--nile-spacing-5xl, var(--ng-spacing-5xl));
-  }
-
-  .corner-icon {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-  }
-
-  /* Preview State */
-  .vertical-preview {
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-
-  .vertical-preview:hover {
-    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-
-  .image-preview {
-    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-    object-fit: cover;
-    width: var(--nile-width-80px, var(--ng-spacing-8xl));
-    height: var(--nile-height-80px, var(--ng-height-80px));
-    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xl));
-  }
-
-  /* Vertical No Preview State */
-  .vertical-no-preview {
-    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-
-  .vertical-no-preview:hover {
-    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
-  }
-
-  .vertical-document-icon {
-    height: var(--nile-height-80px, var(--ng-height-80px));
-    width: var(--nile-width-80px, var(--ng-spacing-8xl));
-    padding: var(--nile-spacing-2px, var(--ng-spacing-xxs)) var(--nile-spacing-3px, var(--ng-spacing-1));
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-blue-400, var(--ng-colors-border-brand-alt));
-    background-color: var(--nile-colors-blue-100, var(--ng-colors-border-brand));
-  }
-
-  /* Veritcal Error State */
-  .vertical-error {
-    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-error));
-  }
-
-  .vertical-error:hover {
-    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-error));
-  }
-
-  .error-bg {
-    background-color: var(--nile-colors-red-100, var(--ng-colors-bg-error-primary));
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-red-400, var(--ng-colors-border-error));
-  }
-
-  .file-info-vertical-state {
-    width: 100%;
-    text-align: start;
-  }
-
-  .file-info-vertical-state p {
-    margin: var(--nile-spacing-none, var(--ng-spacing-none));
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-    padding-bottom: 6px;
-    text-align: center;
-  }
-  
-  .file-info-vertical-state > nile-tooltip > p {
-    color: var(--nile-colors-red-700);
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-    text-align: center;
-  }
-
-  .error-message {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-    margin: var(--nile-spacing-none, var(--ng-spacing-none));
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-    text-align: center
-  }
-
-  .error-p {
-    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    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: var(--nile-spacing-none, var(--ng-spacing-none));
-  }
-
-
-  /* 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: 
-      var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
-      var(--nile-colors-neutral-700, var(--ng-colors-border-primary));
-    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
-    scrollbar-width: none;
-    padding: var(--nile-radius-lg, var(--ng-spacing-lg));
-  }
-
-  ul, li {
-    width: 100%;
-  }
-
-  li {
-    list-style-type: none;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-file-preview.css.js.map