@onereach/ui-components 2.76.10 → 2.76.11-beta.2462.0

package/dist/bundled/v2/{OrAvatar-f2b1ee1c.js → OrAvatar-1d385f65.js}

@@ -1,6 +1,6 @@
 import './index-fa6eb4ca.js';
 import { h as hslToColorString, g as generateHslFromString } from './color-1f348774.js';
-import { O as OrIcon } from './OrIcon-2efd1925.js';
+import { O as OrIcon } from './OrIcon-05d29a78.js';
 import { defineComponent, ref, computed, watchPostEffect } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -121,7 +121,7 @@ var script = defineComponent({
       return !props.icon;
     });
     // Styles
-    const rootStyles = computed(() => ['or-avatar', ...AvatarRoot, ...AvatarRootSizes[props.size], ...AvatarRootColors[props.color], ...(isIcon.value ? AvatarRootAbbreviationSizes[props.size] : AvatarRootIconSizes[props.size])]);
+    const rootStyles = computed(() => ['or-avatar-v3', ...AvatarRoot, ...AvatarRootSizes[props.size], ...AvatarRootColors[props.color], ...(isIcon.value ? AvatarRootAbbreviationSizes[props.size] : AvatarRootIconSizes[props.size])]);
     const imageStyles = computed(() => [...AvatarImage]);
     // Effects
     watchPostEffect(() => {

package/dist/bundled/v2/{OrBottomSheet-41164e06.js → OrBottomSheet-08c7ec73.js}

@@ -1,6 +1,6 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import './index-fa6eb4ca.js';
-import { O as OrOverlay } from './OrOverlay-cb55bf20.js';
+import { O as OrOverlay } from './OrOverlay-4b923676.js';
 import { defineComponent, ref, computed, watch, unref } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -52,7 +52,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-bottom-sheet', ...BottomSheetRoot]);
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheetRoot]);
     const handleStyles = computed(() => [...BottomSheetHandle]);
     const headerStyles = computed(() => [...BottomSheetHeader]);
     // State

