@onereach/ui-components-vue2 26.4.1-beta.5879.0 → 26.4.1-beta.5880.0

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

@@ -206,6 +206,8 @@ const DataGridTableContentCell = [
 'theme-border-transparent border-1', 'dark:theme-border-transparent-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',
 // Theme (.sticky-end)
@@ -274,6 +276,7 @@ var script$e = defineComponent({
             return {
               position: 'sticky',
               insetInlineStart: '0',
+              zIndex: '30',
               flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
               justifyContent: props.column.alignment
             };
@@ -281,6 +284,7 @@ var script$e = defineComponent({
             return {
               position: 'sticky',
               insetInlineEnd: '0',
+              zIndex: '30',
               flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
               justifyContent: props.column.alignment
             };
@@ -478,6 +482,8 @@ var __vue_component__$t = __vue_component__$s;
 const DataGridTableContentRow = [
 // Layout
 'grid grid-cols-[subgrid] col-span-full',
+// Stacking context
+'relative z-[1]',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -821,11 +827,11 @@ const DataGridTableHeaderCell = [
 // Theme
 'theme-border-transparent border-1', 'dark:theme-border-transparent-dark', 'theme-outline-transparent outline-2 -outline-offset-1', 'dark:theme-outline-transparent-dark',
 // Theme (Stacking)
-'relative z-1 hover:z-2',
+'relative hover:z-[2]',
 // Theme (.sticky-start)
-'[&.sticky-start]:theme-background-surface-variant-1 [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid z-20 hover:z-30', 'dark:[&.sticky-start]:theme-background-surface-variant-1-dark dark:[&.sticky-start]:border-e-disabled-dark',
+'[&.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',
 // Theme (.sticky-end)
-'[&.sticky-end]:theme-background-surface-variant-1 [&.sticky-end]:border-s-disabled [&.sticky-end]:border-solid z-20 hover:z-30', 'dark:[&.sticky-end]:theme-background-surface-variant-1-dark dark:[&.sticky-end]:border-s-disabled-dark',
+'[&.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',
 // Theme (.resizable)
 '[&.resizable]:border-e-disabled [&.resizable]:border-solid', 'dark:[&.resizable]:border-e-disabled-dark'];
 const DataGridTableHeaderCellResizeHandle = [
@@ -892,6 +898,7 @@ var script$8 = defineComponent({
             return {
               position: 'sticky',
               insetInlineStart: '0',
+              zIndex: '120',
               flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
               justifyContent: props.column.alignment
             };
@@ -899,6 +906,7 @@ var script$8 = defineComponent({
             return {
               position: 'sticky',
               insetInlineEnd: '0',
+              zIndex: '120',
               flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
               justifyContent: props.column.alignment
             };
@@ -1066,7 +1074,7 @@ var __vue_component__$h = __vue_component__$g;
 
 const DataGridTableHeaderRow = [
 // Position
-'sticky top-0 z-10',
+'sticky top-0 z-[110]',
 // 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.5879.0",
+  "version": "26.4.1-beta.5880.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.5879.0",
-    "@onereach/ui-components-common": "^26.4.1-beta.5879.0",
+    "@onereach/styles": "^26.4.1-beta.5880.0",
+    "@onereach/ui-components-common": "^26.4.1-beta.5880.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.27.1",
     "@tiptap/extension-blockquote": "2.27.1",