@onereach/ui-components 4.7.7-beta.2880.0 → 4.7.7-beta.2883.0

package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.js

@@ -1,10 +1,12 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { ExpansionPanelVariant, ExpansionPanelColor } from './props.js';
-import { ExpansionPanelRoot, ExpansionPanelRootVariants, ExpansionPanelHeader, ExpansionPanelHeaderColors, ExpansionPanelAddon } from './styles.js';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { ExpansionPanelVariant, ExpansionPanelColor, ExpansionPanelBackgroundColor } from './props.js';
+import { ExpansionPanel, ExpansionPanelVariants, ExpansionPanelBackgroundColors, ExpansionPanelHeader, ExpansionPanelHeaderColors, ExpansionPanelAddon } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
+import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
+import '../../index-ec92055d.js';
 
 var script = defineComponent({
   name: 'OrExpansionPanel',
@@ -28,50 +30,40 @@ var script = defineComponent({
       type: String,
       default: ExpansionPanelColor.Default
     },
+    backgroundColor: {
+      type: String,
+      default: ExpansionPanelBackgroundColor.Primary
+    },
     disabled: {
       type: Boolean,
       default: false
     }
   },
-  emits: ['open', 'close'],
-  expose: ['root', 'open', 'close'],
+  emits: ['update:state', 'open', 'close'],
+  expose: ['root', 'state', 'open', 'close', 'toggle'],
   setup(props, context) {
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-expansion-panel-v3', ...ExpansionPanelRoot, ...ExpansionPanelRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-expansion-panel-v3', ...ExpansionPanel, ...ExpansionPanelVariants[props.variant], ...ExpansionPanelBackgroundColors[`${props.backgroundColor}-${props.variant}`]]);
     const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
     const addonStyles = computed(() => [...ExpansionPanelAddon]);
     // State
-    const expanded = ref(false);
-    // Events
-    watch(expanded, value => {
-      context.emit(value ? 'open' : 'close');
-    });
-    watch(() => props.isOpen, newIsOpen => {
-      if (newIsOpen) {
-        open();
-      } else {
-        close();
-      }
-    }, {
-      immediate: true
-    });
-    // Methods
-    function open() {
-      expanded.value = true;
-    }
-    function close() {
-      expanded.value = false;
-    }
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = usePopoverState(toRef(props, 'isOpen'), context);
     return {
       root,
       rootStyles,
       headerStyles,
       addonStyles,
-      expanded,
+      state,
       open,
-      close
+      close,
+      toggle
     };
   }
 });
@@ -101,11 +93,11 @@ var __vue_render__ = function () {
     on: {
       "click": function ($event) {
         $event.stopPropagation();
-        _vm.expanded ? _vm.close() : _vm.open();
+        return _vm.toggle();
       }
     }
   }, [_c('OrIcon', {
-    class: [_vm.expanded ? 'rotate-0' : 'rotate-[-90deg]'],
+    class: [_vm.state === 'open' ? 'rotate-0' : 'rotate-[-90deg]'],
     attrs: {
       "icon": 'expand_more',
       "variant": 'filled-bold'
@@ -118,8 +110,8 @@ var __vue_render__ = function () {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.expanded,
-      expression: "expanded"
+      value: _vm.state === 'open',
+      expression: "state === 'open'"
     }]
   }, [_vm._t("default")], 2)]);
 };

package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.vue.d.ts

@@ -1,30 +1,35 @@
 import { PropType } from 'vue-demi';
