@onereach/ui-components 13.2.1-beta.4649.0 → 13.2.1-beta.4652.0

package/dist/bundled/v2/{OrDataGrid-4b0efe51.js → OrDataGrid-918a8cff.js}

@@ -1398,10 +1398,6 @@ var script = defineComponent({
         });
       }
     });
-    // Helpers
-    function scrollTo(event) {
-      event.currentTarget.scrollIntoView();
-    }
     return {
       root,
       rootStyles,
@@ -1410,8 +1406,7 @@ var script = defineComponent({
       filteringModel,
       searchingModel,
       sortingModel,
-      pagingModel,
-      scrollTo
+      pagingModel
     };
   }
 });
@@ -1471,9 +1466,11 @@ var __vue_render__ = function () {
       }
     }
   }, [_c('OrCheckbox', {
+    class: {
+      'invisible': _vm.items.length === 0 || _vm.loading
+    },
     attrs: {
-      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0,
-      "disabled": _vm.items.length === 0 || _vm.loading
+      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0
     },
     model: {
       value: _vm.selectingIndicator,
@@ -1555,9 +1552,6 @@ var __vue_render__ = function () {
         on: {
           "update:model-value": function ($event) {
             return _vm.$emit('update:item', item);
-          },
-          "focusin": function ($event) {
-            return _vm.scrollTo($event);
           }
         },
         model: {

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-4b0efe51.js';
+export { _ as default } from '../../OrDataGrid-918a8cff.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.vue.d.ts

@@ -41,7 +41,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
-    scrollTo: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;

package/dist/bundled/v2/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-4b0efe51.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-918a8cff.js';

package/dist/bundled/v2/components/OrStatusV3/styles.js

@@ -8,7 +8,7 @@ const Status = [
 const StatusVariants = {
   [StatusVariant.Neutral]: [
   // Theme
-  'theme-foreground-default', 'dark:theme-foreground-default-dark'],
+  'theme-foreground-primary', 'dark:theme-foreground-primary-dark'],
   [StatusVariant.Disabled]: [
   // Theme
   'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],

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

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-4b0efe51.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-918a8cff.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';

package/dist/bundled/v2/index.js

@@ -18,7 +18,7 @@ export { default as OrCombinedInputV3 } from './components/OrCombinedInputV3/OrC
 export { default as OrConfirm } from './components/OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './components/OrConfirmV3/OrConfirm.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-4b0efe51.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-918a8cff.js';
 export { default as OrDateFormatV3 } from './components/OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './components/OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './components/OrDateRangePickerV3/OrDateRangePicker.js';

package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.js

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-04363bcc.js';
+export { s as default } from '../OrDataGridV3-94f2cb4f.js';

package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.vue.d.ts

@@ -41,7 +41,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
-    scrollTo: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;

package/dist/bundled/v3/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-04363bcc.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-94f2cb4f.js';

package/dist/bundled/v3/components/OrDataGridV3/styles.js

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-04363bcc.js';
+export { a as DataGrid } from '../OrDataGridV3-94f2cb4f.js';

package/dist/bundled/v3/components/{OrDataGridV3-04363bcc.js → OrDataGridV3-94f2cb4f.js}

@@ -1014,10 +1014,6 @@ var script = defineComponent({
         });
       }
     });
-    // Helpers
-    function scrollTo(event) {
-      event.currentTarget.scrollIntoView();
-    }
     return {
       root,
       rootStyles,
@@ -1026,8 +1022,7 @@ var script = defineComponent({
       filteringModel,
       searchingModel,
       sortingModel,
-      pagingModel,
-      scrollTo
+      pagingModel
     };
   }
 });
@@ -1096,9 +1091,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             modelValue: _ctx.selectingIndicator,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
-            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0,
-            disabled: _ctx.items.length === 0 || _ctx.loading
-          }, null, 8 /* PROPS */, ["modelValue", "indeterminate", "disabled"])]),
+            class: normalizeClass({
+              'invisible': _ctx.items.length === 0 || _ctx.loading
+            }),
+            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0
+          }, null, 8 /* PROPS */, ["modelValue", "class", "indeterminate"])]),
           _: 1 /* STABLE */
         })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
           return openBlock(), createBlock(_component_OrDataGridTableHeaderCell, {
@@ -1172,8 +1169,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: item[column.name],
               "onUpdate:modelValue": [$event => item[column.name] = $event, $event => _ctx.$emit('update:item', item)],
               column: column,
-              features: _ctx.features,
-              onFocusin: _cache[4] || (_cache[4] = $event => _ctx.scrollTo($event))
+              features: _ctx.features
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, column.name, {
                 column: column,
@@ -1236,7 +1232,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paging",
     fn: withCtx(() => [createVNode(_component_OrPagination, {
       modelValue: _ctx.pagingModel,
-      "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.pagingModel = $event),
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.pagingModel = $event),
       length: _ctx.features.paging.length,
       options: _ctx.features.paging.options
     }, null, 8 /* PROPS */, ["modelValue", "length", "options"])]),

package/dist/bundled/v3/components/OrStatusV3/OrStatus.js

@@ -1 +1 @@
-export { s as default } from '../OrStatusV3-fa4b1aff.js';
+export { s as default } from '../OrStatusV3-58c791a2.js';

package/dist/bundled/v3/components/OrStatusV3/index.js

@@ -1 +1 @@
-export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatusV3-fa4b1aff.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatusV3-58c791a2.js';

package/dist/bundled/v3/components/OrStatusV3/props.js

@@ -1 +1 @@
-export { a as StatusSize, S as StatusVariant } from '../OrStatusV3-fa4b1aff.js';
+export { a as StatusSize, S as StatusVariant } from '../OrStatusV3-58c791a2.js';

package/dist/bundled/v3/components/OrStatusV3/styles.js

@@ -1 +1 @@
-export { b as Status, e as StatusIndicator, f as StatusIndicatorVariants, d as StatusSizes, g as StatusTimestamp, c as StatusVariants } from '../OrStatusV3-fa4b1aff.js';
+export { b as Status, e as StatusIndicator, f as StatusIndicatorVariants, d as StatusSizes, g as StatusTimestamp, c as StatusVariants } from '../OrStatusV3-58c791a2.js';

package/dist/bundled/v3/components/{OrStatusV3-fa4b1aff.js → OrStatusV3-58c791a2.js}

@@ -24,7 +24,7 @@ const Status = [
 const StatusVariants = {
   [StatusVariant.Neutral]: [
   // Theme
-  'theme-foreground-default', 'dark:theme-foreground-default-dark'],
+  'theme-foreground-primary', 'dark:theme-foreground-primary-dark'],
   [StatusVariant.Disabled]: [
   // Theme
   'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],

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

@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-ceff5a22.js';
 export { s as OrConfirm } from './OrConfirm-7187402d.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-3c9ece49.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-04363bcc.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-94f2cb4f.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-ac7355e0.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-e460f30f.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-08ba88a7.js';
@@ -98,7 +98,7 @@ export { a as OrSkeletonCircleV3, b as OrSkeletonRectV3, s as OrSkeletonTextV3 }
 export { default as OrSlider } from './OrSlider/OrSlider.js';
 export { s as OrSliderV3, a as SliderColor, S as SliderOrientation } from './OrSliderV3-84949774.js';
 export { s as OrSortingV3 } from './OrSortingV3-6cef8218.js';
-export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatusV3-fa4b1aff.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatusV3-58c791a2.js';
 export { default as OrStepper } from './OrStepper/OrStepper.js';
 export { default as OrSwitch } from './OrSwitch/OrSwitch.js';
 export { s as OrSwitchV3 } from './OrSwitchV3-33a94023.js';

package/dist/bundled/v3/index.js

@@ -16,7 +16,7 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-ceff5a22.
 export { s as OrConfirm } from './components/OrConfirm-7187402d.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-3c9ece49.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-04363bcc.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-94f2cb4f.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-ac7355e0.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-08ba88a7.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-2916ddc3.js';
@@ -53,7 +53,7 @@ export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as O
 export { a as OrSkeletonCircleV3, b as OrSkeletonRectV3, s as OrSkeletonTextV3 } from './components/OrSkeletonV3-77393e23.js';
 export { default as OrSlider } from './components/OrSlider/OrSlider.js';
 export { s as OrSliderV3, a as SliderColor, S as SliderOrientation } from './components/OrSliderV3-84949774.js';
-export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './components/OrStatusV3-fa4b1aff.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './components/OrStatusV3-58c791a2.js';
 export { default as OrStepper } from './components/OrStepper/OrStepper.js';
 export { default as OrSwitch } from './components/OrSwitch/OrSwitch.js';
 export { default as OrTab } from './components/OrTab/OrTab.js';

package/dist/esm/v2/{OrDataGrid-f4b37b3b.js → OrDataGrid-3e1aad26.js}

@@ -167,10 +167,6 @@ var script = defineComponent({
         });
       }
     });
-    // Helpers
-    function scrollTo(event) {
-      event.currentTarget.scrollIntoView();
-    }
     return {
       root,
       rootStyles,
@@ -179,8 +175,7 @@ var script = defineComponent({
       filteringModel,
       searchingModel,
       sortingModel,
-      pagingModel,
-      scrollTo
+      pagingModel
     };
   }
 });