package/dist/bundled/v2/{OrButton-4ffae242.js → OrButton-28addda1.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrLoader } from './OrLoader-6bec8824.js';
+import { O as OrLoader } from './OrLoader-dc73d8ee.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -130,7 +130,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-button', ...ButtonRoot, ...ButtonRootVariants[props.variant], ...ButtonRootColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none']);
+    const rootStyles = computed(() => ['or-button-v3', ...ButtonRoot, ...ButtonRootVariants[props.variant], ...ButtonRootColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none']);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrCard-45d5869b.js → OrCard-cea07ac1.js}

@@ -23,7 +23,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-card', ...CardRoot]);
+    const rootStyles = computed(() => ['or-card-v3', ...CardRoot]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrCardCollection-8e051cf7.js → OrCardCollection-a7706585.js}

@@ -1,12 +1,12 @@
 import './index-fa6eb4ca.js';
 import { defineComponent, computed, ref, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { O as OrIconButton } from './OrIconButton-5f6c340d.js';
-import { O as OrButton } from './OrButton-4ffae242.js';
-import { O as OrMenu } from './OrMenu-ef3406b1.js';
-import { O as OrMenuItem } from './OrMenuItem-f295292e.js';
-import { O as OrIcon } from './OrIcon-2efd1925.js';
-import { O as OrSearch } from './OrSearch-3edd7194.js';
+import { O as OrIconButton } from './OrIconButton-d427d121.js';
+import { O as OrButton } from './OrButton-28addda1.js';
+import { O as OrMenu } from './OrMenu-e1cf47b8.js';
+import { O as OrMenuItem } from './OrMenuItem-7eb9d387.js';
+import { O as OrIcon } from './OrIcon-05d29a78.js';
+import { O as OrSearch } from './OrSearch-a8d4cf95.js';
 
 const CardCollectionRoot = [
 // Layout
@@ -166,7 +166,7 @@ var script = defineComponent({
     const sortMenu = ref();
     const sortButton = ref();
     // Styles
-    const rootStyles = computed(() => ['or-card-collection', ...CardCollectionRoot]);
+    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollectionRoot]);
     const toolbarStyles = computed(() => [...CardCollectionToolbar]);
     const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
     const sortLabel = computed(() => {

package/dist/bundled/v2/{OrCheckbox-aac23c1e.js → OrCheckbox-445ed5cf.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrLabel, L as LabelVariant } from './OrLabel-c44e9f7d.js';
+import { O as OrLabel, L as LabelVariant } from './OrLabel-761500d5.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
 import { defineComponent, ref, computed, reactive } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -81,7 +81,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-checkbox', ...CheckboxRoot]);
+    const rootStyles = computed(() => ['or-checkbox-v3', ...CheckboxRoot]);
     const controlStyles = computed(() => [...CheckboxControl, ...CheckboxControlHandle]);
     // State
     const controlAttributes = reactive({
@@ -116,7 +116,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-164ddd6c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
+var css_248z = "input[data-v-7f604760]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -195,7 +195,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-164ddd6c";
+const __vue_scope_id__ = "data-v-7f604760";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrConfirm-1124a148.js → OrConfirm-f14ac69d.js}

@@ -1,9 +1,9 @@
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
 import './index-fa6eb4ca.js';
-import { O as OrOverlay } from './OrOverlay-cb55bf20.js';
-import { O as OrButton, a as ButtonColor } from './OrButton-4ffae242.js';
-import { O as OrInput } from './OrInput-3f7179b7.js';
+import { O as OrOverlay } from './OrOverlay-4b923676.js';
+import { O as OrButton, a as ButtonColor } from './OrButton-28addda1.js';
+import { O as OrInput } from './OrInput-059a67b6.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -199,7 +199,7 @@ var script = defineComponent({
     });
     whenever(logicAnd(enter, isInputActive), () => confirm());
     // Styles
-    const rootStyles = computed(() => ['or-confirm', ...ConfirmRoot]);
+    const rootStyles = computed(() => ['or-confirm-v3', ...ConfirmRoot]);
     const headerStyles = computed(() => [...ConfirmHeader]);
     const inputBoxStyles = computed(() => [...ConfirmInput]);
     const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);

package/dist/bundled/v2/{OrEmptyState-8a7feb99.js → OrEmptyState-a38727b9.js}

@@ -94,7 +94,7 @@ var script = defineComponent({
   },
   setup(props) {
     const root = ref();
-    const rootClasses = computed(() => ['or-empty-state', ...EmptyStateRoot]);
+    const rootClasses = computed(() => ['or-empty-state-v3', ...EmptyStateRoot]);
     const imageClasses = computed(() => ['or-empty-state_image', ...EmptyStateImage, ...EmptyStateImageSizes[props.size]]);
     const headingClasses = computed(() => ['or-empty-state_heading', ...EmptyStateHeading, ...EmptyStateHeadingSizes[props.size]]);
     const textClasses = computed(() => ['or-empty-state_text', ...EmptyStateText, ...EmptyStateTextSizes[props.size]]);

package/dist/bundled/v2/{OrError-8aa16f11.js → OrError-1186b62f.js}

@@ -33,7 +33,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-error', ...ErrorRoot]);
+    const rootStyles = computed(() => ['or-error-v3', ...ErrorRoot]);
     const textStyles = computed(() => [...ErrorText]);
     const addonStyles = computed(() => [...ErrorAddon]);
     return {

package/dist/bundled/v2/{OrErrorTag-244bed5b.js → OrErrorTag-79922468.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon } from './OrIcon-2efd1925.js';
+import { O as OrIcon } from './OrIcon-05d29a78.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -27,7 +27,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-error-tag', ...ErrorTagRoot]);
+    const rootStyles = computed(() => ['or-error-tag-v3', ...ErrorTagRoot]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrExpansionPanel-41b910bc.js → OrExpansionPanel-7cd552fa.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon } from './OrIcon-2efd1925.js';
+import { O as OrIcon } from './OrIcon-05d29a78.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -97,7 +97,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-expansion-panel', ...ExpansionPanelRoot, ...ExpansionPanelRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-expansion-panel-v3', ...ExpansionPanelRoot, ...ExpansionPanelRootVariants[props.variant]]);
     const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
     const addonStyles = computed(() => [...ExpansionPanelAddon]);
     // State

package/dist/bundled/v2/{OrFab-85bd9427.js → OrFab-3ae17aed.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon } from './OrIcon-2efd1925.js';
+import { O as OrIcon } from './OrIcon-05d29a78.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -50,7 +50,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-fab', ...FabRoot, ...FabRootColors[props.color]]);
+    const rootStyles = computed(() => ['or-fab-v3', ...FabRoot, ...FabRootColors[props.color]]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrHint-39fc2173.js → OrHint-29b31ba4.js}

@@ -33,7 +33,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-hint', ...HintRoot]);
+    const rootStyles = computed(() => ['or-hint-v3', ...HintRoot]);
     const textStyles = computed(() => [...HintText]);
     const addonStyles = computed(() => [...HintAddon]);
     return {

package/dist/bundled/v2/{OrIcon-2efd1925.js → OrIcon-05d29a78.js}

@@ -84,7 +84,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-icon', ...IconRoot, ...IconRootVariants[props.variant], ...IconRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-icon-v3', ...IconRoot, ...IconRootVariants[props.variant], ...IconRootSizes[props.size]]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrIconButton-5f6c340d.js → OrIconButton-d427d121.js}

@@ -1,6 +1,6 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon, I as IconSize } from './OrIcon-2efd1925.js';
-import { O as OrTooltip } from './OrTooltip-6dceb10b.js';
+import { O as OrIcon, I as IconSize } from './OrIcon-05d29a78.js';
+import { O as OrTooltip } from './OrTooltip-e34783de.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -99,7 +99,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-icon-button', ...IconButtonRoot, ...IconButtonRootColors[props.color]]);
+    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButtonRoot, ...IconButtonRootColors[props.color]]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrInlineInput-31bfb461.js → OrInlineInput-916fd2b8.js}

