@lensui/lens-table 0.1.51 → 0.1.53

package/dist/index.cjs

@@ -1291,7 +1291,7 @@ function paintGrid(options) {
         const visibleActions = getVisibleHeaderActions(column, metric.width, columnDraggable, titleWidth, headerActionSlotWidth);
         const actionWidth = (Number(visibleActions.drag) + Number(visibleActions.filter) + Number(visibleActions.sort)) * headerActionSlotWidth;
         const contentWidth = Math.max(0, metric.width - actionWidth);
-        const padding = 10;
+        const padding = 4;
         const clipWidth = contentWidth;
         const centeredTextX = metric.width / 2;
         const centerTitleWidth = Math.max(0, Math.min(centeredTextX - padding, contentWidth - padding - centeredTextX) * 2);

package/dist/index.css

@@ -1683,7 +1683,7 @@
   position: absolute;
   z-index: 2;
   margin: 0;
-  padding: 0 10px;
+  padding: 0 4px;
   border: 0;
   border-radius: 0;
   outline: 0;
@@ -1714,13 +1714,13 @@
   box-sizing: border-box;
 }
 .rvg-choice-editor {
-  line-height: 1;
+  line-height: normal;
 }
 .rvg-time-editor {
   position: absolute;
   z-index: 6;
   display: flex;
-  padding: 0 28px 0 10px;
+  padding: 0 24px 0 4px;
   align-items: center;
   gap: 3px;
   background: var(--rvg-color-bg);
@@ -1751,16 +1751,16 @@
   position: absolute;
   z-index: 6;
   display: flex;
-  padding: 0 10px;
+  padding: 0 4px;
   align-items: center;
-  gap: 6px;
+  gap: 4px;
   overflow: hidden;
   background: var(--rvg-color-bg);
   line-height: 1;
   box-sizing: border-box;
 }
 .rvg-native-editor.has-clear {
-  padding-right: 10px;
+  padding-right: 4px;
 }
 .rvg-native-editor input {
   min-width: 0;
@@ -2001,7 +2001,7 @@
   display: flex;
   min-width: 0;
   height: 100%;
-  padding: 0 8px;
+  padding: 0 4px;
   flex: 1;
   align-items: center;
   border: 0;
@@ -2018,15 +2018,14 @@
   text-align: left;
 }
 .rvg-choice-editor [data-part=trigger] {
-  padding: 0 28px 0 10px;
-  line-height: 1;
+  padding: 0 24px 0 4px;
+  line-height: normal;
 }
 .rvg-date-value {
-  padding: 0 8px 2px 10px;
+  padding: 0 4px 2px 4px;
 }
 .rvg-choice-editor [data-part=value-text] {
   min-width: 0;
-  transform: translateY(-1px);
   overflow: hidden;
   font: inherit;
   line-height: normal;
@@ -2035,7 +2034,7 @@
 }
 .rvg-date-editor [data-part=control] {
   display: flex;
-  padding-right: 28px;
+  padding-right: 24px;
   align-items: center;
 }
 .rvg-date-separator {
@@ -2051,47 +2050,40 @@
 .rvg-date-editor [data-part=trigger] {
   position: absolute;
   top: 50%;
-  right: 3px;
+  right: 4px;
   display: grid;
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
   padding: 0;
   place-items: center;
-  border: 1px solid transparent;
-  border-radius: 50%;
+  border: 0;
+  border-radius: 3px;
   background: transparent;
-  color: var(--rvg-color-subtle);
+  color: #70757a;
   cursor: pointer;
   transform: translateY(-50%);
-  transition:
-    background-color 120ms ease,
-    border-color 120ms ease,
-    color 120ms ease;
+  transition: background-color 120ms ease, color 120ms ease;
 }
 .rvg-clear-trigger {
   position: absolute;
   top: 50%;
-  right: 3px;
+  right: 4px;
   display: grid;
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
   padding: 0;
   place-items: center;
-  border: 1px solid transparent;
-  border-radius: 50%;
+  border: 0;
+  border-radius: 3px;
   background: transparent;
-  color: var(--rvg-color-subtle);
+  color: #9aa0a6;
   cursor: pointer;
   transform: translateY(-50%);
-  transition:
-    background-color 120ms ease,
-    border-color 120ms ease,
-    color 120ms ease;
+  transition: background-color 120ms ease, color 120ms ease;
 }
 .rvg-clear-trigger:hover {
-  border-color: var(--rvg-color-border);
   background: var(--rvg-color-hover-muted);
-  color: var(--rvg-color-text);
+  color: #3c4043;
 }
 .rvg-clear-trigger:focus-visible {
   outline: 2px solid color-mix(in srgb, var(--rvg-color-primary) 45%, transparent);
@@ -2099,11 +2091,11 @@
 }
 .rvg-clear-icon {
   display: block;
-  width: 11px;
-  height: 11px;
+  width: 10px;
+  height: 10px;
   fill: none;
   stroke: currentColor;
-  stroke-width: 1.8;
+  stroke-width: 1.7;
   stroke-linecap: round;
 }
 .rvg-date-editor [data-part=trigger]:hover {
@@ -2122,13 +2114,12 @@
 }
 .rvg-choice-editor [data-part=trigger]:hover [data-part=indicator],
 .rvg-date-editor [data-part=trigger]:hover {
-  border-color: var(--rvg-color-border);
   background: var(--rvg-color-hover-muted);
-  color: var(--rvg-color-text);
+  color: #3c4043;
 }
 .rvg-choice-chevron {
-  width: 13px;
-  height: 13px;
+  width: 12px;
+  height: 12px;
   transition: transform 160ms ease;
 }
 .rvg-choice-chevron path,

package/dist/index.js

@@ -1261,7 +1261,7 @@ function paintGrid(options) {
         const visibleActions = getVisibleHeaderActions(column, metric.width, columnDraggable, titleWidth, headerActionSlotWidth);
         const actionWidth = (Number(visibleActions.drag) + Number(visibleActions.filter) + Number(visibleActions.sort)) * headerActionSlotWidth;
         const contentWidth = Math.max(0, metric.width - actionWidth);
-        const padding = 10;
+        const padding = 4;
         const clipWidth = contentWidth;
         const centeredTextX = metric.width / 2;
         const centerTitleWidth = Math.max(0, Math.min(centeredTextX - padding, contentWidth - padding - centeredTextX) * 2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lensui/lens-table",
-  "version": "0.1.51",
+  "version": "0.1.53",
   "description": "A lightweight, canvas-rendered React table component for LensUI.",
   "type": "module",
   "main": "./dist/index.cjs",