@onereach/ui-components 11.8.1-beta.4469.0 → 11.8.2-beta.4472.0

package/dist/esm/v2/{OrDataGrid-62180490.js → OrDataGrid-1b618c7f.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrCheckbox-2536a62d.js';
 import { _ as __vue_component__$f } from './OrPagination-5c521867.js';
 import { _ as __vue_component__$g } from './OrSearch-f313feb7.js';
-import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, D as DataGridVariant } from './OrDataGridToolbar-22ef4afa.js';
+import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, D as DataGridVariant } from './OrDataGridToolbar-dea2d5d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DataGrid = [

package/dist/esm/v2/{OrDataGridToolbar-22ef4afa.js → OrDataGridToolbar-dea2d5d8.js}

@@ -256,11 +256,11 @@ const DataGridTableContentRow = [
 // Theme (children)
 'children:theme-foreground-default', 'dark:children:theme-foreground-default-dark', 'children:theme-background-default', 'dark:children:theme-background-default-dark',
 // Theme (hover / children)
-'children:hover:theme-background-primary-translucent-1', 'dark:children:hover:theme-background-primary-translucent-1-dark',
+'children:hover:theme-background-surface-1', 'dark:children:hover:theme-background-surface-1-dark',
 // Theme (selected / children)
-'children:selected:theme-background-primary-translucent-2', 'dark:children:selected:theme-background-primary-translucent-2-dark',
+'children:selected:theme-background-surface-2', 'dark:children:selected:theme-background-surface-2-dark',
 // Theme (selected + hover / children)
-'children:hover:selected:theme-background-primary-translucent-3', 'dark:children:hover:selected:theme-background-primary-translucent-3-dark'];
+'children:hover:selected:theme-background-surface-3', 'dark:children:hover:selected:theme-background-surface-3-dark'];
 const DataGridTableContentRowVariants = {
   [DataGridVariant.Standard]: [
   // Box

package/dist/esm/v2/components/index.js

@@ -34,8 +34,8 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-b30bea03.js';
 export { _ as OrConfirm } from '../OrConfirm-4b5fdad4.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-2c842d3f.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-80cbae0f.js';
-export { _ as OrDataGridV3 } from '../OrDataGrid-62180490.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-22ef4afa.js';
+export { _ as OrDataGridV3 } from '../OrDataGrid-1b618c7f.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-dea2d5d8.js';
 export { _ as OrDateFormatV3 } from '../OrDateFormat-97e3914f.js';
 export { _ as OrDatePickerV3 } from '../OrDatePicker-46a381b3.js';
 export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-b3580717.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrDataGridV3 } from '../../OrDataGrid-62180490.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-22ef4afa.js';
+export { _ as OrDataGridV3 } from '../../OrDataGrid-1b618c7f.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-dea2d5d8.js';
 import 'vue-demi';
 import '../../OrCheckbox-2536a62d.js';
 import '../../useIdAttribute-3a339b79.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridToolbar } from '../../../OrDataGridToolbar-22ef4afa.js';
+export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridToolbar } from '../../../OrDataGridToolbar-dea2d5d8.js';
 import 'vue-demi';
 import '../../../normalize-component-6e8e3d80.js';
 import '../../../OrIcon-0a14dafc.js';

package/dist/esm/v2/components/or-data-grid-v3/types.d.ts

@@ -15,6 +15,7 @@ export type DataGridColumn = {
     name: string;
     label: string;
     width?: string;
+    offset?: number;
     alignment?: 'start' | 'end' | 'center';
     stickiness?: 'start' | 'end';
 };
@@ -32,4 +33,5 @@ export type DataGridFeatures = {
         length: number;
         options?: number[];
     };
+    resizing?: boolean;
 };

package/dist/esm/v2/index.js

@@ -34,8 +34,8 @@ export { _ as OrCombinedInputV3 } from './OrCombinedInput-b30bea03.js';
 export { _ as OrConfirm } from './OrConfirm-4b5fdad4.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-2c842d3f.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-80cbae0f.js';
-export { _ as OrDataGridV3 } from './OrDataGrid-62180490.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-22ef4afa.js';
+export { _ as OrDataGridV3 } from './OrDataGrid-1b618c7f.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-dea2d5d8.js';
 export { _ as OrDateFormatV3 } from './OrDateFormat-97e3914f.js';
 export { _ as OrDatePickerV3 } from './OrDatePicker-46a381b3.js';
 export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-b3580717.js';