@@ -1,8 +1,8 @@
 import './index-fa6eb4ca.js';
-import { O as OrError } from './OrError-8aa16f11.js';
-import { O as OrHint } from './OrHint-39fc2173.js';
-import { O as OrIconButton } from './OrIconButton-5f6c340d.js';
-import { O as OrInlineInputBox, I as InlineInputBoxSize } from './OrInlineInputBox-7a8e645b.js';
+import { O as OrError } from './OrError-1186b62f.js';
+import { O as OrHint } from './OrHint-29b31ba4.js';
+import { O as OrIconButton } from './OrIconButton-d427d121.js';
+import { O as OrInlineInputBox, I as InlineInputBoxSize } from './OrInlineInputBox-fbc52d40.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
 import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';
 import { defineComponent, ref, computed, reactive, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -92,7 +92,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-inline-input', ...InlineInputRoot]);
+    const rootStyles = computed(() => ['or-inline-input-v3', ...InlineInputRoot]);
     const controlStyles = computed(() => [...InlineInputControl]);
     const actionStyles = computed(() => [...InlineInputAction, ...InlineInputActionSizes[props.size]]);
     // State
@@ -175,7 +175,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-21bb24c8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-21bb24c8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-21bb24c8]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-eaaec208]{min-width:0;background:0 0;outline:0}input[type=number][data-v-eaaec208]::-webkit-inner-spin-button{display:none}input[type=search][data-v-eaaec208]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -364,7 +364,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-21bb24c8";
+const __vue_scope_id__ = "data-v-eaaec208";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrInlineInputBox-7a8e645b.js → OrInlineInputBox-fbc52d40.js}

@@ -47,7 +47,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-inline-input-box', ...InlineInputBoxRoot, ...InlineInputBoxRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-inline-input-box-v3', ...InlineInputBoxRoot, ...InlineInputBoxRootSizes[props.size]]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrInlineTextarea-eaec5431.js → OrInlineTextarea-f26824e4.js}

