@aquera/nile-elements 0.1.57-beta-1.8 → 0.1.57

package/src/internal/resizable-table-styles.ts

@@ -1,144 +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';
-
-/**
- * Resizable Styles Utility
- * Centralized styles for resizable table functionality
- */
-
-export const resizableHostStyles = css`
-  :host([resizable]) {
-    position: relative;
-    overflow: hidden;
-    table-layout: fixed;
-  }
-`;
-
-export const resizableHeaderStyles = css`
-  :host([resizable]) {
-    position: relative;
-    border-right: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  :host([resizable]) .header__item__wrapper {
-    position: relative;
-  }
-`;
-
-export const resizerStyles = css`
-  .resizer {
-    position: absolute;
-    right: 0;
-    top: -1000px;
-    bottom: -1000px;
-    width: 8px;
-    cursor: col-resize;
-    user-select: none;
-    background-color: var(--nile-colors-neutral-100);
-    transition: background-color 0.2s;
-    z-index: 10;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-    pointer-events: none;
-  }
-
-  :host([resizable]):hover .resizer {
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer::before {
-    content: '';
-    position: absolute;
-    right: 3px;
-    top: 0;
-    width: 2px;
-    height: 100%;
-    background-color: var(--nile-colors-neutral-500);
-    opacity: 0.8;
-  }
-
-  .resizer:hover {
-    background-color: var(--nile-colors-neutral-400);
-  }
-
-  .resizer:hover::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-  }
-
-  .resizer.resizing {
-    background-color: var(--nile-colors-neutral-400);
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer.resizing::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-    width: 3px;
-  }
-`;
-
-export const headerResizerStyles = css`
-  .resizer {
-    position: absolute;
-    right: -2px;
-    top: -1000px;
-    bottom: -1000px;
-    width: 8px;
-    cursor: ew-resize;
-    user-select: none;
-    transition: background-color 0.2s;
-    z-index: 10;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-  }
-
-  :host([resizable]):hover .resizer {
-    opacity: 1;
-  }
-
-  .resizer::before {
-    content: '';
-    position: absolute;
-    height: 100%;
-    opacity: 0.8;
-  }
-
-  .resizer.resizing {
-    border-right: 4px double var(--nile-colors-neutral-400);
-    background-color: transparent;
-    opacity: 1;
-  }
-`;
-
-export const resizableSlotStyles = css`
-  :host([resizable]) ::slotted(*) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
-  }
-
-  :host([resizable]) ::slotted(span),
-  :host([resizable]) ::slotted(div),
-  :host([resizable]) ::slotted(p) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
-  }
-`;
-
-export const tableLayoutStyles = css`
-  .nile__table__body[resizable] {
-    table-layout: fixed;
-  }
-`;