@onereach/ui-components 8.16.1-beta.3871.0 → 8.16.1

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 (49) hide show
  1. package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js +2 -1
  2. package/dist/bundled/v2/components/OrResizeablePanelV3/styles.js +2 -4
  3. package/dist/bundled/v2/components/OrSelectV3/OrSelect.js +6 -12
  4. package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts +0 -2
  5. package/dist/bundled/v2/components/OrSelectV3/types.d.ts +0 -1
  6. package/dist/bundled/v2/index.js +1 -1
  7. package/dist/bundled/v3/components/OrResizeablePanelV3/OrResizeablePanel.js +1 -1
  8. package/dist/bundled/v3/components/OrResizeablePanelV3/index.js +1 -1
  9. package/dist/bundled/v3/components/OrResizeablePanelV3/props.js +1 -1
  10. package/dist/bundled/v3/components/OrResizeablePanelV3/styles.js +1 -1
  11. package/dist/bundled/v3/components/{OrResizeablePanelV3-a85c8811.js → OrResizeablePanelV3-b14e7e87.js} +4 -5
  12. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +1 -1
  13. package/dist/bundled/v3/components/OrSelectV3/OrSelect.vue.d.ts +0 -1
  14. package/dist/bundled/v3/components/OrSelectV3/index.js +1 -1
  15. package/dist/bundled/v3/components/OrSelectV3/styles.js +1 -1
  16. package/dist/bundled/v3/components/OrSelectV3/types.d.ts +0 -1
  17. package/dist/bundled/v3/components/{OrSelectV3-9365affd.js → OrSelectV3-fdc69cd8.js} +9 -15
  18. package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js +1 -1
  19. package/dist/bundled/v3/components/OrSidebarV3/index.js +2 -2
  20. package/dist/bundled/v3/components/OrSidebarV3/props.js +2 -2
  21. package/dist/bundled/v3/components/OrSidebarV3/styles.js +2 -2
  22. package/dist/bundled/v3/components/{OrSidebarV3-d0105f13.js → OrSidebarV3-3bc2d48b.js} +1 -1
  23. package/dist/bundled/v3/components/index.js +3 -3
  24. package/dist/bundled/v3/index.js +4 -4
  25. package/dist/esm/v2/{OrResizeablePanel-c4c84bde.js → OrResizeablePanel-cb99359f.js} +4 -5
  26. package/dist/esm/v2/{OrSelect-cef9c89b.js → OrSelect-c1a48c2f.js} +6 -12
  27. package/dist/esm/v2/{OrSidebar-4ab5a08e.js → OrSidebar-7a40a9ad.js} +1 -1
  28. package/dist/esm/v2/components/index.js +3 -3
  29. package/dist/esm/v2/components/or-resizeable-panel-v3/index.js +1 -1
  30. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +0 -2
  31. package/dist/esm/v2/components/or-select-v3/index.js +1 -1
  32. package/dist/esm/v2/components/or-select-v3/types.d.ts +0 -1
  33. package/dist/esm/v2/components/or-sidebar-v3/index.js +2 -2
  34. package/dist/esm/v2/index.js +3 -3
  35. package/dist/esm/v3/{OrResizeablePanel-65d7e4fb.js → OrResizeablePanel-605cb793.js} +4 -5
  36. package/dist/esm/v3/{OrSelect-63e49112.js → OrSelect-190a0d6e.js} +9 -15
  37. package/dist/esm/v3/{OrSidebar-896d39f6.js → OrSidebar-a46b0605.js} +1 -1
  38. package/dist/esm/v3/components/index.js +3 -3
  39. package/dist/esm/v3/components/or-resizeable-panel-v3/index.js +1 -1
  40. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +0 -1
  41. package/dist/esm/v3/components/or-select-v3/index.js +1 -1
  42. package/dist/esm/v3/components/or-select-v3/types.d.ts +0 -1
  43. package/dist/esm/v3/components/or-sidebar-v3/index.js +2 -2
  44. package/dist/esm/v3/index.js +3 -3
  45. package/package.json +3 -2
  46. package/src/components/or-resizeable-panel-v3/OrResizeablePanel.vue +2 -1
  47. package/src/components/or-resizeable-panel-v3/styles.ts +3 -7
  48. package/src/components/or-select-v3/OrSelect.vue +0 -6
  49. package/src/components/or-select-v3/types.ts +0 -2
