@onereach/ui-components 8.16.2-beta.3854.0 → 8.16.2-beta.3857.0

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -210,8 +210,8 @@ var __vue_render__ = function () {
   }), _vm._v(" "), _vm.collapsible ? [_c('div', {
     class: _vm.collapseButtonContainerStyles
   }, [_c('OrIconButton', {
-    class: ['p-xs'],
     attrs: {
+      "additional-styles": ['p-xs'],
       "icon": _vm.collapseButtonIcon,
       "color": 'primary',
       "size": 'm'

package/dist/bundled/v3/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1 +1 @@
-export { s as default } from '../OrResizeablePanelV3-b14e7e87.js';
+export { s as default } from '../OrResizeablePanelV3-c24490f4.js';

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

@@ -1 +1 @@
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-b14e7e87.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-c24490f4.js';

package/dist/bundled/v3/components/OrResizeablePanelV3/props.js

@@ -1 +1 @@
-export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-b14e7e87.js';
+export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanelV3-c24490f4.js';

package/dist/bundled/v3/components/OrResizeablePanelV3/styles.js

@@ -1 +1 @@
-export { b as ResizeablePanel, j as ResizeablePanelCollapseButtonContainer, k as ResizeablePanelCollapseButtonContainerPlacements, d as ResizeablePanelContent, e as ResizeablePanelContentPaddings, f as ResizeablePanelContentPlaceholder, g as ResizeablePanelContentPlaceholderPlacements, c as ResizeablePanelPlacements, h as ResizeablePanelResizeBar, i as ResizeablePanelResizeBarPlacements, l as ResizeablePanelToolbar, m as ResizeablePanelToolbarPlacements } from '../OrResizeablePanelV3-b14e7e87.js';
+export { b as ResizeablePanel, j as ResizeablePanelCollapseButtonContainer, k as ResizeablePanelCollapseButtonContainerPlacements, d as ResizeablePanelContent, e as ResizeablePanelContentPaddings, f as ResizeablePanelContentPlaceholder, g as ResizeablePanelContentPlaceholderPlacements, c as ResizeablePanelPlacements, h as ResizeablePanelResizeBar, i as ResizeablePanelResizeBarPlacements, l as ResizeablePanelToolbar, m as ResizeablePanelToolbarPlacements } from '../OrResizeablePanelV3-c24490f4.js';

package/dist/bundled/v3/components/{OrResizeablePanelV3-b14e7e87.js → OrResizeablePanelV3-c24490f4.js}

@@ -401,7 +401,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 2,
     class: normalizeClass(_ctx.collapseButtonContainerStyles)
   }, [createVNode(_component_OrIconButton, {
-    class: normalizeClass(['p-xs']),
+    "additional-styles": ['p-xs'],
     icon: _ctx.collapseButtonIcon,
     color: 'primary',
     size: 'm',

package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js

@@ -1 +1 @@
-export { s as default } from '../OrSidebarV3-3bc2d48b.js';
+export { s as default } from '../OrSidebarV3-682b0424.js';

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

@@ -1,2 +1,2 @@
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-3bc2d48b.js';
-export { R as SidebarPadding } from '../OrResizeablePanelV3-b14e7e87.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-682b0424.js';
+export { R as SidebarPadding } from '../OrResizeablePanelV3-c24490f4.js';

package/dist/bundled/v3/components/OrSidebarV3/props.js

@@ -1,2 +1,2 @@
-export { R as SidebarPadding } from '../OrResizeablePanelV3-b14e7e87.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from '../OrSidebarV3-3bc2d48b.js';
+export { R as SidebarPadding } from '../OrResizeablePanelV3-c24490f4.js';
+export { S as OrSidebarPlacement, S as SidebarPlacement } from '../OrSidebarV3-682b0424.js';

package/dist/bundled/v3/components/OrSidebarV3/styles.js

@@ -1,2 +1,2 @@
-import '../OrResizeablePanelV3-b14e7e87.js';
-export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-3bc2d48b.js';
+import '../OrResizeablePanelV3-c24490f4.js';
+export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-682b0424.js';

package/dist/bundled/v3/components/{OrSidebarV3-3bc2d48b.js → OrSidebarV3-682b0424.js}

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-b14e7e87.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-c24490f4.js';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 

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

@@ -79,7 +79,7 @@ export { s as OrRadioV3 } from './OrRadioV3-0a5b52a5.js';
 export { s as OrRangeSliderV3 } from './OrRangeSliderV3-9d36a0c5.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-f0ac9b94.js';
 export { s as OrRatingV3 } from './OrRatingV3-b6b47938.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-b14e7e87.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-c24490f4.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-5265594a.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { OrSearchV3 } from './OrSearchV3/index.js';
@@ -87,7 +87,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { s as OrSelect } from './OrSelect-ab9e3084.js';
 export { s as OrSelectV3 } from './OrSelectV3-f212f5c6.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-3bc2d48b.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-682b0424.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-6b7c940e.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonV3-e1c62691.js';
 export { default as OrSlider } from './OrSlider/OrSlider.js';

package/dist/bundled/v3/index.js

@@ -47,7 +47,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './componen
 export { s as OrSelect } from './components/OrSelect-ab9e3084.js';
 export { s as OrSelectV3 } from './components/OrSelectV3-f212f5c6.js';
 export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-3bc2d48b.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-682b0424.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-6b7c940e.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './components/OrSkeletonV3-e1c62691.js';
 export { default as OrSlider } from './components/OrSlider/OrSlider.js';
@@ -108,7 +108,7 @@ export { default as OrOverlay } from './components/OrOverlay/OrOverlay.js';
 export { s as OrOverlayV3 } from './components/OrOverlayV3-b2576ca1.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './components/OrProgress-90fa9d97.js';
 export { s as OrRadioV3 } from './components/OrRadioV3-0a5b52a5.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './components/OrResizeablePanelV3-b14e7e87.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './components/OrResizeablePanelV3-c24490f4.js';
 export { default as OrSearch } from './components/OrSearch/OrSearch.js';
 export { OrSearchV3 } from './components/OrSearchV3/index.js';
 export { s as OrSortingV3 } from './components/OrSortingV3-d3080a33.js';

package/dist/esm/v2/{OrResizeablePanel-cb99359f.js → OrResizeablePanel-757f7dc1.js}

@@ -407,8 +407,8 @@ var __vue_render__ = function () {
   }), _vm._v(" "), _vm.collapsible ? [_c('div', {
     class: _vm.collapseButtonContainerStyles
   }, [_c('OrIconButton', {
-    class: ['p-xs'],
     attrs: {
+      "additional-styles": ['p-xs'],
       "icon": _vm.collapseButtonIcon,
       "color": 'primary',
       "size": 'm'

package/dist/esm/v2/{OrSidebar-7a40a9ad.js → OrSidebar-e07d338e.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanel-cb99359f.js';
+import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanel-757f7dc1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var SidebarPlacement;

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

@@ -96,7 +96,7 @@ export { _ as OrRangeSliderV3 } from '../OrRangeSlider-23be9910.js';
 export { _ as OrSliderV3 } from '../OrSlider-a474445c.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
 export { _ as OrRatingV3 } from '../OrRating-abf1b609.js';
-export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-cb99359f.js';
+export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-757f7dc1.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-f05d2e66.js';
 export { _ as OrSearch } from '../OrSearch-ddf244e6.js';
 export { _ as OrSearchV3 } from '../OrSearch-de2423bc.js';
@@ -104,7 +104,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { _ as OrSelect } from '../OrSelect-d271f7a3.js';
 export { _ as OrSelectV3 } from '../OrSelect-30f5ce68.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
-export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-7a40a9ad.js';
+export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-e07d338e.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from '../OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from '../OrSkeletonText-202a4282.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-cb99359f.js';
+export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-757f7dc1.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

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

@@ -1,5 +1,5 @@
-export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-7a40a9ad.js';
-export { R as SidebarPadding } from '../../OrResizeablePanel-cb99359f.js';
+export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-e07d338e.js';
+export { R as SidebarPadding } from '../../OrResizeablePanel-757f7dc1.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';

package/dist/esm/v2/index.js

@@ -96,7 +96,7 @@ export { _ as OrRangeSliderV3 } from './OrRangeSlider-23be9910.js';
 export { _ as OrSliderV3 } from './OrSlider-a474445c.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
 export { _ as OrRatingV3 } from './OrRating-abf1b609.js';
-export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-cb99359f.js';
+export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-757f7dc1.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-f05d2e66.js';
 export { _ as OrSearch } from './OrSearch-ddf244e6.js';
 export { _ as OrSearchV3 } from './OrSearch-de2423bc.js';
@@ -104,7 +104,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { _ as OrSelect } from './OrSelect-d271f7a3.js';
 export { _ as OrSelectV3 } from './OrSelect-30f5ce68.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
-export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-7a40a9ad.js';
+export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-e07d338e.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from './OrSkeletonText-202a4282.js';

package/dist/esm/v3/{OrResizeablePanel-605cb793.js → OrResizeablePanel-525d396f.js}

@@ -404,7 +404,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 2,
     class: normalizeClass(_ctx.collapseButtonContainerStyles)
   }, [createVNode(_component_OrIconButton, {
-    class: normalizeClass(['p-xs']),
+    "additional-styles": ['p-xs'],
     icon: _ctx.collapseButtonIcon,
     color: 'primary',
     size: 'm',

package/dist/esm/v3/{OrSidebar-a46b0605.js → OrSidebar-62009372.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-605cb793.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-525d396f.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
 
 var SidebarPlacement;

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

@@ -92,7 +92,7 @@ export { s as OrRadioV3 } from '../OrRadio-09a6916c.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-758f8cc7.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-1437f51e.js';
 export { s as OrRatingV3 } from '../OrRating-ec9462c5.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-605cb793.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-525d396f.js';
 export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-cfa0b54a.js';
 export { s as OrSearch } from '../OrSearch-aa57d4e8.js';
 export { s as OrSearchV3 } from '../OrSearch-9c6f1e16.js';
@@ -100,7 +100,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { s as OrSelect } from '../OrSelect-a366e668.js';
 export { s as OrSelectV3 } from '../OrSelect-a65c0b08.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-a46b0605.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-62009372.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from '../OrSkeletonText-69827192.js';

package/dist/esm/v3/components/or-resizeable-panel-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-605cb793.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-525d396f.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

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

@@ -1,5 +1,5 @@
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-a46b0605.js';
-export { R as SidebarPadding } from '../../OrResizeablePanel-605cb793.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-62009372.js';
+export { R as SidebarPadding } from '../../OrResizeablePanel-525d396f.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';

package/dist/esm/v3/index.js

@@ -92,7 +92,7 @@ export { s as OrRadioV3 } from './OrRadio-09a6916c.js';
 export { s as OrRangeSliderV3 } from './OrRangeSlider-758f8cc7.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-1437f51e.js';
 export { s as OrRatingV3 } from './OrRating-ec9462c5.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-605cb793.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-525d396f.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-cfa0b54a.js';
 export { s as OrSearch } from './OrSearch-aa57d4e8.js';
 export { s as OrSearchV3 } from './OrSearch-9c6f1e16.js';
@@ -100,7 +100,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { s as OrSelect } from './OrSelect-a366e668.js';
 export { s as OrSelectV3 } from './OrSelect-a65c0b08.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-a46b0605.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-62009372.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from './OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from './OrSkeletonText-69827192.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.16.2-beta.3854.0",
+  "version": "8.16.2-beta.3857.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,

package/src/components/or-resizeable-panel-v3/OrResizeablePanel.vue

@@ -23,7 +23,7 @@
     <template v-if="collapsible">
       <div :class="collapseButtonContainerStyles">
         <OrIconButton
-          :class="['p-xs']"
+          :additional-styles="['p-xs']"
           :icon="collapseButtonIcon"
           :color="'primary'"
           :size="'m'"