package/dist/esm/v3/{OrDataGrid-e158bc2a.js → OrDataGrid-82870e54.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrCheckbox-98127253.js';
 import { s as script$f } from './OrPagination-322e22d5.js';
 import { s as script$g } from './OrSearch-371b5286.js';
-import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, D as DataGridVariant } from './OrDataGridToolbar-453f93f2.js';
+import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, D as DataGridVariant } from './OrDataGridToolbar-f9e9f135.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, renderSlot, createVNode, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 
 const DataGrid = [

package/dist/esm/v3/{OrDataGridToolbar-453f93f2.js → OrDataGridToolbar-f9e9f135.js}

@@ -190,11 +190,11 @@ const DataGridTableContentRow = [
 // Theme (children)
 'children:theme-foreground-default', 'dark:children:theme-foreground-default-dark', 'children:theme-background-default', 'dark:children:theme-background-default-dark',
 // Theme (hover / children)
-'children:hover:theme-background-primary-translucent-1', 'dark:children:hover:theme-background-primary-translucent-1-dark',
+'children:hover:theme-background-surface-1', 'dark:children:hover:theme-background-surface-1-dark',
 // Theme (selected / children)
-'children:selected:theme-background-primary-translucent-2', 'dark:children:selected:theme-background-primary-translucent-2-dark',
+'children:selected:theme-background-surface-2', 'dark:children:selected:theme-background-surface-2-dark',
 // Theme (selected + hover / children)
-'children:hover:selected:theme-background-primary-translucent-3', 'dark:children:hover:selected:theme-background-primary-translucent-3-dark'];
+'children:hover:selected:theme-background-surface-3', 'dark:children:hover:selected:theme-background-surface-3-dark'];
 const DataGridTableContentRowVariants = {
   [DataGridVariant.Standard]: [
   // Box

package/dist/esm/v3/components/index.js

@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-04dda289.js';
 export { s as OrConfirm } from '../OrConfirm-7c132ea7.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-96b6ab7e.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-1d4bdf37.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-e158bc2a.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-453f93f2.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-82870e54.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-f9e9f135.js';
 export { s as OrDateFormatV3 } from '../OrDateFormat-908ea254.js';
 export { s as OrDatePickerV3 } from '../OrDatePicker-cf31041d.js';
 export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-003b215b.js';

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

@@ -1,5 +1,5 @@
-export { s as OrDataGridV3 } from '../../OrDataGrid-e158bc2a.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-453f93f2.js';
+export { s as OrDataGridV3 } from '../../OrDataGrid-82870e54.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-f9e9f135.js';
 import 'vue-demi';
 import '../../OrCheckbox-98127253.js';
 import '../../useIdAttribute-3a339b79.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridToolbar } from '../../../OrDataGridToolbar-453f93f2.js';
+export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridToolbar } from '../../../OrDataGridToolbar-f9e9f135.js';
 import 'vue-demi';
 import 'vue';
 import '../../../OrIcon-9aff520e.js';

package/dist/esm/v3/components/or-data-grid-v3/types.d.ts

@@ -15,6 +15,7 @@ export type DataGridColumn = {
     name: string;
     label: string;
     width?: string;
+    offset?: number;
     alignment?: 'start' | 'end' | 'center';
     stickiness?: 'start' | 'end';
 };
@@ -32,4 +33,5 @@ export type DataGridFeatures = {
         length: number;
         options?: number[];
     };
+    resizing?: boolean;
 };

package/dist/esm/v3/index.js

@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from './OrCombinedInput-04dda289.js';
 export { s as OrConfirm } from './OrConfirm-7c132ea7.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-96b6ab7e.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-1d4bdf37.js';
-export { s as OrDataGridV3 } from './OrDataGrid-e158bc2a.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-453f93f2.js';
+export { s as OrDataGridV3 } from './OrDataGrid-82870e54.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-f9e9f135.js';
 export { s as OrDateFormatV3 } from './OrDateFormat-908ea254.js';
 export { s as OrDatePickerV3 } from './OrDatePicker-cf31041d.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePicker-003b215b.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "11.8.1-beta.4469.0",
+  "version": "11.8.2-beta.4472.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,

package/src/components/or-data-grid-v3/partials/or-data-grid-table-content-row/styles.ts

@@ -19,16 +19,16 @@ export const DataGridTableContentRow: string[] = [
   'dark:children:theme-background-default-dark',
 
   // Theme (hover / children)
-  'children:hover:theme-background-primary-translucent-1',
-  'dark:children:hover:theme-background-primary-translucent-1-dark',
+  'children:hover:theme-background-surface-1',
+  'dark:children:hover:theme-background-surface-1-dark',
 
   // Theme (selected / children)
-  'children:selected:theme-background-primary-translucent-2',
-  'dark:children:selected:theme-background-primary-translucent-2-dark',
+  'children:selected:theme-background-surface-2',
+  'dark:children:selected:theme-background-surface-2-dark',
 
   // Theme (selected + hover / children)
-  'children:hover:selected:theme-background-primary-translucent-3',
-  'dark:children:hover:selected:theme-background-primary-translucent-3-dark',
+  'children:hover:selected:theme-background-surface-3',
+  'dark:children:hover:selected:theme-background-surface-3-dark',
 ];
 
 export const DataGridTableContentRowVariants: Record<DataGridVariant, string[]> = {

package/src/components/or-data-grid-v3/types.ts

@@ -24,6 +24,7 @@ export type DataGridColumn = {
   label: string;
 
   width?: string;
+  offset?: number;
 
   alignment?: 'start' | 'end' | 'center';
   stickiness?: 'start' | 'end';
@@ -45,4 +46,6 @@ export type DataGridFeatures = {
     length: number;
     options?: number[];
   };
+
+  resizing?: boolean;
 };