@onereach/ui-components 4.0.4-beta.2523.0 → 4.0.4

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

@@ -39,9 +39,7 @@ const ButtonRootColors = {
   'inherit-contained': [],
   'primary-outlined': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
-  // Theme (active)
-  'active:theme-border-1-primary', 'dark:active:theme-border-1-primary-dark'],
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-1-primary', 'dark:theme-border-1-primary-dark'],
   'danger-outlined': [
   // Theme
   'theme-preset-3-error', 'dark:theme-preset-3-error-dark', 'theme-border-1-error', 'dark:theme-border-1-error-dark'],

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js

@@ -33,7 +33,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:state'],
-  expose: ['root', 'state', 'isOpen', 'open', 'close', 'toggle'],
+  expose: ['root', 'isOpen', 'open', 'close', 'toggle'],
   setup() {
     // Refs
     const root = ref();
@@ -42,10 +42,6 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
     });
-    const popoverState = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
-    });
     // Styles
     const rootStyles = computed(() => ['or-menu-v3', ...MenuRoot]);
     // State
@@ -85,7 +81,6 @@ var script = defineComponent({
       root,
       popover,
       popoverRoot,
-      state: popoverState,
       rootStyles,
       isOpen,
       open,

package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts

@@ -8,7 +8,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    state: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isOpen: import("@vue/composition-api").ComputedRef<undefined>;
     open: () => void;
@@ -52,7 +51,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    state: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isOpen: import("@vue/composition-api").ComputedRef<undefined>;
     open: () => void;

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

@@ -11,9 +11,9 @@ import __vue_component__$8 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$9 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$a from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$b from '../OrTagV3/OrTag.js';
-import { useOverflow } from '../../hooks/useOverflow.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
+import { useOverflow } from '../../hooks/useOverflow.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrCheckboxV3/styles.js';

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

@@ -54,6 +54,6 @@ import '../OrMenuItemV3/styles.js';
 import '../OrTagV3/OrTag.js';
 import '../OrTagV3/props.js';
 import '../OrTagV3/styles.js';
-import '../../hooks/useOverflow.js';
 import '../../directives/dropdown-close.js';
 import '../../directives/dropdown-open.js';
+import '../../hooks/useOverflow.js';

package/dist/bundled/v2/components/index.d.ts

@@ -17,13 +17,11 @@ export * from './or-collapse';
 export * from './or-color-picker';
 export * from './or-confirm';
 export * from './or-confirm-v3';
-export * from './or-date-picker-v3';
 export * from './or-date-time-picker';
-export * from './or-date-time-picker-v3';
-export * from './or-empty-state-v3';
 export * from './or-error';
 export * from './or-error-tag-v3';
 export * from './or-error-v3';
+export * from './or-empty-state-v3';
 export * from './or-expansion-panel-v3';
 export * from './or-fab-v3';
 export * from './or-floating';
@@ -37,9 +35,9 @@ export * from './or-inline-input-box-v3';
 export * from './or-inline-input-v3';
 export * from './or-inline-text-edit';
 export * from './or-inline-textarea-v3';
-export * from './or-input';
 export * from './or-input-box-v3';
 export * from './or-input-v3';
+export * from './or-input';
 export * from './or-label';
 export * from './or-label-v3';
 export * from './or-link-v3';
@@ -57,8 +55,8 @@ export * from './or-number-input';
 export * from './or-overflow-menu';
 export * from './or-overlay';
 export * from './or-overlay-v3';
-export * from './or-pagination-v3';
 export * from './or-password';
+export * from './or-pagination-v3';
 export * from './or-popover-v3';
 export * from './or-progress';
 export * from './or-progress-v3';
@@ -92,7 +90,6 @@ export * from './or-text-v3';
 export * from './or-textarea';
 export * from './or-textarea-v3';
 export * from './or-textbox';
-export * from './or-time-picker-v3';
 export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';

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

@@ -30,16 +30,13 @@ export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, gree
 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 OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
-export { InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 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 { default as OrEmptyStateV3 } from './OrEmptyStateV3/OrEmptyState.js';
-export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { default as OrError } from './OrError/OrError.js';
 export { default as OrErrorTagV3 } from './OrErrorTagV3/OrErrorTag.js';
 export { default as OrErrorV3 } from './OrErrorV3/OrError.js';
+export { default as OrEmptyStateV3 } from './OrEmptyStateV3/OrEmptyState.js';
+export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { default as OrExpansionPanelV3 } from './OrExpansionPanelV3/OrExpansionPanel.js';
 export { ExpansionPanelColor, ExpansionPanelVariant } from './OrExpansionPanelV3/props.js';
 export { default as OrFabV3 } from './OrFabV3/OrFab.js';
@@ -61,10 +58,11 @@ export { InlineInputType } from './OrInlineInputV3/props.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 { InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize } from './OrInputBoxV3/props.js';
 export { default as OrInputV3 } from './OrInputV3/OrInput.js';
 export { InputType } from './OrInputV3/props.js';
+export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { LabelVariant } from './OrLabelV3/props.js';
@@ -91,8 +89,8 @@ export { default as OrNumberInput } from './OrNumberInput/OrNumberInput.js';
 export { default as OrOverflowMenu } from './OrOverflowMenu/OrOverflowMenu.js';
 export { default as OrOverlay } from './OrOverlay/OrOverlay.js';
 export { default as OrOverlayV3 } from './OrOverlayV3/OrOverlay.js';
-export { default as OrPaginationV3 } from './OrPaginationV3/OrPagination.js';
 export { default as OrPassword } from './OrPassword/OrPassword.js';
+export { default as OrPaginationV3 } from './OrPaginationV3/OrPagination.js';
 export { default as OrPopoverV3 } from './OrPopoverV3/OrPopover.js';
 export { default as OrProgress } from './OrProgress/OrProgress.js';
 export { OrProgressColors, OrProgressTypes } from './OrProgress/constants.js';
@@ -139,7 +137,6 @@ export { default as OrTextarea } from './OrTextarea/OrTextarea.js';
 export { default as OrTextareaV3 } from './OrTextareaV3/OrTextarea.js';
 export { default as OrTextbox } from './OrTextbox/OrTextbox.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { default as OrTimePickerV3 } from './OrTimePickerV3/OrTimePicker.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { default as OrToastContainer } from './OrToastContainer/OrToastContainer.js';
 export { default as useToast } from './OrToast/composable/useToast.js';
@@ -202,22 +199,8 @@ import './OrCode/theme.js';
 import './OrColorPicker/utils/defultPalette.js';
 import '../index-63e094a0.js';
 import './OrConfirmV3/styles.js';
-import './OrDateTimePickerV3/hooks/useDateFormat.js';
-import '../OrDateTimePickerMonthSelect-59c639c8.js';
-import './OrDateTimePickerV3/hooks/useDefaultDate.js';
-import './OrDateTimePickerV3/hooks/useDefaultHours.js';
-import './OrDateTimePickerV3/hooks/useDefaultMinutes.js';
-import './OrDateTimePickerV3/hooks/useDefaultMonth.js';
-import './OrDateTimePickerV3/hooks/useDefaultYear.js';
-import '../OrDateTimePickerPopoverHeader-ffdf51e9.js';
-import './OrDatePickerV3/styles.js';
-import '../directives/dropdown-close.js';
-import '../directives/dropdown-open.js';
-import './OrDateTimePickerV3/hooks/useTimeFormat.js';
-import '../OrDateTimePickerTimeSelect-cb1394ee.js';
-import './OrDateTimePickerV3/styles.js';
-import './OrEmptyStateV3/styles.js';
 import './OrErrorTagV3/styles.js';
+import './OrEmptyStateV3/styles.js';
 import './OrExpansionPanelV3/styles.js';
 import './OrFabV3/styles.js';
 import './OrInlineInputBoxV3/styles.js';
@@ -227,13 +210,15 @@ import './OrLinkV3/styles.js';
 import '../v4-cf8987a3.js';
 import './OrModalV3/styles.js';
 import './OrNotificationV3/styles.js';
-import './OrPaginationV3/styles.js';
 import '../hooks/useToggle.js';
+import './OrPaginationV3/styles.js';
 import './OrProgressV3/styles.js';
 import './OrRadioV3/styles.js';
 import './OrSegmentedControlV3/styles.js';
 import './OrSelect/constants.js';
 import './OrSelectV3/styles.js';
+import '../directives/dropdown-close.js';
+import '../directives/dropdown-open.js';
 import '../hooks/useOverflow.js';
 import './OrTagV3/styles.js';
 import './OrSidebarV3/styles.js';
@@ -244,7 +229,6 @@ import './OrTabV3/styles.js';
 import './OrTabsV3/styles.js';
 import './OrTextV3/styles.js';
 import './OrTextareaV3/styles.js';
-import './OrTimePickerV3/styles.js';
 import './OrToast/composable/useToastEventBus.js';
 import './OrToast/Timer.js';
 import './OrToastV3/styles.js';

package/dist/bundled/v2/directives/dropdown-close.js

@@ -3,7 +3,6 @@ import { isVue3 } from 'vue-demi';
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
-    event.stopPropagation();
     if (['Escape'].includes(event.key)) {
       binding.value(event);
     }

package/dist/bundled/v2/directives/dropdown-open.js

@@ -3,16 +3,11 @@ import { isVue3 } from 'vue-demi';
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
-    event.stopPropagation();
     if (['Enter', ' '].includes(event.key)) {
       binding.value(event);
     }
   });
-  element.addEventListener('click', event => {
-    event.preventDefault();
-    event.stopPropagation();
-    binding.value(event);
-  });
+  element.addEventListener('click', binding.value);
 };
 const DropdownOpen = {
   [isVue3 ? 'created' : 'bind']: created

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

@@ -5,11 +5,11 @@ function useElevation(element, trigger) {
   const elementRef = isRef(element) ? element : ref(element);
   const triggerRef = isRef(trigger) ? trigger : ref();
   // Functions
-  function getPageElevations() {
-    return [...document.body.querySelectorAll('*')].filter(isVisible).map(element => getComputedStyle(element)).map(style => Number(style.zIndex)).filter(zIndex => !isNaN(zIndex));
+  function getPageElevations(currentElement) {
+    return [...document.body.querySelectorAll('*')].filter(isVisible).filter(element => !element.isEqualNode(currentElement)).map(element => getComputedStyle(element)).map(style => Number(style.zIndex)).filter(zIndex => !isNaN(zIndex));
   }
   function setElementElevation(element) {
-    element.style.zIndex = String(Math.max(0, ...getPageElevations()) + 1);
+    element.style.zIndex = String(Math.max(0, ...getPageElevations(element)) + 1);
   }
   // Effects
   watch([elementRef, triggerRef], ([element]) => {