@onereach/ui-components 8.0.9-beta.3622.0 → 8.0.9-beta.3623.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-3e42cc93.js → OrDateTimePickerMonthSelect-d1e29101.js}

@@ -15,9 +15,9 @@ const DateTimePickerDateControl = [
 // Interactivity
 'interactivity-click',
 // Theme (focus)
-'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline',
+'focus-visible:theme-border-underline', 'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark',
 // Theme (selected)
-'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark', 'selected:theme-border-underline'];
+'selected:theme-border-underline', 'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark'];
 const DateTimePickerDateControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];

package/dist/bundled/v2/{OrDateTimePickerPopoverHeader-ce85f482.js → OrDateTimePickerPopoverHeader-eccc1549.js}

@@ -95,7 +95,7 @@ const DateTimePickerPopoverFooter = [
 // Spacing
 'px-md md:px-sm', 'py-md md:py-sm', 'gap-md md:gap-sm',
 // Theme
-'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark', 'theme-border-overline'];
+'theme-border-overline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
 
 var script$1 = defineComponent({
   components: {

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-6c65f27e.js → OrDateTimePickerTimeSelect-9e43a0fd.js}

@@ -12,9 +12,9 @@ const DateTimePickerTimeControl = [
 // Interactivity
 'interactivity-click',
 // Theme (focus)
-'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline',
+'focus-visible:theme-border-underline', 'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark',
 // Theme (selected)
-'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark', 'selected:theme-border-underline'];
+'selected:theme-border-underline', 'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark'];
 const DateTimePickerTimeControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];

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