@@ -240,9 +235,11 @@ var __vue_render__ = function () {
       }
     }
   }, [_c('OrCheckbox', {
+    class: {
+      'invisible': _vm.items.length === 0 || _vm.loading
+    },
     attrs: {
-      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0,
-      "disabled": _vm.items.length === 0 || _vm.loading
+      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0
     },
     model: {
       value: _vm.selectingIndicator,
@@ -324,9 +321,6 @@ var __vue_render__ = function () {
         on: {
           "update:model-value": function ($event) {
             return _vm.$emit('update:item', item);
-          },
-          "focusin": function ($event) {
-            return _vm.scrollTo($event);
           }
         },
         model: {

package/dist/esm/v2/{OrStatus-d723d9ae.js → OrStatus-9a6a42fa.js}

@@ -24,7 +24,7 @@ const Status = [
 const StatusVariants = {
   [StatusVariant.Neutral]: [
   // Theme
-  'theme-foreground-default', 'dark:theme-foreground-default-dark'],
+  'theme-foreground-primary', 'dark:theme-foreground-primary-dark'],
   [StatusVariant.Disabled]: [
   // Theme
   'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],

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

@@ -34,7 +34,7 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-da2fc9f0.js';
 export { _ as OrConfirm } from '../OrConfirm-8f6d47e1.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-5994da81.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-a6fee3eb.js';
-export { _ as OrDataGridV3 } from '../OrDataGrid-f4b37b3b.js';
+export { _ as OrDataGridV3 } from '../OrDataGrid-3e1aad26.js';
 export { D as DataGridVariant } from '../OrDataGridToolbar-90db8a78.js';
 export { _ as OrDateFormatV3 } from '../OrDateFormat-2ff9c3f0.js';
 export { _ as OrDatePickerV3 } from '../OrDatePicker-4f0cb374.js';
@@ -123,7 +123,7 @@ export { _ as OrSlider } from '../OrSlider-baad996a.js';
 export { _ as OrSliderV3 } from '../OrSlider-6a373c9b.js';
 export { S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-b29efe08.js';
 export { _ as OrSortingV3 } from '../OrSorting-f71ae3b3.js';
-export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-d723d9ae.js';
+export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-9a6a42fa.js';
 export { _ as OrStepper } from '../OrStepper-582cd0d4.js';
 export { _ as OrSwitch } from '../OrSwitch-bc7dc2f1.js';
 export { _ as OrSwitchV3 } from '../OrSwitch-d9bb9ac5.js';

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

@@ -41,7 +41,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
-    scrollTo: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;

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

@@ -1,4 +1,4 @@
-export { _ as OrDataGridV3 } from '../../OrDataGrid-f4b37b3b.js';
+export { _ as OrDataGridV3 } from '../../OrDataGrid-3e1aad26.js';
 export { D as DataGridVariant } from '../../OrDataGridToolbar-90db8a78.js';
 import 'vue-demi';
 import '../../OrCheckbox-f2dc364e.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from '../../OrStatus-d723d9ae.js';
+export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from '../../OrStatus-9a6a42fa.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/index.js

@@ -34,7 +34,7 @@ export { _ as OrCombinedInputV3 } from './OrCombinedInput-da2fc9f0.js';
 export { _ as OrConfirm } from './OrConfirm-8f6d47e1.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-5994da81.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-a6fee3eb.js';
-export { _ as OrDataGridV3 } from './OrDataGrid-f4b37b3b.js';
+export { _ as OrDataGridV3 } from './OrDataGrid-3e1aad26.js';
 export { D as DataGridVariant } from './OrDataGridToolbar-90db8a78.js';
 export { _ as OrDateFormatV3 } from './OrDateFormat-2ff9c3f0.js';
 export { _ as OrDatePickerV3 } from './OrDatePicker-4f0cb374.js';
@@ -123,7 +123,7 @@ export { _ as OrSlider } from './OrSlider-baad996a.js';
 export { _ as OrSliderV3 } from './OrSlider-6a373c9b.js';
 export { S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-b29efe08.js';
 export { _ as OrSortingV3 } from './OrSorting-f71ae3b3.js';
-export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-d723d9ae.js';
+export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-9a6a42fa.js';
 export { _ as OrStepper } from './OrStepper-582cd0d4.js';
 export { _ as OrSwitch } from './OrSwitch-bc7dc2f1.js';
 export { _ as OrSwitchV3 } from './OrSwitch-d9bb9ac5.js';

package/dist/esm/v3/{OrDataGrid-064ac533.js → OrDataGrid-ac2dee97.js}

@@ -167,10 +167,6 @@ var script = defineComponent({
         });
       }
     });
-    // Helpers
-    function scrollTo(event) {
-      event.currentTarget.scrollIntoView();
-    }
     return {
       root,
       rootStyles,
@@ -179,8 +175,7 @@ var script = defineComponent({
       filteringModel,
       searchingModel,
       sortingModel,
-      pagingModel,
-      scrollTo
+      pagingModel
     };
   }
 });
@@ -249,9 +244,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             modelValue: _ctx.selectingIndicator,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
-            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0,
-            disabled: _ctx.items.length === 0 || _ctx.loading
-          }, null, 8 /* PROPS */, ["modelValue", "indeterminate", "disabled"])]),
+            class: normalizeClass({
+              'invisible': _ctx.items.length === 0 || _ctx.loading
+            }),
+            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0
+          }, null, 8 /* PROPS */, ["modelValue", "class", "indeterminate"])]),
           _: 1 /* STABLE */
         })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
           return openBlock(), createBlock(_component_OrDataGridTableHeaderCell, {
@@ -325,8 +322,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: item[column.name],
               "onUpdate:modelValue": [$event => item[column.name] = $event, $event => _ctx.$emit('update:item', item)],
               column: column,
-              features: _ctx.features,
-              onFocusin: _cache[4] || (_cache[4] = $event => _ctx.scrollTo($event))
+              features: _ctx.features
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, column.name, {
                 column: column,
@@ -389,7 +385,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paging",
     fn: withCtx(() => [createVNode(_component_OrPagination, {
       modelValue: _ctx.pagingModel,
-      "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.pagingModel = $event),
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.pagingModel = $event),
       length: _ctx.features.paging.length,
       options: _ctx.features.paging.options
     }, null, 8 /* PROPS */, ["modelValue", "length", "options"])]),

package/dist/esm/v3/{OrStatus-a33a7e88.js → OrStatus-29df22e1.js}

@@ -24,7 +24,7 @@ const Status = [
 const StatusVariants = {
   [StatusVariant.Neutral]: [
   // Theme
-  'theme-foreground-default', 'dark:theme-foreground-default-dark'],
+  'theme-foreground-primary', 'dark:theme-foreground-primary-dark'],
   [StatusVariant.Disabled]: [
   // Theme
   'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],

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

@@ -32,7 +32,7 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from '../OrConfirm-05a78778.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-beae75d5.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-064ac533.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-ac2dee97.js';
 export { D as DataGridVariant } from '../OrDataGridToolbar-cc0d31af.js';
 export { s as OrDateFormatV3 } from '../OrDateFormat-616cd68b.js';
 export { s as OrDatePickerV3 } from '../OrDatePicker-cbd5183d.js';
@@ -119,7 +119,7 @@ export { s as OrSkeletonTextV3 } from '../OrSkeletonText-5e9579c1.js';
 export { s as OrSlider } from '../OrSlider-d6f94501.js';
 export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSlider-45bd13d5.js';
 export { s as OrSortingV3 } from '../OrSorting-9744f44c.js';
-export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-a33a7e88.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-29df22e1.js';
 export { s as OrStepper } from '../OrStepper-8722709f.js';
 export { s as OrSwitch } from '../OrSwitch-043fb0ba.js';
 export { s as OrSwitchV3 } from '../OrSwitch-86583d97.js';

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

@@ -41,7 +41,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
-    scrollTo: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;

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

@@ -1,4 +1,4 @@
-export { s as OrDataGridV3 } from '../../OrDataGrid-064ac533.js';
+export { s as OrDataGridV3 } from '../../OrDataGrid-ac2dee97.js';
 export { D as DataGridVariant } from '../../OrDataGridToolbar-cc0d31af.js';
 import 'vue-demi';
 import '../../OrCheckbox-e353ee89.js';

package/dist/esm/v3/components/or-status-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../../OrStatus-a33a7e88.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../../OrStatus-29df22e1.js';
 import '@vueuse/core';
 import 'vue-demi';
 import 'vue';

package/dist/esm/v3/index.js

@@ -32,7 +32,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from './OrConfirm-05a78778.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-beae75d5.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from './OrDataGrid-064ac533.js';
+export { s as OrDataGridV3 } from './OrDataGrid-ac2dee97.js';
 export { D as DataGridVariant } from './OrDataGridToolbar-cc0d31af.js';
 export { s as OrDateFormatV3 } from './OrDateFormat-616cd68b.js';
 export { s as OrDatePickerV3 } from './OrDatePicker-cbd5183d.js';
@@ -119,7 +119,7 @@ export { s as OrSkeletonTextV3 } from './OrSkeletonText-5e9579c1.js';
 export { s as OrSlider } from './OrSlider-d6f94501.js';
 export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from './OrSlider-45bd13d5.js';
 export { s as OrSortingV3 } from './OrSorting-9744f44c.js';
-export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-a33a7e88.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-29df22e1.js';
 export { s as OrStepper } from './OrStepper-8722709f.js';
 export { s as OrSwitch } from './OrSwitch-043fb0ba.js';
 export { s as OrSwitchV3 } from './OrSwitch-86583d97.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "13.2.1-beta.4649.0",
+  "version": "13.2.1-beta.4652.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,

package/src/components/or-data-grid-v3/OrDataGrid.vue

@@ -46,8 +46,8 @@
             >
               <OrCheckbox
                 v-model="selectingIndicator"
+                :class="{ 'invisible': items.length === 0 || loading }"
                 :indeterminate="!selectingIndicator && selectingModel.length > 0"
-                :disabled="items.length === 0 || loading"
               />
             </OrDataGridTableHeaderCell>
           </template>
@@ -118,7 +118,6 @@
               :column="column"
               :features="features"
               @update:model-value="$emit('update:item', item)"
-              @focusin="scrollTo($event)"
             >
               <slot
                 :name="column.name"
@@ -396,11 +395,6 @@ export default defineComponent({
       },
     });
 
-    // Helpers
-    function scrollTo(event: FocusEvent): void {
-      (event.currentTarget as HTMLElement).scrollIntoView();
-    }
-
     return {
       root,
       rootStyles,
@@ -412,8 +406,6 @@ export default defineComponent({
       searchingModel,
       sortingModel,
       pagingModel,
-
-      scrollTo,
     };
   },
 });

package/src/components/or-status-v3/styles.ts

@@ -11,8 +11,8 @@ export const Status: string[] = [
 export const StatusVariants: Record<StatusVariant, string[]> = {
   [StatusVariant.Neutral]: [
     // Theme
-    'theme-foreground-default',
-    'dark:theme-foreground-default-dark',
+    'theme-foreground-primary',
+    'dark:theme-foreground-primary-dark',
   ],
 
   [StatusVariant.Disabled]: [