@onereach/ui-components 2.70.3-beta.2210.0 → 2.70.3-beta.2213.0

package/dist/bundled/v2/{OrSidebar-bc713980.js → OrSidebar-774b382d.js}

@@ -83,9 +83,7 @@ const SidebarResizeSides = {
 };
 const SidebarCollapseButton = [
 // Position
-'absolute', 'top-md', 'inset-y-none', 'z-[1]',
-// Cursor
-'cursor-ew-resize'];
+'absolute', 'top-md', 'inset-y-none', 'z-[1]'];
 const SidebarCollapseButtonSides = {
   [OrSidebarPlacement.left]: [
   // Position

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

@@ -70,7 +70,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { _ as OrSelect } from '../OrSelect-a23d4210.js';
 export { _ as OrSelectV3 } from '../OrSelect-02fb39f0.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-bc713980.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-774b382d.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-516993b4.js';
 export { _ as OrSlider } from '../OrSlider-59d05856.js';

package/dist/bundled/v2/components/or-sidebar-v3/index.js

@@ -1,4 +1,4 @@
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-bc713980.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-774b382d.js';
 import '@vueuse/core';
 import 'lodash';
 import '../../index-fa6eb4ca.js';

package/dist/bundled/v2/index.js

@@ -75,7 +75,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { _ as OrSelect } from './OrSelect-a23d4210.js';
 export { _ as OrSelectV3 } from './OrSelect-02fb39f0.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-e2b2c9ec.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-bc713980.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-774b382d.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-242d22f3.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-516993b4.js';
 export { _ as OrSlider } from './OrSlider-59d05856.js';

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-1cf01183.js → OrSidebar.vue_vue_type_script_lang-8305a28b.js}

@@ -82,9 +82,7 @@ const SidebarResizeSides = {
 };
 const SidebarCollapseButton = [
 // Position
-'absolute', 'top-md', 'inset-y-none', 'z-[1]',
-// Cursor
-'cursor-ew-resize'];
+'absolute', 'top-md', 'inset-y-none', 'z-[1]'];
 const SidebarCollapseButtonSides = {
   [OrSidebarPlacement.left]: [
   // Position

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

@@ -70,7 +70,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-26c0a70a.js';
 export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-83f15704.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-1cf01183.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-8305a28b.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText.vue_vue_type_script_lang-f3f989c3.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText.vue_vue_type_script_lang-577a1dc9.js';
 export { s as OrSlider } from '../OrSlider.vue_vue_type_script_lang-d47ff040.js';

package/dist/bundled/v3/components/or-sidebar-v3/index.js

@@ -1,4 +1,4 @@
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-1cf01183.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-8305a28b.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue';

package/dist/bundled/v3/index.js

@@ -89,8 +89,8 @@ import { s as script$w } from './OrSegmentedControl.vue_vue_type_script_lang-579
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl.vue_vue_type_script_lang-579406f5.js';
 import { s as script$z } from './OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
-import { s as script$A } from './OrSidebar.vue_vue_type_script_lang-1cf01183.js';
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar.vue_vue_type_script_lang-1cf01183.js';
+import { s as script$A } from './OrSidebar.vue_vue_type_script_lang-8305a28b.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar.vue_vue_type_script_lang-8305a28b.js';
 import { s as script$B, a as script$C, b as script$D } from './OrSkeletonText.vue_vue_type_script_lang-f3f989c3.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText.vue_vue_type_script_lang-f3f989c3.js';
 import { s as script$E, a as script$F, b as script$G } from './OrSkeletonText.vue_vue_type_script_lang-577a1dc9.js';

package/dist/esm/v2/{OrSidebar-bfa1b1b8.js → OrSidebar-a6ee22d1.js}

@@ -82,9 +82,7 @@ const SidebarResizeSides = {
 };
 const SidebarCollapseButton = [
 // Position
-'absolute', 'top-md', 'inset-y-none', 'z-[1]',
-// Cursor
-'cursor-ew-resize'];
+'absolute', 'top-md', 'inset-y-none', 'z-[1]'];
 const SidebarCollapseButtonSides = {
   [OrSidebarPlacement.left]: [
   // Position

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

@@ -70,7 +70,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { _ as OrSelect } from '../OrSelect-dae2b069.js';
 export { _ as OrSelectV3 } from '../OrSelect-f8837f5d.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-7d6125bb.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-bfa1b1b8.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-a6ee22d1.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-cc94bdc9.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-950be6a2.js';
 export { _ as OrSlider } from '../OrSlider-f7b9c7c2.js';

package/dist/esm/v2/components/or-sidebar-v3/index.js

@@ -1,4 +1,4 @@
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-bfa1b1b8.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-a6ee22d1.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';

package/dist/esm/v2/index.js

@@ -70,7 +70,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { _ as OrSelect } from './OrSelect-dae2b069.js';
 export { _ as OrSelectV3 } from './OrSelect-f8837f5d.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-7d6125bb.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-bfa1b1b8.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-a6ee22d1.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-cc94bdc9.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-950be6a2.js';
 export { _ as OrSlider } from './OrSlider-f7b9c7c2.js';

package/dist/esm/v3/{OrSidebar-90cc25cd.js → OrSidebar-f2150587.js}

@@ -82,9 +82,7 @@ const SidebarResizeSides = {
 };
 const SidebarCollapseButton = [
 // Position
-'absolute', 'top-md', 'inset-y-none', 'z-[1]',
-// Cursor
-'cursor-ew-resize'];
+'absolute', 'top-md', 'inset-y-none', 'z-[1]'];
 const SidebarCollapseButtonSides = {
   [OrSidebarPlacement.left]: [
   // Position

package/dist/esm/v3/components/index.js

@@ -65,7 +65,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { s as OrSelect } from '../OrSelect-0821b907.js';
 export { s as OrSelectV3 } from '../OrSelect-8fbd88bc.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar-90cc25cd.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar-f2150587.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-2b1610ce.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-3965ff71.js';
 export { s as OrSlider } from '../OrSlider-87e2da8c.js';

package/dist/esm/v3/components/or-sidebar-v3/index.js

@@ -1,4 +1,4 @@
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../../OrSidebar-90cc25cd.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../../OrSidebar-f2150587.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';

package/dist/esm/v3/index.js

@@ -65,7 +65,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { s as OrSelect } from './OrSelect-0821b907.js';
 export { s as OrSelectV3 } from './OrSelect-8fbd88bc.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-90cc25cd.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-f2150587.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-3965ff71.js';
 export { s as OrSlider } from './OrSlider-87e2da8c.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.70.3-beta.2210.0",
+  "version": "2.70.3-beta.2213.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-sidebar-v3/OrSidebar.stories3.ts

@@ -75,8 +75,6 @@ export default {
   },
 
   parameters: {
-    layout: 'centered',
-
     docs: {
       page: OrSidebarDocs,
     },
@@ -99,8 +97,11 @@ const DefaultTemplate: StoryFn<typeof OrSidebar> = (args) => ({
   },
 
   template: `
-    <div style="display: flex; flex-direction: row; border: 1px solid gray; max-height: 750px">
-      <div style="flex-grow: 1; overflow: auto">
+    <div style="display: flex; flex-direction: row; border: 1px solid gray; height: 650px">
+      <div
+        class="theme-background-surface-1 dark:theme-background-surface-1-dark text-on-background dark:text-on-background-dark"
+        style="flex-grow: 1; overflow: auto; padding: 16px"
+      >
         ${Faker.lorem.paragraphs(10)}
       </div>
       <OrSidebar v-bind="args" @change:width="onChangeWidth">
@@ -137,7 +138,7 @@ const LeftTemplate: StoryFn<typeof OrSidebar> = (args) => ({
   },
 
   template: `
-    <div style="display: flex; flex-direction: row; border: 1px solid gray; max-height: 750px">
+    <div style="display: flex; flex-direction: row; border: 1px solid gray; height: 650px">
       <OrSidebar v-bind="args" @change:width="onChangeWidth">
           <template v-if="${!!args.header}" v-slot:header>
             ${args.header}
@@ -152,7 +153,10 @@ const LeftTemplate: StoryFn<typeof OrSidebar> = (args) => ({
             ${args.toolbar}
           </template>
       </OrSidebar>
-      <div style="flex-grow: 1; overflow: auto">
+      <div
+        class="theme-background-surface-1 dark:theme-background-surface-1-dark text-on-background dark:text-on-background-dark"
+        style="flex-grow: 1; overflow: auto; padding: 16px"
+      >
         ${Faker.lorem.paragraphs(10)}
       </div>
     </div>
@@ -182,8 +186,11 @@ const TabsTemplate: StoryFn<typeof OrSidebar> = (args) => ({
   },
 
   template: `
-    <div style="display: flex; flex-direction: row; border: 1px solid gray; max-height: 750px">
-      <div style="flex-grow: 1; overflow: auto">
+    <div style="display: flex; flex-direction: row; border: 1px solid gray; height: 650px">
+      <div
+        class="theme-background-surface-1 dark:theme-background-surface-1-dark text-on-background dark:text-on-background-dark"
+        style="flex-grow: 1; overflow: auto; padding: 16px"
+      >
         ${Faker.lorem.paragraphs(10)}
       </div>
       <OrSidebar v-bind="args" @change:width="onChangeWidth">

package/src/components/or-sidebar-v3/styles.ts

@@ -143,9 +143,6 @@ export const SidebarCollapseButton: string[] = [
   'top-md',
   'inset-y-none',
   'z-[1]',
-
-  // Cursor
-  'cursor-ew-resize',
 ];
 
 export const SidebarCollapseButtonSides: Record<OrSidebarPlacement, string[]> = {