@onereach/ui-components 3.0.2-beta.2475.0 → 3.0.2-beta.2476.0

package/dist/bundled/v2/{OrTree-ceaca23d.js → OrTree-b8e47647.js}

@@ -71,7 +71,7 @@ var script$1 = defineComponent({
     styleCSS() {
       return {
         // 24px -- gap-sm + tooltip width
-        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${this.level * 10}px`
+        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${(this.isLeaf ? 24 : 0) + this.level * 10}px`
       };
     }
   }

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

@@ -101,7 +101,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-3a3d
 export { O as OrTooltip } from '../OrTooltip-e62cdd46.js';
 export { O as OrTooltipContent } from '../OrTooltipContent-592eeb27.js';
 export { O as OrTooltipV3 } from '../OrTooltip-e34783de.js';
-export { _ as OrTreeV3 } from '../OrTree-ceaca23d.js';
+export { _ as OrTreeV3 } from '../OrTree-b8e47647.js';
 import '../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

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

@@ -1,4 +1,4 @@
-export { _ as OrTreeV3 } from '../../OrTree-ceaca23d.js';
+export { _ as OrTreeV3 } from '../../OrTree-b8e47647.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/index.js

@@ -105,7 +105,7 @@ export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from './types-7
 export { O as OrTooltip } from './OrTooltip-e62cdd46.js';
 export { O as OrTooltipContent } from './OrTooltipContent-592eeb27.js';
 export { O as OrTooltipV3 } from './OrTooltip-e34783de.js';
-export { _ as OrTreeV3 } from './OrTree-ceaca23d.js';
+export { _ as OrTreeV3 } from './OrTree-b8e47647.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-cf61643f.js';
 export { u as useElevation } from './useElevation-b6e7590a.js';

package/dist/bundled/v3/{OrTree.vue_vue_type_script_lang-d25db1c4.js → OrTree.vue_vue_type_script_lang-9a31b9b4.js}

@@ -70,7 +70,7 @@ var script$1 = defineComponent({
     styleCSS() {
       return {
         // 24px -- gap-sm + tooltip width
-        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${this.level * 10}px`
+        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${(this.isLeaf ? 24 : 0) + this.level * 10}px`
       };
     }
   }

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

@@ -101,7 +101,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-4d43
 export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-eb8ad0e1.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-b0dcb862.js';
 export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-ce2158d0.js';
-export { s as OrTreeV3 } from '../OrTree.vue_vue_type_script_lang-d25db1c4.js';
+export { s as OrTreeV3 } from '../OrTree.vue_vue_type_script_lang-9a31b9b4.js';
 import 'vue';
 import 'lodash';
 import '../OrIcon-e8ea87d0.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTreeV3 } from '../../OrTree.vue_vue_type_script_lang-d25db1c4.js';
+export { s as OrTreeV3 } from '../../OrTree.vue_vue_type_script_lang-9a31b9b4.js';
 import 'vue';
 import '../../OrIconButton-b3e4997b.js';
 import '../../OrIconButton.vue_vue_type_script_lang-de03b47c.js';

package/dist/bundled/v3/index.js

@@ -130,8 +130,8 @@ import './OrToastContainer-0b16a650.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-4d4329cd.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-f428a884.js';
 import './OrToastContainer-056470e4.js';
-import { s as script$T } from './OrTree.vue_vue_type_script_lang-d25db1c4.js';
-export { s as OrTreeV3 } from './OrTree.vue_vue_type_script_lang-d25db1c4.js';
+import { s as script$T } from './OrTree.vue_vue_type_script_lang-9a31b9b4.js';
+export { s as OrTreeV3 } from './OrTree.vue_vue_type_script_lang-9a31b9b4.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './constants-c5d1139f.js';
 export { s as OrCollapse } from './OrCollapse.vue_vue_type_script_lang-04ffe655.js';
 export { s as OrError } from './OrError.vue_vue_type_script_lang-7c39e012.js';

package/dist/esm/v2/{OrTree-8dc4a1a3.js → OrTree-32b2fede.js}

@@ -70,7 +70,7 @@ var script$1 = defineComponent({
     styleCSS() {
       return {
         // 24px -- gap-sm + tooltip width
-        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${this.level * 10}px`
+        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${(this.isLeaf ? 24 : 0) + this.level * 10}px`
       };
     }
   }

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

@@ -101,7 +101,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665
 export { _ as OrTooltip } from '../OrTooltip-cefc51f9.js';
 export { _ as OrTooltipContent } from '../OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';
 export { _ as OrTooltipV3 } from '../OrTooltip-f5d1e4f0.js';
-export { _ as OrTreeV3 } from '../OrTree-8dc4a1a3.js';
+export { _ as OrTreeV3 } from '../OrTree-32b2fede.js';
 import 'vue-demi';
 import 'lodash';
 import '../style-inject.es-4c6f2515.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTreeV3 } from '../../OrTree-8dc4a1a3.js';
+export { _ as OrTreeV3 } from '../../OrTree-32b2fede.js';
 import 'vue-demi';
 import '../../OrIconButton-5c4ef664.js';
 import '../../OrIcon-d35a84d8.js';

package/dist/esm/v2/index.js

@@ -101,7 +101,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { _ as OrTooltip } from './OrTooltip-cefc51f9.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';
 export { _ as OrTooltipV3 } from './OrTooltip-f5d1e4f0.js';
-export { _ as OrTreeV3 } from './OrTree-8dc4a1a3.js';
+export { _ as OrTreeV3 } from './OrTree-32b2fede.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-92fce12c.js';

package/dist/esm/v3/{OrTree-f4ee81ef.js → OrTree-bf625e80.js}

@@ -70,7 +70,7 @@ var script$1 = defineComponent({
     styleCSS() {
       return {
         // 24px -- gap-sm + tooltip width
-        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${this.level * 10}px`
+        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${(this.isLeaf ? 24 : 0) + this.level * 10}px`
       };
     }
   }

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

@@ -96,7 +96,7 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-8d7385bc.js';
 export { s as OrTooltipV3 } from '../OrTooltip-02f07fa2.js';
-export { s as OrTreeV3 } from '../OrTree-f4ee81ef.js';
+export { s as OrTreeV3 } from '../OrTree-bf625e80.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';

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

@@ -1,4 +1,4 @@
-export { s as OrTreeV3 } from '../../OrTree-f4ee81ef.js';
+export { s as OrTreeV3 } from '../../OrTree-bf625e80.js';
 import 'vue-demi';
 import '../../OrIconButton-41ee266c.js';
 import '../../OrIcon-62793572.js';

package/dist/esm/v3/index.js

@@ -96,7 +96,7 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-9
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-8d7385bc.js';
 export { s as OrTooltipV3 } from './OrTooltip-02f07fa2.js';
-export { s as OrTreeV3 } from './OrTree-f4ee81ef.js';
+export { s as OrTreeV3 } from './OrTree-bf625e80.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-92fce12c.js';

package/package.json

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

package/src/components/or-tree-v3/OrTree.stories3.ts

@@ -34,6 +34,7 @@ const TREE_DATA = [
             children: [
               {
                 key: '0-0-1-2-0',
+                isLeaf: true,
               },
             ],
           },

package/src/components/or-tree-v3/TreeNode.vue

@@ -64,7 +64,7 @@ export default defineComponent({
     styleCSS() {
       return {
         // 24px -- gap-sm + tooltip width
-        'padding-left': (this.isLeaf && this.level === 0) ? '24px' : `${this.level * 10}px`,
+        'padding-left': (this.isLeaf && this.level === 0) ? '24px' : `${(this.isLeaf ? 24 : 0) + (this.level * 10)}px`,
       };
     },
   },