@@ -141,12 +141,10 @@ const ResizeablePanelResizeBarPlacements = {
141
141
  const ResizeablePanelCollapseButtonContainer = [
142
142
  // Position
143
143
  'relative z-10',
144
- // Box
145
- 'w-fit', 'h-fit',
146
- // Spacing
147
- 'px-[1px]', 'py-[1px]',
148
144
  // Shape
149
145
  'rounded-full',
146
+ // Box
147
+ 'w-fit', 'h-fit',
150
148
  // Typography
151
149
  'leading-[0]',
152
150
  // Theme
@@ -409,10 +407,11 @@ var __vue_render__ = function () {
409
407
  }), _vm._v(" "), _vm.collapsible ? [_c('div', {
410
408
  class: _vm.collapseButtonContainerStyles
411
409
  }, [_c('OrIconButton', {
410
+ class: ['p-xs'],
412
411
  attrs: {
413
412
  "icon": _vm.collapseButtonIcon,
414
413
  "color": 'primary',
415
- "size": 'xl'
414
+ "size": 'm'
416
415
  },
417
416
  on: {
418
417
  "click": function ($event) {
@@ -537,16 +537,14 @@ var __vue_render__ = function () {
537
537
  return _c('OrMenuItem', {
538
538
  key: i,
539
539
  attrs: {
540
- "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
541
- "disabled": option.disabled
540
+ "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
542
541
  }
543
542
  }, [_vm._t("optionTemplate", function () {
544
543
  return [_c('OrCheckbox', {
545
544
  attrs: {
546
545
  "value": option.value,
547
546
  "label": option.label,
548
- "label-variant": 'menu-item',
549
- "disabled": option.disabled
547
+ "label-variant": 'menu-item'
550
548
  },
551
549
  model: {
552
550
  value: _vm.proxyModelValue,
@@ -565,8 +563,7 @@ var __vue_render__ = function () {
565
563
  key: i,
566
564
  class: _vm.dropdownItemStyles,
567
565
  attrs: {
568
- "selected": _vm.proxyModelValue === option.value,
569
- "disabled": option.disabled
566
+ "selected": _vm.proxyModelValue === option.value
570
567
  },
571
568
  on: {
572
569
  "click": function ($event) {
@@ -585,8 +582,7 @@ var __vue_render__ = function () {
585
582
  return _c('OrMenuItem', {
586
583
  key: i,
587
584
  attrs: {
588
- "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
589
- "disabled": option.disabled
585
+ "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
590
586
  },
591
587
  on: {
592
588
  "click": function ($event) {
@@ -598,8 +594,7 @@ var __vue_render__ = function () {
598
594
  attrs: {
599
595
  "model-value": _vm.proxyModelValue,
600
596
  "value": option.value,
601
- "label-variant": 'menu-item',
602
- "disabled": option.disabled
597
+ "label-variant": 'menu-item'
603
598
  }
604
599
  }, [_c('div', {
605
600
  on: {
@@ -618,8 +613,7 @@ var __vue_render__ = function () {
618
613
  key: i,
619
614
  class: _vm.dropdownItemStyles,
620
615
  attrs: {
621
- "selected": _vm.proxyModelValue === option.value,
622
- "disabled": option.disabled
616
+ "selected": _vm.proxyModelValue === option.value
623
617
  },
624
618
  on: {
625
619
  "click": function ($event) {
@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
4
4
  import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
5
5
  import '@onereach/styles/tailwind/plugins/core';
6
6
  import '@onereach/styles/tailwind.config.json';
7
- import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanel-c4c84bde.js';
7
+ import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanel-cb99359f.js';
8
8
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
9
9
 
10
10
  var SidebarPlacement;
@@ -96,15 +96,15 @@ export { _ as OrRangeSliderV3 } from '../OrRangeSlider-23be9910.js';
96
96
  export { _ as OrSliderV3 } from '../OrSlider-a474445c.js';
97
97
  export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
98
98
  export { _ as OrRatingV3 } from '../OrRating-abf1b609.js';
99
- export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-c4c84bde.js';
99
+ export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-cb99359f.js';
100
100
  export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-598c582f.js';
101
101
  export { _ as OrSearch } from '../OrSearch-ddf244e6.js';
102
102
  export { _ as OrSearchV3 } from '../OrSearch-f23844a4.js';
103
103
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-00583234.js';
104
104
  export { _ as OrSelect } from '../OrSelect-d271f7a3.js';
105
- export { _ as OrSelectV3 } from '../OrSelect-cef9c89b.js';
105
+ export { _ as OrSelectV3 } from '../OrSelect-c1a48c2f.js';
106
106
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
107
- export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-4ab5a08e.js';
107
+ export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-7a40a9ad.js';
108
108
  export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
109
109
  export { _ as OrSkeletonRect } from '../OrSkeletonRect-79162a84.js';
110
110
  export { _ as OrSkeletonText } from '../OrSkeletonText-202a4282.js';
@@ -1,4 +1,4 @@
1
- export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-c4c84bde.js';
1
+ export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-cb99359f.js';
2
2
  import '@vueuse/core';
3
3
  import 'vue-demi';
4
4
  import '../../dom-aecadd9a.js';
@@ -44,7 +44,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
44
44
  internalSearchOptions: import("@vue/composition-api").Ref<{
45
45
  value: import("./types").RawValue;
46
46
  label: string;
47
- disabled?: boolean | undefined;
48
47
  }[]>;
49
48
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
50
49
  groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
@@ -265,7 +264,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
265
264
  internalSearchOptions: import("@vue/composition-api").Ref<{
266
265
  value: import("./types").RawValue;
267
266
  label: string;
268
- disabled?: boolean | undefined;
269
267
  }[]>;
270
268
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
271
269
  groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
@@ -1,4 +1,4 @@
1
- export { _ as OrSelectV3 } from '../../OrSelect-cef9c89b.js';
1
+ export { _ as OrSelectV3 } from '../../OrSelect-c1a48c2f.js';
2
2
  export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-06d651cf.js';
@@ -1,7 +1,6 @@
1
1
  export interface SelectOption {
2
2
  value: RawValue;
3
3
  label: string;
4
- disabled?: boolean;
5
4
  }
6
5
  export type RawValue = string | number | object;
7
6
  export interface SelectSearchFunction {
@@ -1,5 +1,5 @@
1
- export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-4ab5a08e.js';
2
- export { R as SidebarPadding } from '../../OrResizeablePanel-c4c84bde.js';
1
+ export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-7a40a9ad.js';
2
+ export { R as SidebarPadding } from '../../OrResizeablePanel-cb99359f.js';
3
3
  import 'vue-demi';
4
4
  import '@vueuse/core';
5
5
  import '../../dom-aecadd9a.js';
@@ -96,15 +96,15 @@ export { _ as OrRangeSliderV3 } from './OrRangeSlider-23be9910.js';
96
96
  export { _ as OrSliderV3 } from './OrSlider-a474445c.js';
97
97
  export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
98
98
  export { _ as OrRatingV3 } from './OrRating-abf1b609.js';
99
- export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-c4c84bde.js';
99
+ export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-cb99359f.js';
100
100
  export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-598c582f.js';
101
101
  export { _ as OrSearch } from './OrSearch-ddf244e6.js';
102
102
  export { _ as OrSearchV3 } from './OrSearch-f23844a4.js';
103
103
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-00583234.js';
104
104
  export { _ as OrSelect } from './OrSelect-d271f7a3.js';
105
- export { _ as OrSelectV3 } from './OrSelect-cef9c89b.js';
105
+ export { _ as OrSelectV3 } from './OrSelect-c1a48c2f.js';
106
106
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
107
- export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-4ab5a08e.js';
107
+ export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-7a40a9ad.js';
108
108
  export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
109
109
  export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
110
110
  export { _ as OrSkeletonText } from './OrSkeletonText-202a4282.js';
@@ -141,12 +141,10 @@ const ResizeablePanelResizeBarPlacements = {
141
141
  const ResizeablePanelCollapseButtonContainer = [
142
142
  // Position
143
143
  'relative z-10',
144
- // Box
145
- 'w-fit', 'h-fit',
146
- // Spacing
147
- 'px-[1px]', 'py-[1px]',
148
144
  // Shape
149
145
  'rounded-full',
146
+ // Box
147
+ 'w-fit', 'h-fit',
150
148
  // Typography
151
149
  'leading-[0]',
152
150
  // Theme
@@ -406,9 +404,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
406
404
  key: 2,
407
405
  class: normalizeClass(_ctx.collapseButtonContainerStyles)
408
406
  }, [createVNode(_component_OrIconButton, {
407
+ class: normalizeClass(['p-xs']),
409
408
  icon: _ctx.collapseButtonIcon,
410
409
  color: 'primary',
411
- size: 'xl',
410
+ size: 'm',
412
411
  onClick: _cache[0] || (_cache[0] = $event => _ctx.toggle())
413
412
  }, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", {
414
413
  key: 3,
@@ -503,8 +503,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
503
503
  }, renderList(group, (option, i) => {
504
504
  return openBlock(), createBlock(_component_OrMenuItem, {
505
505
  key: i,
506
- selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
507
- disabled: option.disabled
506
+ selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value)
508
507
  }, {
509
508
  default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
510
509
  model: _ctx.proxyModelValue,
@@ -514,11 +513,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
514
513
  "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.proxyModelValue = $event),
515
514
  value: option.value,
516
515
  label: option.label,
517
- "label-variant": 'menu-item',
518
- disabled: option.disabled
519
- }, null, 8 /* PROPS */, ["modelValue", "value", "label", "disabled"])])]),
516
+ "label-variant": 'menu-item'
517
+ }, null, 8 /* PROPS */, ["modelValue", "value", "label"])])]),
520
518
  _: 2 /* DYNAMIC */
521
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled"]);
519
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected"]);
522
520
  }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
523
521
  key: 1
524
522
  }, renderList(group, (option, i) => {
@@ -526,7 +524,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
526
524
  key: i,
527
525
  class: normalizeClass(_ctx.dropdownItemStyles),
528
526
  selected: _ctx.proxyModelValue === option.value,
529
- disabled: option.disabled,
530
527
  onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
531
528
  }, {
532
529
  default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
@@ -535,7 +532,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
535
532
  }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
536
533
 
537
534
  _: 2 /* DYNAMIC */
538
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
535
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
539
536
  }), 128 /* KEYED_FRAGMENT */))]),
540
537
 
541
538
  _: 2 /* DYNAMIC */
@@ -548,14 +545,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
548
545
  return openBlock(), createBlock(_component_OrMenuItem, {
549
546
  key: i,
550
547
  selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
551
- disabled: option.disabled,
552
548
  onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
553
549
  }, {
554
550
  default: withCtx(() => [createVNode(_component_OrCheckbox, {
555
551
  "model-value": _ctx.proxyModelValue,
556
552
  value: option.value,
557
- "label-variant": 'menu-item',
558
- disabled: option.disabled
553
+ "label-variant": 'menu-item'
559
554
  }, {
560
555
  default: withCtx(() => [createElementVNode("div", {
561
556
  onClick: $event => _ctx.toggleOption(option.value)
@@ -564,9 +559,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
564
559
  option: option
565
560
  }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])], 8 /* PROPS */, _hoisted_3)]),
566
561
  _: 2 /* DYNAMIC */
567
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value", "disabled"])]),
562
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value"])]),
568
563
  _: 2 /* DYNAMIC */
569
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled", "onClick"]);
564
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
570
565
  }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
571
566
  key: 1
572
567
  }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
@@ -574,7 +569,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
574
569
  key: i,
575
570
  class: normalizeClass(_ctx.dropdownItemStyles),
576
571
  selected: _ctx.proxyModelValue === option.value,
577
- disabled: option.disabled,
578
572
  onClick: withModifiers($event => {
579
573
  _ctx.toggleOption(option.value);
580
574
  _ctx.close();
@@ -586,7 +580,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
586
580
  }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
587
581
 
588
582
  _: 2 /* DYNAMIC */
589
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
583
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
590
584
  }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
591
585
  key: 2,
592
586
  class: normalizeClass(_ctx.noSearchResultsStyles)
@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
4
4
  import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
5
5
  import '@onereach/styles/tailwind/plugins/core';
6
6
  import '@onereach/styles/tailwind.config.json';
7
- import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-65d7e4fb.js';
7
+ import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-605cb793.js';
8
8
  import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
9
9
 
10
10
  var SidebarPlacement;
@@ -92,15 +92,15 @@ export { s as OrRadioV3 } from '../OrRadio-09a6916c.js';
92
92
  export { s as OrRangeSliderV3 } from '../OrRangeSlider-758f8cc7.js';
93
93
  export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-1437f51e.js';
94
94
  export { s as OrRatingV3 } from '../OrRating-ec9462c5.js';
95
- export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-65d7e4fb.js';
95
+ export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-605cb793.js';
96
96
  export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-31ca0236.js';
97
97
  export { s as OrSearch } from '../OrSearch-aa57d4e8.js';
98
98
  export { s as OrSearchV3 } from '../OrSearch-0e75a652.js';
99
99
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-adbf7f4e.js';
100
100
  export { s as OrSelect } from '../OrSelect-a366e668.js';
101
- export { s as OrSelectV3 } from '../OrSelect-63e49112.js';
101
+ export { s as OrSelectV3 } from '../OrSelect-190a0d6e.js';
102
102
  export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
103
- export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-896d39f6.js';
103
+ export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-a46b0605.js';
104
104
  export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
105
105
  export { s as OrSkeletonRect } from '../OrSkeletonRect-c694574e.js';
106
106
  export { s as OrSkeletonText } from '../OrSkeletonText-69827192.js';
@@ -1,4 +1,4 @@
1
- export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-65d7e4fb.js';
1
+ export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-605cb793.js';
2
2
  import '@vueuse/core';
3
3
  import 'vue-demi';
4
4
  import '../../dom-aecadd9a.js';
@@ -101,7 +101,6 @@ declare const _default: import("vue-demi").DefineComponent<{
101
101
  internalSearchOptions: import("vue-demi").Ref<{
102
102
  value: import("./types").RawValue;
103
103
  label: string;
104
- disabled?: boolean | undefined;
105
104
  }[]>;
106
105
  resolvedSearchOptions: import("vue-demi").ComputedRef<SelectOption[]>;
107
106
  groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectOption[]>>;
@@ -1,4 +1,4 @@
1
- export { s as OrSelectV3 } from '../../OrSelect-63e49112.js';
1
+ export { s as OrSelectV3 } from '../../OrSelect-190a0d6e.js';
2
2
  export { I as SelectSize } from '../../OrInputBox-8c1a29dd.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-06d651cf.js';
@@ -1,7 +1,6 @@
1
1
  export interface SelectOption {
2
2
  value: RawValue;
3
3
  label: string;
4
- disabled?: boolean;
5
4
  }
6
5
  export type RawValue = string | number | object;
7
6
  export interface SelectSearchFunction {
@@ -1,5 +1,5 @@
1
- export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-896d39f6.js';
2
- export { R as SidebarPadding } from '../../OrResizeablePanel-65d7e4fb.js';
1
+ export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../../OrSidebar-a46b0605.js';
2
+ export { R as SidebarPadding } from '../../OrResizeablePanel-605cb793.js';
3
3
  import 'vue-demi';
4
4
  import '@vueuse/core';
5
5
  import '../../dom-aecadd9a.js';
@@ -92,15 +92,15 @@ export { s as OrRadioV3 } from './OrRadio-09a6916c.js';
92
92
  export { s as OrRangeSliderV3 } from './OrRangeSlider-758f8cc7.js';
93
93
  export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-1437f51e.js';
94
94
  export { s as OrRatingV3 } from './OrRating-ec9462c5.js';
95
- export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-65d7e4fb.js';
95
+ export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-605cb793.js';
96
96
  export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-31ca0236.js';
97
97
  export { s as OrSearch } from './OrSearch-aa57d4e8.js';
98
98
  export { s as OrSearchV3 } from './OrSearch-0e75a652.js';
99
99
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-adbf7f4e.js';
100
100
  export { s as OrSelect } from './OrSelect-a366e668.js';
101
- export { s as OrSelectV3 } from './OrSelect-63e49112.js';
101
+ export { s as OrSelectV3 } from './OrSelect-190a0d6e.js';
102
102
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
103
- export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-896d39f6.js';
103
+ export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-a46b0605.js';
104
104
  export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
105
105
  export { s as OrSkeletonRect } from './OrSkeletonRect-c694574e.js';
106
106
  export { s as OrSkeletonText } from './OrSkeletonText-69827192.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "8.16.1-beta.3871.0",
3
+ "version": "8.16.1",
4
4
  "npmUnpacked": "4.15.2",
5
5
  "description": "Vue components library for v2/3",
6
6
  "sideEffects": false,
@@ -176,5 +176,6 @@
176
176
  "default": "./dist/bundled/v3/components/*/index.js"
177
177
  },
178
178
  "./package.json": "./package.json"
179
- }
179
+ },
180
+ "gitHead": "99292ae49e945d7f918bab350aaa4f46e5054398"
180
181
  }
@@ -23,9 +23,10 @@
23
23
  <template v-if="collapsible">
24
24
  <div :class="collapseButtonContainerStyles">
25
25
  <OrIconButton
26
+ :class="['p-xs']"
26
27
  :icon="collapseButtonIcon"
27
28
  :color="'primary'"
28
- :size="'xl'"
29
+ :size="'m'"
29
30
  @click="toggle()"
30
31
  />
31
32
  </div>
@@ -191,17 +191,13 @@ export const ResizeablePanelCollapseButtonContainer: string[] = [
191
191
  // Position
192
192
  'relative z-10',
193
193
 
194
+ // Shape
195
+ 'rounded-full',
196
+
194
197
  // Box
195
198
  'w-fit',
196
199
  'h-fit',
197
200
 
198
- // Spacing
199
- 'px-[1px]',
200
- 'py-[1px]',
201
-
202
- // Shape
203
- 'rounded-full',
204
-
205
201
  // Typography
206
202
  'leading-[0]',
207
203
 
@@ -122,7 +122,6 @@
122
122
  v-for="(option, i) in group"
123
123
  :key="i"
124
124
  :selected="proxyModelValue && proxyModelValue.includes(option.value)"
125
- :disabled="option.disabled"
126
125
  >
127
126
  <slot
128
127
  name="optionTemplate"
@@ -134,7 +133,6 @@
134
133
  :value="option.value"
135
134
  :label="option.label"
136
135
  :label-variant="'menu-item'"
137
- :disabled="option.disabled"
138
136
  />
139
137
  </slot>
140
138
  </OrMenuItem>
@@ -146,7 +144,6 @@
146
144
  :key="i"
147
145
  :class="dropdownItemStyles"
148
146
  :selected="proxyModelValue === option.value"
149
- :disabled="option.disabled"
150
147
  @click.stop="toggleOption(option.value)"
151
148
  >
152
149
  <slot
@@ -167,14 +164,12 @@
167
164
  v-for="(option, i) in resolvedSearchOptions"
168
165
  :key="i"
169
166
  :selected="proxyModelValue && proxyModelValue.includes(option.value)"
170
- :disabled="option.disabled"
171
167
  @click.stop="toggleOption(option.value)"
172
168
  >
173
169
  <OrCheckbox
174
170
  :model-value="proxyModelValue"
175
171
  :value="option.value"
176
172
  :label-variant="'menu-item'"
177
- :disabled="option.disabled"
178
173
  >
179
174
  <div @click="toggleOption(option.value)">
180
175
  <slot
@@ -195,7 +190,6 @@
195
190
  :key="i"
196
191
  :class="dropdownItemStyles"
197
192
  :selected="proxyModelValue === option.value"
198
- :disabled="option.disabled"
199
193
  @click.stop="toggleOption(option.value); close()"
200
194
  >
201
195
  <slot
@@ -1,8 +1,6 @@
1
1
  export interface SelectOption {
2
2
  value: RawValue;
3
3
  label: string;
4
-
5
- disabled?: boolean;
6
4
  }
7
5
 
8
6
  export type RawValue = string | number | object;