@onereach/ui-components 2.71.1-beta.2217.0 → 2.71.1-beta.2220.0

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

@@ -38,9 +38,10 @@ const SidebarToolbar = [
 // Sizing
 'gap-md',
 // Box
-'min-h-0', 'min-w-xl', 'p-[6px]', 'pt-[56px]', 'pb-md+',
+'min-h-0', 'min-w-xl', 'p-[6px]', 'py-md+',
 // Theme
 'text-outline', 'dark:text-outline-dark'];
+const CollapsibleSidebarToolbar = ['pt-[56px]'];
 const SidebarSides = {
   [OrSidebarPlacement.left]: [
   // Borders
@@ -301,7 +302,7 @@ var script = defineComponent({
     }));
     const rootStyles = computed(() => ['or-sidebar', ...SidebarRoot]);
     const sidebarStyles = computed(() => [...SidebarBar, ...SidebarSides[props.side]]);
-    const toolbarStyles = computed(() => [...SidebarToolbar, ...SidebarToolbarSides[props.side]]);
+    const toolbarStyles = computed(() => [...SidebarToolbar, ...(props.collapsible ? CollapsibleSidebarToolbar : []), ...SidebarToolbarSides[props.side]]);
     const resizeStyles = computed(() => [...SidebarResize, ...SidebarResizeSides[props.side], ...(isResizing.value ? SidebarResizingSides[props.side] : [])]);
     const collapsibleButtonStyles = computed(() => [...SidebarCollapseButton, ...SidebarCollapseButtonSides[props.side]]);
     const mainStyles = computed(() => [...SidebarMain]);

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-a6ee22d1.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-097a4b55.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-a6ee22d1.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-097a4b55.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';

package/dist/esm/v2/components/or-sidebar-v3/styles.d.ts

@@ -2,6 +2,7 @@ import { OrSidebarPlacement } from './props';
 export declare const SidebarRoot: string[];
 export declare const SidebarBar: string[];
 export declare const SidebarToolbar: string[];
+export declare const CollapsibleSidebarToolbar: string[];
 export declare const SidebarSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarToolbarSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarResize: string[];

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-a6ee22d1.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-097a4b55.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-f2150587.js → OrSidebar-f6b2050b.js}

@@ -38,9 +38,10 @@ const SidebarToolbar = [
 // Sizing
 'gap-md',
 // Box
-'min-h-0', 'min-w-xl', 'p-[6px]', 'pt-[56px]', 'pb-md+',
+'min-h-0', 'min-w-xl', 'p-[6px]', 'py-md+',
 // Theme
 'text-outline', 'dark:text-outline-dark'];
+const CollapsibleSidebarToolbar = ['pt-[56px]'];
 const SidebarSides = {
   [OrSidebarPlacement.left]: [
   // Borders
@@ -272,7 +273,7 @@ var script = defineComponent({
     }));
     const rootStyles = computed(() => ['or-sidebar', ...SidebarRoot]);
     const sidebarStyles = computed(() => [...SidebarBar, ...SidebarSides[props.side]]);
-    const toolbarStyles = computed(() => [...SidebarToolbar, ...SidebarToolbarSides[props.side]]);
+    const toolbarStyles = computed(() => [...SidebarToolbar, ...(props.collapsible ? CollapsibleSidebarToolbar : []), ...SidebarToolbarSides[props.side]]);
     const resizeStyles = computed(() => [...SidebarResize, ...SidebarResizeSides[props.side], ...(isResizing.value ? SidebarResizingSides[props.side] : [])]);
     const collapsibleButtonStyles = computed(() => [...SidebarCollapseButton, ...SidebarCollapseButtonSides[props.side]]);
     const mainStyles = computed(() => [...SidebarMain]);

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-f2150587.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar-f6b2050b.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-f2150587.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../../OrSidebar-f6b2050b.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';

package/dist/esm/v3/components/or-sidebar-v3/styles.d.ts

@@ -2,6 +2,7 @@ import { OrSidebarPlacement } from './props';
 export declare const SidebarRoot: string[];
 export declare const SidebarBar: string[];
 export declare const SidebarToolbar: string[];
+export declare const CollapsibleSidebarToolbar: string[];
 export declare const SidebarSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarToolbarSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarResize: string[];

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-f2150587.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-f6b2050b.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.71.1-beta.2217.0",
+  "version": "2.71.1-beta.2220.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

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

@@ -64,6 +64,7 @@ import {
   SidebarRoot,
   SidebarBar,
   SidebarToolbar,
+  CollapsibleSidebarToolbar,
   SidebarSides,
   SidebarToolbarSides,
   SidebarResize,
@@ -167,6 +168,7 @@ export default defineComponent({
 
     const toolbarStyles = computed(() => [
       ...SidebarToolbar,
+      ...(props.collapsible ? CollapsibleSidebarToolbar : []),
       ...SidebarToolbarSides[props.side],
     ]);
 

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

@@ -60,14 +60,17 @@ export const SidebarToolbar: string[] = [
   'min-h-0',
   'min-w-xl',
   'p-[6px]',
-  'pt-[56px]',
-  'pb-md+',
+  'py-md+',
 
   // Theme
   'text-outline',
   'dark:text-outline-dark',
 ];
 
+export const CollapsibleSidebarToolbar: string[] = [
+  'pt-[56px]',
+];
+
 export const SidebarSides: Record<OrSidebarPlacement, string[]> = {
   [OrSidebarPlacement.left]: [
     // Borders