-import { ExpansionPanelColor, ExpansionPanelVariant } from './props';
+import { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } 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[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    expanded: import("@vue/composition-api").Ref<boolean>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
+    toggle: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     label: {
         type: StringConstructor;
         required: true;
     };
     isOpen: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
     variant: {
-        type: PropType<ExpansionPanelVariant>;
+        type: PropType<"default" | "card">;
         default: ExpansionPanelVariant;
     };
     color: {
-        type: PropType<ExpansionPanelColor>;
+        type: PropType<"default" | "danger">;
         default: ExpansionPanelColor;
     };
+    backgroundColor: {
+        type: PropType<"primary" | "secondary" | "inherit">;
+        default: ExpansionPanelBackgroundColor;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,17 +40,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     isOpen: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
     variant: {
-        type: PropType<ExpansionPanelVariant>;
+        type: PropType<"default" | "card">;
         default: ExpansionPanelVariant;
     };
     color: {
-        type: PropType<ExpansionPanelColor>;
+        type: PropType<"default" | "danger">;
         default: ExpansionPanelColor;
     };
+    backgroundColor: {
+        type: PropType<"primary" | "secondary" | "inherit">;
+        default: ExpansionPanelBackgroundColor;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -53,8 +62,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     label: string;
     isOpen: boolean;
-    variant: ExpansionPanelVariant;
-    color: ExpansionPanelColor;
+    variant: "default" | "card";
+    color: "default" | "danger";
+    backgroundColor: "primary" | "secondary" | "inherit";
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -63,21 +73,24 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    expanded: import("@vue/composition-api").Ref<boolean>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
+    toggle: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     label: string;
     isOpen: boolean;
-    variant: ExpansionPanelVariant;
-    color: ExpansionPanelColor;
+    variant: "default" | "card";
+    color: "default" | "danger";
+    backgroundColor: "primary" | "secondary" | "inherit";
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
-    variant: ExpansionPanelVariant;
-    color: ExpansionPanelColor;
+    variant: "default" | "card";
+    color: "default" | "danger";
+    backgroundColor: "primary" | "secondary" | "inherit";
     disabled: boolean;
 }, true>);
 export default _default;

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

@@ -1,8 +1,10 @@
 export { default as OrExpansionPanelV3 } from './OrExpansionPanel.js';
-export { ExpansionPanelColor, ExpansionPanelVariant } from './props.js';
+export { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
+import '../../hooks/usePopoverState.js';
+import '../../index-ec92055d.js';

package/dist/bundled/v2/components/OrExpansionPanelV3/props.d.ts

@@ -6,3 +6,8 @@ export declare enum ExpansionPanelColor {
     Default = "default",
     Danger = "danger"
 }
+export declare enum ExpansionPanelBackgroundColor {
+    Primary = "primary",
+    Secondary = "secondary",
+    Inherit = "inherit"
+}

package/dist/bundled/v2/components/OrExpansionPanelV3/props.js

@@ -8,5 +8,11 @@ var ExpansionPanelColor;
   ExpansionPanelColor["Default"] = "default";
   ExpansionPanelColor["Danger"] = "danger";
 })(ExpansionPanelColor || (ExpansionPanelColor = {}));
+var ExpansionPanelBackgroundColor;
+(function (ExpansionPanelBackgroundColor) {
+  ExpansionPanelBackgroundColor["Primary"] = "primary";
+  ExpansionPanelBackgroundColor["Secondary"] = "secondary";
+  ExpansionPanelBackgroundColor["Inherit"] = "inherit";
+})(ExpansionPanelBackgroundColor || (ExpansionPanelBackgroundColor = {}));
 
-export { ExpansionPanelColor, ExpansionPanelVariant };
+export { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant };

package/dist/bundled/v2/components/OrExpansionPanelV3/styles.d.ts

