@onereach/ui-components 13.0.2-beta.4618.0 → 13.0.2-beta.4620.0

package/dist/bundled/v2/{OrDataGrid-5d2c6484.js → OrDataGrid-fecf13cb.js}

@@ -3,7 +3,7 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import __vue_component__$t from './components/OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$u from './components/OrDatePickerV3/OrDatePicker.js';
 import __vue_component__$v from './components/OrDateTimePickerV3/OrDateTimePicker.js';
-import { _ as __vue_component__$w } from './OrInput-10c4858d.js';
+import { _ as __vue_component__$w } from './OrInput-cba841ef.js';
 import __vue_component__$x from './components/OrRatingV3/OrRating.js';
 import __vue_component__$y from './components/OrSelectV3/OrSelect.js';
 import __vue_component__$z from './components/OrSwitchV3/OrSwitch.js';
@@ -210,7 +210,7 @@ var script$c = defineComponent({
     const root = ref();
     const rootStyles = computed(() => {
       var _a;
-      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : [])];
+      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`, 'z-20'] : [])];
     });
     const rootInlineStyles = computed(() => {
       if (props.column) {
@@ -779,7 +779,7 @@ var script$6 = defineComponent({
     const root = ref();
     const rootStyles = computed(() => {
       var _a, _b;
-      return ['or-data-grid-table-header-cell-v3', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : []), ...(((_b = props.features) === null || _b === void 0 ? void 0 : _b.sorting) && props.column ? ['interactivity-click'] : [])];
+      return ['or-data-grid-table-header-cell-v3', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`, 'z-20'] : []), ...(((_b = props.features) === null || _b === void 0 ? void 0 : _b.sorting) && props.column ? ['interactivity-click'] : [])];
     });
     const rootInlineStyles = computed(() => {
       if (props.column) {
@@ -1111,9 +1111,7 @@ const DataGridTable = [
 // Overflow
 'overflow-auto',
 // Interactivity
-'interactivity-default',
-// Spacing
-'-mx-[calc(theme(outlineWidth.2))]', '-my-0', 'px-[calc(theme(outlineWidth.2))]', 'py-0'];
+'interactivity-default'];
 
 var script$2 = defineComponent({
   name: 'OrDataGridTable',

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -5,7 +5,7 @@ import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-10c4858d.js';
+import { _ as __vue_component__$3 } from '../../OrInput-cba841ef.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-5d2c6484.js';
+export { _ as default } from '../../OrDataGrid-fecf13cb.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-5d2c6484.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-fecf13cb.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-67960fee.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-a9504666.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,7 +8,7 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-67960fee.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-a9504666.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-67960fee.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-a9504666.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-30392a5d.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';

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

@@ -1,5 +1,5 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-67960fee.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-a9504666.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-30392a5d.js';
 export { formatDate } from './utils/formatDate.js';

package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInlineInput-5a27af80.js';
+export { _ as default } from '../../OrInlineInput-7da25603.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-5a27af80.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-7da25603.js';

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-10c4858d.js';
+export { _ as default } from '../../OrInput-cba841ef.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-10c4858d.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-cba841ef.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-d64a873f.js';
+export { _ as default } from '../../OrList-2d0011dc.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-d64a873f.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-2d0011dc.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -11,7 +11,7 @@ import __vue_component__$1 from '../OrButtonV3/OrButton.js';
 import __vue_component__$2 from '../OrErrorV3/OrError.js';
 import __vue_component__$3 from '../OrHintV3/OrHint.js';
 import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$5 } from '../../OrInput-10c4858d.js';
+import { _ as __vue_component__$5 } from '../../OrInput-cba841ef.js';
 import __vue_component__$6 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$7 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$8 from '../OrMenuV3/OrMenu.js';

package/dist/bundled/v2/components/OrRichTooltipV3/OrRichTooltip.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrRichTooltip-c8d6a339.js';
+export { _ as default } from '../../OrRichTooltip-c6df368f.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../../OrRichTooltip-c8d6a339.js';
+export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../../OrRichTooltip-c6df368f.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,5 +1,5 @@
 import { defineComponent, reactive, ref, computed, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-10c4858d.js';
+import { _ as __vue_component__$1 } from '../../OrInput-cba841ef.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -15,7 +15,7 @@ import __vue_component__$8 from '../OrExpansionPanelV3/OrExpansionPanel.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrIconV3/OrIcon.js';
 import __vue_component__$b from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$c } from '../../OrInput-10c4858d.js';
+import { _ as __vue_component__$c } from '../../OrInput-cba841ef.js';
 import __vue_component__$d from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$e from '../OrLabelV3/OrLabel.js';
 import __vue_component__$f from '../OrMenuItemV3/OrMenuItem.js';

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-5d2c6484.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-fecf13cb.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';
@@ -52,7 +52,7 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-67960fee.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-a9504666.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-38026924.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-30392a5d.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
@@ -91,14 +91,14 @@ export { default as OrIconV3 } from './OrIconV3/OrIcon.js';
 export { IconSize, IconVariant } from './OrIconV3/props.js';
 export { default as OrInlineInputBoxV3 } from './OrInlineInputBoxV3/OrInlineInputBox.js';
 export { InlineInputBoxSize } from './OrInlineInputBoxV3/props.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-5a27af80.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-7da25603.js';
 export { default as OrInlineTextEdit } from './OrInlineTextEdit/OrInlineTextEdit.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
 export { default as OrInlineTextareaV3 } from './OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrInputBoxV3 } from './OrInputBoxV3/OrInputBox.js';
 export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant } from '../types-945b6452.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-10c4858d.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-cba841ef.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { L as LabelVariant } from '../styles-30358b7e.js';
@@ -106,7 +106,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-d64a873f.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-2d0011dc.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -145,7 +145,7 @@ export { default as OrResizeablePanelV3 } from './OrResizeablePanelV3/OrResizeab
 export { ResizeablePanelPadding, ResizeablePanelPlacement } from './OrResizeablePanelV3/props.js';
 export { default as OrRichTextEditorV3 } from './OrRichTextEditorV3/OrRichTextEditor.js';
 export { Formats } from './OrRichTextEditorV3/props.js';
-export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../OrRichTooltip-c8d6a339.js';
+export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../OrRichTooltip-c6df368f.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
 export { default as OrSegmentedControlV3 } from './OrSegmentedControlV3/OrSegmentedControl.js';

package/dist/bundled/v2/hooks/useTheme.js

@@ -1750,7 +1750,7 @@ var theme = {
 		button: "inset 0 -1px 0 0 rgba(0 0 0 / 0.1), 0 0 5px 0 rgba(0 0 0 / 0.05), 0 1px 2px 0 rgba(24 28 34 / 0.15)",
 		"modal-dark": "0 4px 4px 0 rgba(0 0 0 / 0.15), 0 26px 80px 0 rgba(0 0 0 / 0.6), inset 0 0 1px 0 rgba(255 255 255 / 0.2)",
 		"contextual-dark": "0 4px 4px 0 rgba(0 0 0 / 0.25), -1px 0 20px 0 rgba(24 28 34 / 0.05), inset 0 0 1px 0 rgba(255 255 255 / 0.4)",
-		"card-dark": "0 2px 1px -1px rgba(0 0 0 / 0.2), 0 1px 1px 0 rgba(0 0 0 / 0.14), 0 0 1px 0 rgba(255 255 255 / 0.3)",
+		"card-dark": "0 2px 1px -1px rgba(0 0 0 / 0.2), 0 1px 1px 0 rgba(0 0 0 / 0.14), 0 1px 3px 0 rgba(24 28 34 / 0.12)",
 		"button-dark": "inset 0 -1px 0 0 rgba(255 255 255 / 0.2), 0 0 5px 0 rgba(0 0 0 / 0.05), 0 1px 2px 0 rgba(24 28 34 / 0.15)",
 		DEFAULT: "0 1px 1px rgba(0 0 0 / 0.24), 0 0 1px rgba(0 0 0 / 0.16)"
 	},