@@ -1,8 +1,8 @@
 import './index-fa6eb4ca.js';
-import { O as OrError } from './OrError-8aa16f11.js';
-import { O as OrHint } from './OrHint-39fc2173.js';
-import { O as OrIconButton } from './OrIconButton-5f6c340d.js';
-import { O as OrInlineInputBox } from './OrInlineInputBox-7a8e645b.js';
+import { O as OrError } from './OrError-1186b62f.js';
+import { O as OrHint } from './OrHint-29b31ba4.js';
+import { O as OrIconButton } from './OrIconButton-d427d121.js';
+import { O as OrInlineInputBox } from './OrInlineInputBox-fbc52d40.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
 import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';
 import { defineComponent, ref, computed, reactive, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -70,7 +70,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-inline-textarea', ...InlineTextareaRoot]);
+    const rootStyles = computed(() => ['or-inline-textarea-v3', ...InlineTextareaRoot]);
     const controlStyles = computed(() => [...InlineTextareaControl]);
     const actionStyles = computed(() => [...InlineTextareaAction]);
     // State
@@ -153,7 +153,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-0862b6c8]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-ed08af88]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -268,7 +268,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-0862b6c8";
+const __vue_scope_id__ = "data-v-ed08af88";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrInput-3f7179b7.js → OrInput-059a67b6.js}

@@ -1,11 +1,11 @@
 import './index-fa6eb4ca.js';
-import { O as OrError } from './OrError-8aa16f11.js';
-import { O as OrHint } from './OrHint-39fc2173.js';
-import { O as OrIcon } from './OrIcon-2efd1925.js';
-import { O as OrIconButton } from './OrIconButton-5f6c340d.js';
-import { O as OrInputBox } from './OrInputBox-9a31d211.js';
-import { O as OrLabel } from './OrLabel-c44e9f7d.js';
-import { O as OrLoader } from './OrLoader-6bec8824.js';
+import { O as OrError } from './OrError-1186b62f.js';
+import { O as OrHint } from './OrHint-29b31ba4.js';
+import { O as OrIcon } from './OrIcon-05d29a78.js';
+import { O as OrIconButton } from './OrIconButton-d427d121.js';
+import { O as OrInputBox } from './OrInputBox-4d265915.js';
+import { O as OrLabel } from './OrLabel-761500d5.js';
+import { O as OrLoader } from './OrLoader-dc73d8ee.js';
 import { a as InputBoxSize } from './props-78496a2d.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
 import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';
@@ -111,7 +111,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-input', ...InputRoot]);
+    const rootStyles = computed(() => ['or-input-v3', ...InputRoot]);
     const controlStyles = computed(() => [...InputControl]);
     // State
     const controlAttributes = reactive({
@@ -160,7 +160,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-3b33d718]{min-width:0;background:0 0;outline:0}input[type=number][data-v-3b33d718]::-webkit-inner-spin-button{display:none}input[type=search][data-v-3b33d718]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-10156a60]{min-width:0;background:0 0;outline:0}input[type=number][data-v-10156a60]::-webkit-inner-spin-button{display:none}input[type=search][data-v-10156a60]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -407,7 +407,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-3b33d718";
+const __vue_scope_id__ = "data-v-10156a60";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrInputBox-9a31d211.js → OrInputBox-4d265915.js}

@@ -76,7 +76,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-input-box', ...InputBoxRoot, ...InputBoxRootVariants[props.variant], ...InputBoxRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-input-box-v3', ...InputBoxRoot, ...InputBoxRootVariants[props.variant], ...InputBoxRootSizes[props.size]]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrLabel-c44e9f7d.js → OrLabel-761500d5.js}

