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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/esm/components/or-data-grid-v3/index.js +16 -16
  2. package/package.json +3 -3
package/dist/esm/components/or-data-grid-v3/index.js CHANGED
@@ -204,19 +204,19 @@ const DataGridTableContentCell = [
204
204
  // Spacing
205
205
  'px-sm+', 'py-xs', 'gap-xs',
206
206
  // Theme
207
- 'theme-border-disabled border-b-1 border-e-1 border-solid', 'dark:theme-border-disabled-dark',
208
- // Border (conditional override for last row/column)
209
- 'group-last:border-b-0', 'last:border-e-0', 'theme-outline-transparent outline-2 -outline-offset-1', 'dark:theme-outline-transparent-dark',
207
+ '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',
210
208
  // Theme (focus)
211
209
  'focus-within:theme-border-primary', 'dark:focus-within:theme-border-primary-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
212
210
  // Theme (Stacking)
213
211
  'relative',
214
212
  // Theme (.sticky-start)
215
- '[&.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',
213
+ '[&.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',
216
214
  // Theme (.sticky-end)
217
- '[&.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',
215
+ '[&.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',
218
216
  // Theme (.resizable)
219
- '[&.resizable]:border-e-disabled [&.resizable]:border-solid', 'dark:[&.resizable]:border-e-disabled-dark'];
217
+ 'relative',
218
+ // Border (conditional override for last row/column)
219
+ 'group-last:border-b-0', 'last:border-r-0'];
220
220
  const DataGridTableContentCellContent = [
221
221
  // interactivity
222
222
  'interactivity-select',
@@ -273,8 +273,8 @@ var script$e = defineComponent({
273
273
  // Refs & Styles
274
274
  const root = ref();
275
275
  const rootStyles = computed(() => {
276
- var _a, _b, _c, _d;
277
- 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'] : [])];
276
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
277
+ 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'] : [])];
278
278
  });
279
279
  const rootInlineStyles = computed(() => {
280
280
  var _a;
@@ -835,17 +835,17 @@ const DataGridTableHeaderCell = [
835
835
  // Spacing
836
836
  'px-sm+', 'py-xs', 'gap-xs',
837
837
  // Theme
838
- 'theme-border-disabled border-b-1 border-e-1 border-solid', 'dark:theme-border-disabled-dark',
839
- // Border (conditional override for last column)
840
- 'last:border-e-0', 'theme-outline-transparent outline-2 -outline-offset-1', 'dark:theme-outline-transparent-dark',
838
+ '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',
841
839
  // Theme (Stacking)
842
840
  'relative hover:z-[2]',
843
841
  // Theme (.sticky-start)
844
- '[&.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',
842
+ '[&.sticky-start]:theme-background-surface-variant-1', 'dark:[&.sticky-start]:theme-background-surface-variant-1-dark',
845
843
  // Theme (.sticky-end)
846
- '[&.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',
844
+ '[&.sticky-end]:theme-background-surface-variant-1', 'dark:[&.sticky-end]:theme-background-surface-variant-1-dark',
847
845
  // Theme (.resizable)
848
- '[&.resizable]:border-e-disabled [&.resizable]:border-solid', 'dark:[&.resizable]:border-e-disabled-dark'];
846
+ 'relative',
847
+ // Border (conditional override for last column)
848
+ 'last:border-r-0'];
849
849
  const DataGridTableHeaderCellResizeHandle = [
850
850
  // Position
851
851
  'absolute top-0 bottom-0 end-0 z-50',
@@ -900,8 +900,8 @@ var script$8 = defineComponent({
900
900
  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;
901
901
  });
902
902
  const rootStyles = computed(() => {
903
- var _a;
904
- 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'] : [])];
903
+ var _a, _b, _c;
904
+ 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'] : [])];
905
905
  });
906
906
  const resizeHandleStyles = computed(() => ['or-data-grid-table-header-cell-resize-handle-v3', ...DataGridTableHeaderCellResizeHandle]);
907
907
  const wrapInlineStyle = computed(() => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components-vue2",
3
- "version": "26.4.1-beta.5887.0",
3
+ "version": "26.4.1-beta.5888.0",
4
4
  "description": "Vue components library for v2",
5
5
  "license": "Apache-2.0",
6
6
  "sideEffects": false,
@@ -40,8 +40,8 @@
40
40
  "@codemirror/view": "^6",
41
41
  "@floating-ui/dom": "1.5.3",
42
42
  "@lezer/highlight": "*",
43
- "@onereach/styles": "^26.4.1-beta.5887.0",
44
- "@onereach/ui-components-common": "^26.4.1-beta.5887.0",
43
+ "@onereach/styles": "^26.4.1-beta.5888.0",
44
+ "@onereach/ui-components-common": "^26.4.1-beta.5888.0",
45
45
  "@splidejs/splide": "4.0.6",
46
46
  "@tiptap/core": "2.27.1",
47
47
  "@tiptap/extension-blockquote": "2.27.1",