npm - @onereach/ui-components - Versions diffs - 2.76.10 → 2.76.11-beta.2461.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (458) hide show

package/src/components/or-input-v3/OrInput.vue CHANGED Viewed

@@ -239,7 +239,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-input',
+      'or-input-v3',
       ...InputRoot,
     ]);

package/src/components/or-label-v3/OrLabel.vue CHANGED Viewed

@@ -59,7 +59,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-label',
+      'or-label-v3',
       ...LabelRoot,
       ...LabelRootVariants[props.variant],
     ]);

package/src/components/or-link-v3/OrLink.vue CHANGED Viewed

@@ -65,7 +65,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-link',
+      'or-link-v3',
       ...LinkRoot,
       ...LinkRootColors[`${props.color}`],
       props.loading && 'interactivity-none',

package/src/components/or-loader-v3/OrLoader.vue CHANGED Viewed

@@ -82,8 +82,8 @@
 </template>
 <script lang="ts">
-import { computed, defineComponent, PropType, ref } from 'vue-demi';
 import { useElementSize } from '@vueuse/core';
+import { computed, defineComponent, PropType, ref } from 'vue-demi';
 import { LoaderColor, LoaderSize, LoaderVariant } from './props';
 import { LoaderContainer, LoaderDescription, LoaderRoot, LoaderRootColors, LoaderTitle } from './styles';
@@ -136,7 +136,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-loader',
+      'or-loader-v3',
       ...LoaderRoot,
       ...LoaderRootColors[props.color],
     ]);

package/src/components/or-menu-item-v3/OrMenuItem.vue CHANGED Viewed

@@ -64,7 +64,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-menu-item',
+      'or-menu-item-v3',
       ...MenuItemRoot,
     ]);

package/src/components/or-menu-v3/OrMenu.vue CHANGED Viewed

@@ -67,7 +67,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-menu',
+      'or-menu-v3',
       ...MenuRoot,
     ]);
@@ -103,7 +103,7 @@ export default defineComponent({
         .filter(({ classList }) => !!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/src/components/or-modal-v3/OrModal.vue CHANGED Viewed

@@ -75,7 +75,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-modal',
+      'or-modal-v3',
       ...ModalRoot,
       ...ModalRootSizes[props.size],
     ]);

package/src/components/or-notification-v3/OrNotification.vue CHANGED Viewed

@@ -60,7 +60,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-notification',
+      'or-notification-v3',
       ...NotificationRoot,
       ...NotificationRootVariants[props.variant],
     ]);

package/src/components/or-overlay-v3/OrOverlay.vue CHANGED Viewed

@@ -43,7 +43,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-overlay',
+      'or-overlay-v3',
       ...OverlayRoot,
     ]);

package/src/components/or-pagination-v3/OrPagination.vue CHANGED Viewed

@@ -151,7 +151,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-pagination',
+      'or-pagination-v3',
       ...PaginationRoot,
     ]);

package/src/components/or-popover-v3/OrPopover.vue CHANGED Viewed

@@ -104,7 +104,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-popover',
+      'or-popover-v3',
       ...PopoverRoot,
     ]);

package/src/components/or-progress-v3/OrProgress.vue CHANGED Viewed

@@ -203,7 +203,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-progress',
+      'or-progress-v3',
       ...ProgressRoot,
       ...ProgressRootTypes[props.type],
     ]);

package/src/components/or-radio-v3/OrRadio.vue CHANGED Viewed

@@ -104,7 +104,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-radio',
+      'or-radio-v3',
       ...RadioRoot,
     ]);

package/src/components/or-search-v3/OrSearch.vue CHANGED Viewed

@@ -85,7 +85,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-search',
+      'or-search-v3',
     ]);
     // State

package/src/components/or-segmented-control-v3/OrSegmentedControl.vue CHANGED Viewed

@@ -71,7 +71,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-segmented-control',
+      'or-segmented-control-v3',
       ...SegmentedControlRoot,
       ...SegmentedControlRootSizes[props.size],
     ]);

package/src/components/or-segmented-control-v3/partials/or-segmented-control-item/OrSegmentedControlItem.vue CHANGED Viewed

@@ -43,7 +43,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-segmented-control-item',
+      'or-segmented-control-item-v3',
       ...SegmentedControlItemRoot,
       ...SegmentedControlItemRootSizes[props.size],
     ]);

package/src/components/or-select-v3/OrSelect.vue CHANGED Viewed

@@ -385,7 +385,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-select',
+      'or-select-v3',
       ...SelectRoot,
     ]);

package/src/components/or-sidebar-v3/OrSidebar.vue CHANGED Viewed