@@ -61,7 +61,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-label', ...LabelRoot, ...LabelRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-label-v3', ...LabelRoot, ...LabelRootVariants[props.variant]]);
     const textStyles = computed(() => [...LabelText]);
     const addonStyles = computed(() => [...LabelAddon]);
     return {

package/dist/bundled/v2/{OrLink-a7b23576.js → OrLink-a407bb0d.js}

@@ -73,7 +73,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-link', ...LinkRoot, ...LinkRootColors[`${props.color}`], props.loading && 'interactivity-none', props.underlined && 'underline hover:no-underline']);
+    const rootStyles = computed(() => ['or-link-v3', ...LinkRoot, ...LinkRootColors[`${props.color}`], props.loading && 'interactivity-none', props.underlined && 'underline hover:no-underline']);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrLoader-6bec8824.js → OrLoader-dc73d8ee.js}

@@ -1,5 +1,5 @@
-import './index-fa6eb4ca.js';
 import { useElementSize } from '@vueuse/core';
+import './index-fa6eb4ca.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -75,7 +75,7 @@ var script = defineComponent({
       width: loaderContainerWidth
     } = useElementSize(root);
     // Styles
-    const rootStyles = computed(() => ['or-loader', ...LoaderRoot, ...LoaderRootColors[props.color]]);
+    const rootStyles = computed(() => ['or-loader-v3', ...LoaderRoot, ...LoaderRootColors[props.color]]);
     const titleStyles = computed(() => [...LoaderTitle]);
     const descriptionStyles = computed(() => [...LoaderDescription]);
     const containerStyles = computed(() => [...LoaderContainer]);

package/dist/bundled/v2/{OrMenu-ef3406b1.js → OrMenu-e1cf47b8.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrPopover, P as PopoverPlacement } from './OrPopover-597ad11f.js';
+import { O as OrPopover, P as PopoverPlacement } from './OrPopover-06448d74.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -36,7 +36,7 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-menu', ...MenuRoot]);
+    const rootStyles = computed(() => ['or-menu-v3', ...MenuRoot]);
     // State
     const isOpen = computed(() => {
       var _a;
@@ -66,7 +66,7 @@ var script = defineComponent({
       }) => !!classList).map(({
         classList
       }) => classList);
-      if (classLists.some(classList => classList.contains('or-menu-item'))) {
+      if (classLists.some(classList => classList.contains('or-menu-item-v3'))) {
         close();
       }
     }

package/dist/bundled/v2/{OrMenuItem-f295292e.js → OrMenuItem-7eb9d387.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon } from './OrIcon-2efd1925.js';
+import { O as OrIcon } from './OrIcon-05d29a78.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -44,7 +44,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-menu-item', ...MenuItemRoot]);
+    const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItemRoot]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrModal-3099d6ff.js → OrModal-6cbeb15e.js}

@@ -1,6 +1,6 @@
 import './index-fa6eb4ca.js';
-import { O as OrOverlay } from './OrOverlay-cb55bf20.js';
-import { O as OrIconButton } from './OrIconButton-5f6c340d.js';
+import { O as OrOverlay } from './OrOverlay-4b923676.js';
+import { O as OrIconButton } from './OrIconButton-d427d121.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -66,7 +66,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-modal', ...ModalRoot, ...ModalRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-modal-v3', ...ModalRoot, ...ModalRootSizes[props.size]]);
     const headerStyles = computed(() => [...ModalHeader]);
     // State
     const isActive = ref(false);

package/dist/bundled/v2/{OrNotification-eab99ea0.js → OrNotification-8695c59e.js}