@@ -66,19 +66,19 @@ const AvatarColors = {
   'theme-foreground-base', 'dark:theme-foreground-base-dark'],
   [AvatarColor.Blue]: [
   // Theme
-  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
+  'theme-foreground-on-primary', 'dark:theme-foreground-on-primary-dark', 'theme-background-primary', 'dark:theme-background-primary-dark'],
   [AvatarColor.Grey]: [
   // Theme
-  'theme-preset-1-secondary', 'dark:theme-preset-1-secondary-dark'],
+  'theme-foreground-on-secondary', 'dark:theme-foreground-on-secondary-dark', 'theme-background-secondary', 'dark:theme-background-secondary-dark'],
   [AvatarColor.Green]: [
   // Theme
-  'theme-preset-1-success', 'dark:theme-preset-1-success-dark'],
+  'theme-foreground-on-success', 'dark:theme-foreground-on-success-dark', 'theme-background-success', 'dark:theme-background-success-dark'],
   [AvatarColor.Yellow]: [
   // Theme
-  'theme-preset-1-warning', 'dark:theme-preset-1-warning-dark'],
+  'theme-foreground-on-warning', 'dark:theme-foreground-on-warning-dark', 'theme-background-warning', 'dark:theme-background-warning-dark'],
   [AvatarColor.Red]: [
   // Theme
-  'theme-preset-1-error', 'dark:theme-preset-1-error-dark']
+  'theme-foreground-on-error', 'dark:theme-foreground-on-error-dark', 'theme-background-error', 'dark:theme-background-error-dark']
 };
 
 export { Avatar, AvatarColors, AvatarIconSizes, AvatarSizes, AvatarTextSizes };

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3e42cc93.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d1e29101.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -108,7 +108,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-date-picker-v3', ...DatePicker]);
-    const popoverStyles = computed(() => ['or-date-picker-popover-v3', ...DatePickerPopover]);
+    const popoverStyles = computed(() => [...DatePickerPopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
@@ -278,8 +278,8 @@ var __vue_render__ = function () {
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
-    class: _vm.popoverStyles,
     attrs: {
+      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'

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

@@ -8,8 +8,8 @@ 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-3e42cc93.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d1e29101.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -98,7 +98,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-date-range-picker-v3', ...DateRangePicker]);
-    const popoverStyles = computed(() => ['or-date-range-picker-popover-v3', ...DateRangePickerPopover]);
+    const popoverStyles = computed(() => [...DateRangePickerPopover]);
     // State
     const initialValueFrom = ref((_b = (_a = props.modelValue) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : getCurrentDate());
     const initialValueTo = ref((_d = (_c = props.modelValue) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : getNextMonthDate());

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3e42cc93.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6c65f27e.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d1e29101.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -129,8 +129,8 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-date-time-picker-v3', ...DateTimePicker]);
-    const datePopoverStyles = computed(() => ['or-date-time-picker-date-popover-v3', ...DateTimePickerDatePopover]);
-    const timePopoverStyles = computed(() => ['or-date-time-picker-time-popover-v3', ...DateTimePickerTimePopover]);
+    const datePopoverStyles = computed(() => [...DateTimePickerDatePopover]);
+    const timePopoverStyles = computed(() => [...DateTimePickerTimePopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {

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

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3e42cc93.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6c65f27e.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d1e29101.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
 export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 export { formatDate } from './utils/formatDate.js';

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

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

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

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-a4b5127c.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-51154cc7.js';

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

@@ -40,7 +40,6 @@ var script = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-menu-v3', ...Menu]);
-    const popoverStyles = computed(() => ['or-menu-popover-v3']);
     // State
     const {
       state,
@@ -63,7 +62,6 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
-      popoverStyles,
       state,
       open,
       close,
@@ -82,7 +80,6 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('OrPopover', {
-    class: _vm.popoverStyles,
     attrs: {
       "is-open": _vm.state === 'open',
       "variant": 'auto',

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

@@ -4,7 +4,6 @@ import { MenuOffset, MenuPlacement } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
@@ -63,7 +62,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;

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

@@ -699,7 +699,6 @@ var script = defineComponent({
     } = toRefs(props);
     // Styles
     const rootStyles = computed(() => ['or-select-v3', ...Select]);
-    const popoverStyles = computed(() => ['or-select-popover-v3']);
     const controlStyles = computed(() => [...SelectControl]);
     const searchControlStyles = computed(() => [...SelectSearchControl]);
     const dropdownStyles = computed(() => {
@@ -835,7 +834,6 @@ var script = defineComponent({
       popoverRoot,
       popoverState,
       rootStyles,
-      popoverStyles,
       controlStyles,
       searchControlStyles,
       dropdownStyles,
@@ -988,7 +986,6 @@ var __vue_render__ = function () {
     }
   })], 2), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
-    class: _vm.popoverStyles,
     attrs: {
       "variant": 'auto',
       "trigger": _vm.inputBoxRoot,

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -30,7 +30,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     popoverState: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     searchControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -251,7 +250,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     popoverState: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     searchControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;

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

@@ -47,7 +47,7 @@ const SidebarFooter = [
 // Overflow
 'overflow-hidden',
 // Theme
-'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark', 'theme-border-overline'];
+'theme-border-overline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
 const SidebarFooterPaddings = {
   [ResizeablePanelPadding.L]: [
   // Box

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

@@ -8,12 +8,12 @@ const TabRoot = [
 // Typography
 'typography-body-2-bold',
 // Theme
-'theme-foreground-secondary', 'dark:theme-foreground-secondary-dark', 'theme-border-2-transparent', 'dark:theme-border-2-transparent', 'theme-border-underline',
+'theme-foreground-secondary', 'dark:theme-foreground-secondary-dark', 'theme-border-underline', 'theme-border-2-transparent', 'dark:theme-border-2-transparent',
 // Theme (hover)
 'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
 // Theme (active)
-'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark', 'active:theme-border-2-current', 'dark:active:theme-border-2-current', 'active:theme-border-underline',
+'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark', 'active:theme-border-underline', 'active:theme-border-2-current', 'dark:active:theme-border-2-current',
 // Theme (selected)
-'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark', 'selected:theme-border-2-current', 'dark:selected:theme-border-2-current', 'selected:theme-border-underline'];
+'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark', 'selected:theme-border-underline', 'selected:theme-border-2-current', 'dark:selected:theme-border-2-current'];
 
 export { TabRoot };

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

@@ -6,7 +6,7 @@ const TabsRoot = [
 // Spacing
 'gap-lg',
 // Theme
-'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline'];
+'theme-border-underline', 'theme-border-1-outline', 'dark:theme-border-1-outline'];
 const TabsRootVariants = {
   'default': [
   // Layout

package/dist/bundled/v2/components/OrTagsV3/OrTags.js

@@ -59,7 +59,6 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-tags-v3', ...Tags]);
-    const popoverStyles = computed(() => ['or-tags-popover-v3']);
     const containerStyles = computed(() => [...TagsContainer, ...TagsContainerOverflows[localOverflow.value]]);
     const overflowButtonStyles = computed(() => [...TagsOverflowButton]);
     const overflowPopoverStyles = computed(() => [...TagsOverflowPopover]);
@@ -99,7 +98,6 @@ var script = defineComponent({
       overflowPopover,
       overflowPopoverRoot,
       rootStyles,
-      popoverStyles,
       containerStyles,
       overflowButtonStyles,
       overflowPopoverStyles,
@@ -151,7 +149,6 @@ var __vue_render__ = function () {
     }
   }, [_vm._v("\n      +" + _vm._s(_vm.overflowItems.length) + "\n    ")]), _vm._v(" "), _c('OrPopover', {
     ref: "overflowPopover",
-    class: _vm.popoverStyles,
     attrs: {
       "trigger": _vm.overflowButtonRoot
     }

package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts

@@ -19,7 +19,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowPopoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -91,7 +90,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     } | {}, true> | undefined>;
     overflowPopoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;

package/dist/bundled/v2/components/OrTeleportV3/OrTeleport.js

@@ -545,6 +545,7 @@ var MountingPortal = Vue.extend({
 });
 
 var script = defineComponent({
+  name: 'OrTeleport',
   components: {
     MountingPortal
   },

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6c65f27e.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 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 { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';
@@ -108,7 +108,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker]);
-    const popoverStyles = computed(() => ['or-time-picker-popover-v3', ...TimePickerPopover]);
+    const popoverStyles = computed(() => [...TimePickerPopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 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 { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6c65f27e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';
@@ -101,7 +101,7 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker]);
-    const popoverStyles = computed(() => ['or-time-range-picker-popover-v3', ...TimeRangePickerPopover]);
+    const popoverStyles = computed(() => [...TimeRangePickerPopover]);
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js

@@ -46,7 +46,6 @@ var script = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-tooltip-v3', ...Tooltip]);
-    const popoverStyles = computed(() => ['or-tooltip-popover-v3']);
     const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
     // State
     const {
@@ -60,7 +59,6 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
-      popoverStyles,
       bodyStyles,
       state,
       open,
@@ -90,7 +88,6 @@ var __vue_render__ = function () {
       }
     }
   }, [_vm._t("default"), _vm._v(" "), _vm.$slots.content || _vm.content || _vm.text ? [_c('OrPopover', {
-    class: _vm.popoverStyles,
     attrs: {
       "is-open": _vm.state === 'open',
       "variant": 'popover',

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts

@@ -3,7 +3,6 @@ import { TooltipOffset, TooltipPlacement } from './props';
 declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
@@ -70,7 +69,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;

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

@@ -51,9 +51,9 @@ 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-3e42cc93.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-ce85f482.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-6c65f27e.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-d1e29101.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-eccc1549.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-9e43a0fd.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';
@@ -100,7 +100,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-a4b5127c.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-51154cc7.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';

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

@@ -89,8 +89,6 @@ const variants = {
   'selected': ['&[selected]:not([selected="false"])', '&:checked'],
   'activated': ['&[activated]:not([activated="false"])'],
 
-  'draggable': ['&[draggable]:not([draggable="false"])'],
-
   'valid': ['&:not([invalid])', '&[invalid="false"]'],
   'invalid': ['&[invalid]:not([invalid="false"])'],
 
@@ -103,6 +101,8 @@ const variants = {
   'enabled': ['&:not([disabled])', '&[disabled="false"]'],
   'disabled': ['&[disabled]:not([disabled="false"])'],
 
+  'draggable': ['&[draggable]:not([draggable="false"])'],
+
   'hover': [
     '&:not(.interactivity-none):hover',
     '&:not(.interactivity-none)[force-state="hover"]',