@@ -58,26 +58,10 @@
 <script lang="ts">
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
-import { computed, defineComponent, PropType, ref, watch, useSlots } from 'vue-demi';
-import { OrSidebarPlacement } from './props';
-import {
-  SidebarRoot,
-  SidebarBar,
-  SidebarToolbar,
-  CollapsibleSidebarToolbar,
-  SidebarSides,
-  SidebarToolbarSides,
-  SidebarResize,
-  SidebarResizeSides,
-  SidebarCollapseButton,
-  SidebarCollapseButtonSides,
-  SidebarResizingSides,
-  SidebarMain,
-  SidebarHeader,
-  SidebarContent,
-  SidebarFooter,
-} from './styles';
+import { computed, defineComponent, PropType, ref, useSlots, watch } from 'vue-demi';
 import { OrSidebarCollapseButton } from './partials';
+import { OrSidebarPlacement } from './props';
+import { CollapsibleSidebarToolbar, SidebarBar, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarContent, SidebarFooter, SidebarHeader, SidebarMain, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarRoot, SidebarSides, SidebarToolbar, SidebarToolbarSides } from './styles';
 export default defineComponent({
   name: 'OrSidebar',
@@ -161,7 +145,7 @@ export default defineComponent({
     }));
     const rootStyles = computed(() => [
-      'or-sidebar',
+      'or-sidebar-v3',
       ...SidebarRoot,
     ]);

package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue CHANGED Viewed

@@ -15,8 +15,8 @@
 <script lang="ts">
 import _ from 'lodash';
 import { computed, defineComponent, PropType, ref } from 'vue-demi';
-import { OrSidebarPlacement } from '../../props';
 import { OrIconButtonV3 as OrIconButton } from '../../../or-icon-button-v3';
+import { OrSidebarPlacement } from '../../props';
 import { CollapseButton, CollapseButtonContainer } from './styles';
 export default defineComponent({
@@ -55,7 +55,7 @@ export default defineComponent({
     const root = ref<InstanceType<typeof HTMLDivElement>>();
     const rootStyles = computed(() => [
-      'or-sidebar-collapse-button',
+      'or-sidebar-collapse-button-v3',
       ...CollapseButtonContainer,
     ]);

package/src/components/or-skeleton-v3/OrSkeletonCircle.vue CHANGED Viewed

@@ -39,7 +39,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-skeleton',
+      'or-skeleton-v3',
       'or-skeleton-circle',
       ...SkeletonRoot,
       ...SkeletonCircle,

package/src/components/or-skeleton-v3/OrSkeletonRect.vue CHANGED Viewed

@@ -45,7 +45,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-skeleton',
+      'or-skeleton-v3',
       'or-skeleton-rect',
       ...SkeletonRoot,
       ...SkeletonRect,

package/src/components/or-skeleton-v3/OrSkeletonText.vue CHANGED Viewed

@@ -77,7 +77,7 @@ export default defineComponent({
     });
     const rowStyles = computed(() => [
-      'or-skeleton',
+      'or-skeleton-v3',
       'or-skeleton-text',
       ...SkeletonRoot,
       ...SkeletonText,

package/src/components/or-sort-header-v3/OrSortHeader.vue CHANGED Viewed

@@ -63,7 +63,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-sort-header',
+      'or-sort-header-v3',
       ...SortHeaderRoot,
     ]);

package/src/components/or-switch-v3/OrSwitch.vue CHANGED Viewed

@@ -126,7 +126,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-switch',
+      'or-switch-v3',
       ...SwitchRoot,
     ]);

package/src/components/or-tab-v3/OrTab.vue CHANGED Viewed

@@ -42,7 +42,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-tab',
+      'or-tab-v3',
       ...TabRoot,
     ]);

package/src/components/or-tabs-v3/OrTabs.vue CHANGED Viewed

@@ -109,7 +109,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-tabs',
+      'or-tabs-v3',
       ...TabsRoot,
       ...TabsRootVariants[props.variant],
     ]);

package/src/components/or-tag-v3/OrTag.vue CHANGED Viewed

@@ -72,7 +72,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-tag',
+      'or-tag-v3',
       ...TagRoot,
       ...TagRootVariants[props.variant],
       ...!custom.value ? TagRootColors[props.color as TagColor] : [],

package/src/components/or-text-v3/OrText.vue CHANGED Viewed

@@ -57,7 +57,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-text',
+      'or-text-v3',
       ...TextRoot,
     ]);

package/src/components/or-textarea-v3/OrTextarea.vue CHANGED Viewed

@@ -171,7 +171,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-textarea',
+      'or-textarea-v3',
       ...TextareaRoot,
     ]);

package/src/components/or-toast-v3/OrToastContainer.vue CHANGED Viewed

@@ -64,7 +64,7 @@ export default defineComponent({
     const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();
     const [isActive, toggle] = useToggle(false);
     const classes = computed(() => [
-      'or-toast-container',
+      'or-toast-container-v3',
       ...ToastContainer,
       ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],
       {

package/src/components/or-tooltip-v3/OrTooltip.vue CHANGED Viewed

@@ -68,7 +68,7 @@ export default defineComponent({
     // Styles
     const rootStyles = computed(() => [
-      'or-tooltip',
+      'or-tooltip-v3',
       ...TooltipRoot,
     ]);