@@ -1,6 +1,6 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon } from './OrIcon-2efd1925.js';
-import { O as OrIconButton } from './OrIconButton-5f6c340d.js';
+import { O as OrIcon } from './OrIcon-05d29a78.js';
+import { O as OrIconButton } from './OrIconButton-d427d121.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -86,7 +86,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-notification', ...NotificationRoot, ...NotificationRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-notification-v3', ...NotificationRoot, ...NotificationRootVariants[props.variant]]);
     const iconStyles = computed(() => [...NotificationIcon, ...NotificationIconVariants[props.variant]]);
     // State
     const icon = computed(() => {

package/dist/bundled/v2/{OrOverlay-cb55bf20.js → OrOverlay-4b923676.js}

@@ -30,7 +30,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-overlay', ...OverlayRoot]);
+    const rootStyles = computed(() => ['or-overlay-v3', ...OverlayRoot]);
     // Effects
     // #region Elevation
     useElevation(root);

package/dist/bundled/v2/{OrPagination-92da0c9b.js → OrPagination-203a86f1.js}

@@ -1,8 +1,8 @@
 import './index-fa6eb4ca.js';
-import { O as OrButton } from './OrButton-4ffae242.js';
-import { O as OrIcon } from './OrIcon-2efd1925.js';
-import { O as OrMenu } from './OrMenu-ef3406b1.js';
-import { O as OrMenuItem } from './OrMenuItem-f295292e.js';
+import { O as OrButton } from './OrButton-28addda1.js';
+import { O as OrIcon } from './OrIcon-05d29a78.js';
+import { O as OrMenu } from './OrMenu-e1cf47b8.js';
+import { O as OrMenuItem } from './OrMenuItem-7eb9d387.js';
 import { u as useResponsive } from './useResponsive-e13dfbb0.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -78,7 +78,7 @@ var script = defineComponent({
       return (_a = limitMenu.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-pagination', ...PaginationRoot]);
+    const rootStyles = computed(() => ['or-pagination-v3', ...PaginationRoot]);
     const offsetControlStyles = computed(() => [...PaginationOffsetControl]);
     const limitControlStyles = computed(() => [...PaginationLimitControl]);
     const itemStyles = computed(() => [...PaginationItem]);

package/dist/bundled/v2/{OrPopover-597ad11f.js → OrPopover-06448d74.js}

@@ -1,7 +1,7 @@
 import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide } from './floating-ui.dom.esm-83eba816.js';
 import { onClickOutside } from '@vueuse/core';
 import './index-fa6eb4ca.js';
-import { O as OrBottomSheet } from './OrBottomSheet-41164e06.js';
+import { O as OrBottomSheet } from './OrBottomSheet-08c7ec73.js';
 import { O as OrTeleport } from './OrTeleport.vue2-e9ba3054.js';
 import { u as useResponsive } from './useResponsive-e13dfbb0.js';
 import { u as useElevation } from './useElevation-b6e7590a.js';
@@ -117,7 +117,7 @@ var script = defineComponent({
       return (_a = bottomSheet.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-popover', ...PopoverRoot]);
+    const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot]);
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
     // State
     const state = ref('closed');

package/dist/bundled/v2/{OrProgress-d1ad4637.js → OrProgress-e967daed.js}

@@ -168,7 +168,7 @@ var script = defineComponent({
     });
     const computedSize = computed(() => isMobile.value ? 20 : 16);
     // Styles
-    const rootStyles = computed(() => ['or-progress', ...ProgressRoot, ...ProgressRootTypes[props.type]]);
+    const rootStyles = computed(() => ['or-progress-v3', ...ProgressRoot, ...ProgressRootTypes[props.type]]);
     const headerStyles = computed(() => [...ProgressHeader]);
     const labelStyles = computed(() => [...ProgressHeaderLabel]);
     const percentStyles = computed(() => [...ProgressHeaderPercent]);

package/dist/bundled/v2/{OrRadio-cf867aeb.js → OrRadio-787e3386.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrLabel, L as LabelVariant } from './OrLabel-c44e9f7d.js';
+import { O as OrLabel, L as LabelVariant } from './OrLabel-761500d5.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
 import { defineComponent, ref, computed, reactive } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -77,7 +77,7 @@ var script = defineComponent({
     const root = ref();
     const control = ref();
     // Styles
-    const rootStyles = computed(() => ['or-radio', ...RadioRoot]);
+    const rootStyles = computed(() => ['or-radio-v3', ...RadioRoot]);
     const controlStyles = computed(() => [...RadioControl, ...RadioControlHandle]);
     // State
     const controlAttributes = reactive({
@@ -112,7 +112,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-5572f1f4]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
+var css_248z = "input[data-v-3b442576]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -177,7 +177,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-5572f1f4";
+const __vue_scope_id__ = "data-v-3b442576";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */