@onereach/ui-components-vue2 26.4.1-beta.5887.0 → 26.4.1-beta.5889.0

package/dist/esm/components/or-data-grid-v3/index.js

@@ -204,19 +204,19 @@ const DataGridTableContentCell = [
 // Spacing
 'px-sm+', 'py-xs', 'gap-xs',
 // Theme
-'theme-border-disabled border-b-1 border-e-1 border-solid', 'dark:theme-border-disabled-dark',
-// Border (conditional override for last row/column)
-'group-last:border-b-0', 'last:border-e-0', 'theme-outline-transparent outline-2 -outline-offset-1', 'dark:theme-outline-transparent-dark',
+'theme-border-disabled border-b-1 border-solid', 'dark:theme-border-disabled-dark', 'theme-outline-transparent outline-2 -outline-offset-1', 'dark:theme-outline-transparent-dark',
 // Theme (focus)
 'focus-within:theme-border-primary', 'dark:focus-within:theme-border-primary-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
 // Theme (Stacking)
 'relative',
 // Theme (.sticky-start)
-'[&.sticky-start]:theme-background-default [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid', 'dark:[&.sticky-start]:theme-background-default-dark dark:[&.sticky-start]:border-e-disabled-dark', 'hover:[&.sticky-start]:theme-background-surface-1 dark:hover:[&.sticky-start]:theme-background-surface-1-dark', 'selected:[&.sticky-start]:theme-background-surface-2 dark:selected:[&.sticky-start]:theme-background-surface-2-dark', 'hover:selected:[&.sticky-start]:theme-background-surface-3 dark:hover:selected:[&.sticky-start]:theme-background-surface-3-dark',
+'[&.sticky-start]:theme-background-default', 'dark:[&.sticky-start]:theme-background-default-dark', 'hover:[&.sticky-start]:theme-background-surface-1 dark:hover:[&.sticky-start]:theme-background-surface-1-dark', 'selected:[&.sticky-start]:theme-background-surface-2 dark:selected:[&.sticky-start]:theme-background-surface-2-dark', 'hover:selected:[&.sticky-start]:theme-background-surface-3 dark:hover:selected:[&.sticky-start]:theme-background-surface-3-dark',
 // Theme (.sticky-end)
-'[&.sticky-end]:theme-background-default [&.sticky-end]:border-s-disabled [&.sticky-end]:border-solid', 'dark:[&.sticky-end]:theme-background-default-dark dark:[&.sticky-end]:border-s-disabled-dark', 'hover:[&.sticky-end]:theme-background-surface-1 dark:hover:[&.sticky-end]:theme-background-surface-1-dark', 'selected:[&.sticky-end]:theme-background-surface-2 dark:selected:[&.sticky-end]:theme-background-surface-2-dark', 'hover:selected:[&.sticky-end]:theme-background-surface-3 dark:hover:selected:[&.sticky-end]:theme-background-surface-3-dark',
+'[&.sticky-end]:theme-background-default', 'dark:[&.sticky-end]:theme-background-default-dark', 'hover:[&.sticky-end]:theme-background-surface-1 dark:hover:[&.sticky-end]:theme-background-surface-1-dark', 'selected:[&.sticky-end]:theme-background-surface-2 dark:selected:[&.sticky-end]:theme-background-surface-2-dark', 'hover:selected:[&.sticky-end]:theme-background-surface-3 dark:hover:selected:[&.sticky-end]:theme-background-surface-3-dark',
 // Theme (.resizable)
-'[&.resizable]:border-e-disabled [&.resizable]:border-solid', 'dark:[&.resizable]:border-e-disabled-dark'];
+'relative',
+// Border (conditional override for last row/column)
+'group-last:border-b-0', 'last:border-r-0'];
 const DataGridTableContentCellContent = [
 // interactivity
 'interactivity-select',
@@ -273,8 +273,8 @@ var script$e = defineComponent({
     // Refs & Styles
     const root = ref();
     const rootStyles = computed(() => {
-      var _a, _b, _c, _d;
-      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? ['overflow-hidden', `sticky-${props.column.stickiness}`] : []), ...(!!((_b = props.features) === null || _b === void 0 ? void 0 : _b.resizing) && !!((_c = props.column) === null || _c === void 0 ? void 0 : _c.name) && ((_d = props.column) === null || _d === void 0 ? void 0 : _d.resizing) !== false ? ['resizable'] : [])];
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? ['overflow-hidden', `sticky-${props.column.stickiness}`] : []), ...(!!((_b = props.features) === null || _b === void 0 ? void 0 : _b.resizing) && !!((_c = props.column) === null || _c === void 0 ? void 0 : _c.name) && ((_d = props.column) === null || _d === void 0 ? void 0 : _d.resizing) !== false ? ['resizable'] : []), ...(((_e = props.column) === null || _e === void 0 ? void 0 : _e.stickiness) === 'start' ? ['border-r-1'] : []), ...(((_f = props.column) === null || _f === void 0 ? void 0 : _f.stickiness) === 'end' ? ['border-l-1'] : []), ...(!!((_g = props.features) === null || _g === void 0 ? void 0 : _g.resizing) && !!((_h = props.column) === null || _h === void 0 ? void 0 : _h.name) && ((_j = props.column) === null || _j === void 0 ? void 0 : _j.resizing) !== false ? ['border-r-1'] : [])];
     });
     const rootInlineStyles = computed(() => {
       var _a;
@@ -287,14 +287,14 @@ var script$e = defineComponent({
             Object.assign(styles, {
               position: 'sticky',
               insetInlineStart: `${props.stickyOffset}px`,
-              zIndex: '30'
+              zIndex: '2'
             });
             break;
           case 'end':
             Object.assign(styles, {
               position: 'sticky',
               insetInlineEnd: `${props.stickyOffset}px`,
-              zIndex: '30'
+              zIndex: '2'
             });
             break;
         }
@@ -835,17 +835,17 @@ const DataGridTableHeaderCell = [
 // Spacing
 'px-sm+', 'py-xs', 'gap-xs',
 // Theme
-'theme-border-disabled border-b-1 border-e-1 border-solid', 'dark:theme-border-disabled-dark',
-// Border (conditional override for last column)
-'last:border-e-0', 'theme-outline-transparent outline-2 -outline-offset-1', 'dark:theme-outline-transparent-dark',
+'theme-border-disabled border-b-1 border-solid', 'dark:theme-border-disabled-dark', 'theme-outline-transparent outline-2 -outline-offset-1', 'dark:theme-outline-transparent-dark',
 // Theme (Stacking)
 'relative hover:z-[2]',
 // Theme (.sticky-start)
-'[&.sticky-start]:theme-background-surface-variant-1 [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid', 'dark:[&.sticky-start]:theme-background-surface-variant-1-dark dark:[&.sticky-start]:border-e-disabled-dark',
+'[&.sticky-start]:theme-background-surface-variant-1', 'dark:[&.sticky-start]:theme-background-surface-variant-1-dark',
 // Theme (.sticky-end)
-'[&.sticky-end]:theme-background-surface-variant-1 [&.sticky-end]:border-s-disabled [&.sticky-end]:border-solid', 'dark:[&.sticky-end]:theme-background-surface-variant-1-dark dark:[&.sticky-end]:border-s-disabled-dark',
+'[&.sticky-end]:theme-background-surface-variant-1', 'dark:[&.sticky-end]:theme-background-surface-variant-1-dark',
 // Theme (.resizable)
-'[&.resizable]:border-e-disabled [&.resizable]:border-solid', 'dark:[&.resizable]:border-e-disabled-dark'];
+'relative',
+// Border (conditional override for last column)
+'last:border-r-0'];
 const DataGridTableHeaderCellResizeHandle = [
 // Position
 'absolute top-0 bottom-0 end-0 z-50',
@@ -900,8 +900,8 @@ var script$8 = defineComponent({
       return !!((_a = props.features) === null || _a === void 0 ? void 0 : _a.resizing) && !!((_b = props.column) === null || _b === void 0 ? void 0 : _b.name) && ((_c = props.column) === null || _c === void 0 ? void 0 : _c.resizing) !== false;
     });
     const rootStyles = computed(() => {
-      var _a;
-      return ['or-data-grid-table-header-cell-v3', 'relative', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? ['overflow-hidden', `sticky-${props.column.stickiness}`] : []), ...(isResizable.value ? ['resizable'] : []), ...(isSortable.value ? ['interactivity-click'] : [])];
+      var _a, _b, _c;
+      return ['or-data-grid-table-header-cell-v3', 'relative', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? ['overflow-hidden', `sticky-${props.column.stickiness}`] : []), ...(isResizable.value ? ['resizable'] : []), ...(isSortable.value ? ['interactivity-click'] : []), ...(((_b = props.column) === null || _b === void 0 ? void 0 : _b.stickiness) === 'start' ? ['border-r-1'] : []), ...(((_c = props.column) === null || _c === void 0 ? void 0 : _c.stickiness) === 'end' ? ['border-l-1'] : []), ...(isResizable.value ? ['border-r-1'] : [])];
     });
     const resizeHandleStyles = computed(() => ['or-data-grid-table-header-cell-resize-handle-v3', ...DataGridTableHeaderCellResizeHandle]);
     const wrapInlineStyle = computed(() => {
@@ -923,14 +923,14 @@ var script$8 = defineComponent({
             Object.assign(styles, {
               position: 'sticky',
               insetInlineStart: `${props.stickyOffset}px`,
-              zIndex: '120'
+              zIndex: '11'
             });
             break;
           case 'end':
             Object.assign(styles, {
               position: 'sticky',
               insetInlineEnd: `${props.stickyOffset}px`,
-              zIndex: '120'
+              zIndex: '11'
             });
             break;
         }
@@ -1105,7 +1105,7 @@ var __vue_component__$h = __vue_component__$g;
 
 const DataGridTableHeaderRow = [
 // Position
-'sticky top-0 z-[110]',
+'sticky top-0 z-[10]',
 // Layout
 'grid grid-cols-[subgrid] col-span-full',
 // Typography

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "26.4.1-beta.5887.0",
+  "version": "26.4.1-beta.5889.0",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^26.4.1-beta.5887.0",
-    "@onereach/ui-components-common": "^26.4.1-beta.5887.0",
+    "@onereach/styles": "^26.4.1-beta.5889.0",
+    "@onereach/ui-components-common": "^26.4.1-beta.5889.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.27.1",
     "@tiptap/extension-blockquote": "2.27.1",