@@ -1,6 +1,7 @@
-import { ExpansionPanelColor, ExpansionPanelVariant } from './props';
-export declare const ExpansionPanelRoot: string[];
-export declare const ExpansionPanelRootVariants: Record<ExpansionPanelVariant, string[]>;
+import { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';
+export declare const ExpansionPanel: string[];
+export declare const ExpansionPanelVariants: Record<ExpansionPanelVariant, string[]>;
+export declare const ExpansionPanelBackgroundColors: Record<`${ExpansionPanelBackgroundColor}-${ExpansionPanelVariant}`, string[]>;
 export declare const ExpansionPanelHeader: string[];
 export declare const ExpansionPanelHeaderColors: Record<ExpansionPanelColor, string[]>;
 export declare const ExpansionPanelAddon: string[];

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

@@ -1,7 +1,7 @@
-const ExpansionPanelRoot = [
+const ExpansionPanel = [
 // Layout
 'layout-column'];
-const ExpansionPanelRootVariants = {
+const ExpansionPanelVariants = {
   'default': [
   // Spacing
   'gap-sm'],
@@ -9,9 +9,21 @@ const ExpansionPanelRootVariants = {
   // Shape
   'rounded-md',
   // Spacing
-  'px-md', 'py-md', 'gap-md',
+  'px-md', 'py-md', 'gap-md']
+};
+const ExpansionPanelBackgroundColors = {
+  'primary-default': [],
+  'primary-card': [
+  // Theme
+  'theme-background-surface-1', 'dark:theme-background-surface-1-dark'],
+  'secondary-default': [],
+  'secondary-card': [
+  // Theme
+  'theme-background-surface-3', 'dark:theme-background-surface-3-dark'],
+  'inherit-default': [],
+  'inherit-card': [
   // Theme
-  'theme-background-surface-1', 'dark:theme-background-surface-1-dark']
+  'theme-background-inherit', 'dark:theme-background-inherit']
 };
 const ExpansionPanelHeader = [
 // Layout
@@ -50,4 +62,4 @@ const ExpansionPanelAddon = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
-export { ExpansionPanelAddon, ExpansionPanelHeader, ExpansionPanelHeaderColors, ExpansionPanelRoot, ExpansionPanelRootVariants };
+export { ExpansionPanel, ExpansionPanelAddon, ExpansionPanelBackgroundColors, ExpansionPanelHeader, ExpansionPanelHeaderColors, ExpansionPanelVariants };

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

@@ -27,6 +27,7 @@ import '../../style-inject.es-4c6f2515.js';
 import '../OrErrorV3/styles.js';
 import '../OrExpansionPanelV3/props.js';
 import '../OrExpansionPanelV3/styles.js';
+import '../../hooks/usePopoverState.js';
 import '../OrHintV3/styles.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
@@ -38,7 +39,6 @@ import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/props.js';
-import '../../hooks/usePopoverState.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';

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

@@ -22,6 +22,7 @@ import '../OrExpansionPanelV3/styles.js';
 import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
+import '../../hooks/usePopoverState.js';
 import '../OrHintV3/OrHint.js';
 import '../OrHintV3/styles.js';
 import '../OrInputV3/OrInput.js';
@@ -45,7 +46,6 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';

package/dist/bundled/v2/components/OrToast/types.d.ts

@@ -29,7 +29,3 @@ export type Position = {
     positionX: PositionsX;
     positionY: PositionsY;
 };
-export type Offset = {
-    offsetX: string;
-    offsetY: string;
-};

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

@@ -35,7 +35,6 @@ import 'vue';
 import '../OrTeleport/constants.js';
 import '../../index-c92e2839.js';
 
-const defaultOffset = '0px';
 var script = defineComponent({
   name: 'OrToastContainer',
   components: {
@@ -54,13 +53,6 @@ var script = defineComponent({
         positionY: PositionsY.bottom
       })
     },
-    offset: {
-      type: Object,
-      default: () => ({
-        offsetX: defaultOffset,
-        offsetY: defaultOffset
-      })
-    },
     transition: {
       type: String,
       default: TransitionType.slide
@@ -101,14 +93,6 @@ var script = defineComponent({
         'position--top--with-header': ((_c = this.position) === null || _c === void 0 ? void 0 : _c.positionY) === PositionsY.top && this.includeHeaderHeight
       }];
     },
-    positionTransform() {
-      var _a, _b, _c, _d, _e, _f;
-      let offsetX = (_b = (_a = this.offset) === null || _a === void 0 ? void 0 : _a.offsetX) !== null && _b !== void 0 ? _b : defaultOffset;
-      let offsetY = (_d = (_c = this.offset) === null || _c === void 0 ? void 0 : _c.offsetY) !== null && _d !== void 0 ? _d : defaultOffset;
-      offsetX = ((_e = this.position) === null || _e === void 0 ? void 0 : _e.positionX) === 'right' ? `-${offsetX}` : offsetX;
-      offsetY = ((_f = this.position) === null || _f === void 0 ? void 0 : _f.positionY) === 'bottom' ? `-${offsetY}` : offsetY;
-      return `translate(${offsetX}, ${offsetY})`;
-    },
     transitionName() {
       var _a;
       return `or-toast--position-${(_a = this.position) === null || _a === void 0 ? void 0 : _a.positionX} or-toast--transition-${this.transition}`;
@@ -177,7 +161,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-4c4ba7ae{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-4c4ba7ae{from{opacity:1}to{opacity:0}}.or-toast-container[data-v-4c4ba7ae]{position:absolute;z-index:26;display:flex;flex-direction:column;gap:var(--s-3);justify-content:center;width:512px;max-width:calc(100% - var(--s-6));overflow:hidden}.or-toast-container span[data-v-4c4ba7ae]{display:flex;flex-direction:column;gap:var(--s-3);justify-content:center}.position[data-v-4c4ba7ae]{align-items:center}.position--bottom[data-v-4c4ba7ae]{top:auto;top:initial;bottom:var(--s-6)}.position--top[data-v-4c4ba7ae]{top:var(--s-6);bottom:auto;bottom:initial}.position--top--with-header[data-v-4c4ba7ae]{top:calc(var(--s-6) + 48px)}.position--right[data-v-4c4ba7ae]{right:var(--s-6);left:auto;left:initial}.position--left[data-v-4c4ba7ae]{right:auto;right:initial;left:var(--s-6)}.position--center[data-v-4c4ba7ae]{right:var(--s-6);left:var(--s-6)}.or-toast--transition-slide-enter-active[data-v-4c4ba7ae],.or-toast--transition-slide-leave-active[data-v-4c4ba7ae]{transition:transform .4s ease}.or-toast--transition-slide-enter.or-toast--position-right[data-v-4c4ba7ae],.or-toast--transition-slide-leave-active.or-toast--position-right[data-v-4c4ba7ae]{transform:translateX(999px)}.or-toast--transition-slide-enter.or-toast--position-left[data-v-4c4ba7ae],.or-toast--transition-slide-leave-active.or-toast--position-left[data-v-4c4ba7ae]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-4c4ba7ae],.or-toast--transition-fade-leave-active[data-v-4c4ba7ae]{transition:opacity .4s ease}.or-toast--transition-fade-enter[data-v-4c4ba7ae],.or-toast--transition-fade-leave-active[data-v-4c4ba7ae]{opacity:0}";
+var css_248z = "@keyframes spinAround-data-v-748e4b32{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-748e4b32{from{opacity:1}to{opacity:0}}.or-toast-container[data-v-748e4b32]{position:absolute;z-index:26;display:flex;flex-direction:column;gap:var(--s-3);justify-content:center;width:512px;max-width:calc(100% - var(--s-6));overflow:hidden}.or-toast-container span[data-v-748e4b32]{display:flex;flex-direction:column;gap:var(--s-3);justify-content:center}.position[data-v-748e4b32]{align-items:center}.position--bottom[data-v-748e4b32]{top:auto;top:initial;bottom:var(--s-6)}.position--top[data-v-748e4b32]{top:var(--s-6);bottom:auto;bottom:initial}.position--top--with-header[data-v-748e4b32]{top:calc(var(--s-6) + 48px)}.position--right[data-v-748e4b32]{right:var(--s-6);left:auto;left:initial}.position--left[data-v-748e4b32]{right:auto;right:initial;left:var(--s-6)}.position--center[data-v-748e4b32]{right:var(--s-6);left:var(--s-6)}.or-toast--transition-slide-enter-active[data-v-748e4b32],.or-toast--transition-slide-leave-active[data-v-748e4b32]{transition:transform .4s ease}.or-toast--transition-slide-enter.or-toast--position-right[data-v-748e4b32],.or-toast--transition-slide-leave-active.or-toast--position-right[data-v-748e4b32]{transform:translateX(999px)}.or-toast--transition-slide-enter.or-toast--position-left[data-v-748e4b32],.or-toast--transition-slide-leave-active.or-toast--position-left[data-v-748e4b32]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-748e4b32],.or-toast--transition-fade-leave-active[data-v-748e4b32]{transition:opacity .4s ease}.or-toast--transition-fade-enter[data-v-748e4b32],.or-toast--transition-fade-leave-active[data-v-748e4b32]{opacity:0}";
 styleInject(css_248z);
 
 /* script */
@@ -189,10 +173,7 @@ var __vue_render__ = function () {
   var _c = _vm._self._c || _h;
   return _vm.isActive ? _c('or-teleport', [_c('div', {
     staticClass: "or-toast-container",
-    class: _vm.classes,
-    style: {
-      transform: _vm.positionTransform
-    }
+    class: _vm.classes
   }, [_c('transition-group', {
     attrs: {
       "name": _vm.transitionName
@@ -228,7 +209,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-4c4ba7ae";
+const __vue_scope_id__ = "data-v-748e4b32";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrToastContainer/OrToastContainer.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { Offset, Position, ToastBehaviour, ToastConfiguration } from '../types';
+import { Position, ToastBehaviour, ToastConfiguration } from '../types';
 import { PositionsX, PositionsY, TransitionType } from '../constants';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
@@ -22,7 +22,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, {
     getQueue(): ToastConfiguration[];
     classes(): (Record<string, boolean> | string)[];
-    positionTransform(): string;
     transitionName(): string;
 }, {
     includeHeaderHeight: {
@@ -36,13 +35,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
             positionY: PositionsY;
         };
     };
-    offset: {
-        type: PropType<Offset>;
-        default: () => {
-            offsetX: string;
-            offsetY: string;
-        };
-    };
     transition: {
         type: PropType<TransitionType>;
         default: TransitionType;
@@ -59,13 +51,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
             positionY: PositionsY;
         };
     };
-    offset: {
-        type: PropType<Offset>;
-        default: () => {
-            offsetX: string;
-            offsetY: string;
-        };
-    };
     transition: {
         type: PropType<TransitionType>;
         default: TransitionType;
@@ -73,7 +58,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     includeHeaderHeight: boolean;
     position: Position;
-    offset: Offset;
     transition: TransitionType;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
@@ -88,7 +72,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }>, import("@vue/composition-api").Data, {
     getQueue(): ToastConfiguration[];
     classes(): (Record<string, boolean> | string)[];
-    positionTransform(): string;
     transitionName(): string;
 }, {
     createToast(toastConfiguration: ToastConfiguration): void;
@@ -101,12 +84,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, {}, {}, {}, {
     includeHeaderHeight: boolean;
     position: Position;
-    offset: Offset;
     transition: TransitionType;
 } & {}, {
     includeHeaderHeight: boolean;
     position: Position;
-    offset: Offset;
     transition: TransitionType;
 }, true>);
 export default _default;

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

@@ -45,7 +45,7 @@ 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 OrExpansionPanelV3 } from './OrExpansionPanelV3/OrExpansionPanel.js';
-export { ExpansionPanelColor, ExpansionPanelVariant } from './OrExpansionPanelV3/props.js';
+export { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './OrExpansionPanelV3/props.js';
 export { default as OrFabV3 } from './OrFabV3/OrFab.js';
 export { FabColor } from './OrFabV3/props.js';
 export { default as OrFloating } from './OrFloating/OrFloating.js';