@onereach/ui-components 4.3.13 → 4.3.14-beta.2689.0

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 (80) hide show
  1. package/dist/bundled/v2/components/OrConfirm/OrConfirm.js +2 -2
  2. package/dist/bundled/v2/components/OrExpansionPanelV3/styles.js +3 -1
  3. package/dist/bundled/v2/components/OrInlineTextEdit/OrInlineTextEdit.js +2 -2
  4. package/dist/bundled/v2/components/OrSidebarV3/styles.js +1 -1
  5. package/dist/bundled/v2/components/index.d.ts +3 -0
  6. package/dist/bundled/v2/components/index.js +8 -0
  7. package/dist/bundled/v2/index.js +9 -2
  8. package/dist/bundled/v3/OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js +60 -0
  9. package/dist/bundled/v3/OrRadioGroup.vue_vue_type_script_lang-dfffdd80.js +59 -0
  10. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-264914d3.js → OrSelect.vue_vue_type_script_lang-2c4c9f9d.js} +2 -2
  11. package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js +9 -60
  12. package/dist/bundled/v3/components/OrCheckboxGroupV3/index.js +2 -2
  13. package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.js +2 -2
  14. package/dist/bundled/v3/components/OrCheckboxTreeV3/index.js +1 -1
  15. package/dist/bundled/v3/components/OrConfirm/OrConfirm.js +1 -1
  16. package/dist/bundled/v3/components/OrExpansionPanelV3/OrExpansionPanel.js +2 -2
  17. package/dist/bundled/v3/components/OrExpansionPanelV3/index.js +1 -1
  18. package/dist/bundled/v3/components/OrExpansionPanelV3/styles.js +3 -1
  19. package/dist/bundled/v3/components/OrInlineTextEdit/OrInlineTextEdit.js +1 -1
  20. package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.js +9 -60
  21. package/dist/bundled/v3/components/OrRadioGroupV3/index.js +1 -1
  22. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +3 -3
  23. package/dist/bundled/v3/components/OrSelectV3/index.js +2 -2
  24. package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js +2 -2
  25. package/dist/bundled/v3/components/OrSidebarV3/index.js +1 -1
  26. package/dist/bundled/v3/components/OrSidebarV3/styles.js +1 -1
  27. package/dist/bundled/v3/components/index.d.ts +3 -0
  28. package/dist/bundled/v3/components/index.js +15 -4
  29. package/dist/bundled/v3/index.js +20 -8
  30. package/dist/esm/v2/OrCheckboxGroup-f470f938.js +121 -0
  31. package/dist/esm/v2/{OrCheckboxTree-df80d4ab.js → OrCheckboxTree-1304ae59.js} +6 -2
  32. package/dist/esm/v2/{OrConfirm-b62d9ce4.js → OrConfirm-d0d9d56c.js} +2 -2
  33. package/dist/esm/v2/{OrExpansionPanel-7c359bb0.js → OrExpansionPanel-d3a2218d.js} +3 -1
  34. package/dist/esm/v2/OrInlineTextEdit-601163c3.js +400 -0
  35. package/dist/esm/v2/OrRadioGroup-0de37d76.js +120 -0
  36. package/dist/esm/v2/{OrSelect-9d6b3363.js → OrSelect-a4c34099.js} +1 -1
  37. package/dist/esm/v2/{OrSidebar-b8387abe.js → OrSidebar-de938772.js} +1 -1
  38. package/dist/esm/v2/components/index.d.ts +3 -0
  39. package/dist/esm/v2/components/index.js +9 -5
  40. package/dist/esm/v2/components/or-checkbox-group-v3/index.js +6 -122
  41. package/dist/esm/v2/components/or-checkbox-tree-v3/index.js +1 -2
  42. package/dist/esm/v2/components/or-confirm/index.js +1 -1
  43. package/dist/esm/v2/components/or-expansion-panel-v3/index.js +1 -1
  44. package/dist/esm/v2/components/or-inline-text-edit/index.js +1 -1
  45. package/dist/esm/v2/components/or-radio-group-v3/index.js +6 -120
  46. package/dist/esm/v2/components/or-select-v3/index.js +2 -2
  47. package/dist/esm/v2/components/or-sidebar-v3/index.js +1 -1
  48. package/dist/esm/v2/index.js +9 -6
  49. package/dist/esm/v3/OrCheckboxGroup-c41a99ba.js +88 -0
  50. package/dist/esm/v3/{OrCheckboxTree-4a85b9b3.js → OrCheckboxTree-fa6288af.js} +6 -2
  51. package/dist/esm/v3/{OrConfirm-1a94bdea.js → OrConfirm-410da5b4.js} +1 -1
  52. package/dist/esm/v3/{OrExpansionPanel-99ca7ed7.js → OrExpansionPanel-c016d8fa.js} +3 -1
  53. package/dist/esm/v3/OrInlineTextEdit-42d59fb9.js +356 -0
  54. package/dist/esm/v3/OrRadioGroup-5d1fe6fd.js +87 -0
  55. package/dist/esm/v3/{OrSelect-3dbddc6b.js → OrSelect-046e8e36.js} +1 -1
  56. package/dist/esm/v3/{OrSidebar-bfd19c4c.js → OrSidebar-3f2502fb.js} +1 -1
  57. package/dist/esm/v3/components/index.d.ts +3 -0
  58. package/dist/esm/v3/components/index.js +9 -5
  59. package/dist/esm/v3/components/or-checkbox-group-v3/index.js +6 -89
  60. package/dist/esm/v3/components/or-checkbox-tree-v3/index.js +1 -2
  61. package/dist/esm/v3/components/or-confirm/index.js +1 -1
  62. package/dist/esm/v3/components/or-expansion-panel-v3/index.js +1 -1
  63. package/dist/esm/v3/components/or-inline-text-edit/index.js +1 -1
  64. package/dist/esm/v3/components/or-radio-group-v3/index.js +6 -87
  65. package/dist/esm/v3/components/or-select-v3/index.js +2 -2
  66. package/dist/esm/v3/components/or-sidebar-v3/index.js +1 -1
  67. package/dist/esm/v3/index.js +9 -6
  68. package/package.json +2 -3
  69. package/src/components/index.ts +3 -0
  70. package/src/components/or-confirm/OrConfirm.vue +1 -1
  71. package/src/components/or-expansion-panel-v3/styles.ts +4 -1
  72. package/src/components/or-inline-text-edit/OrInlineTextEdit.vue +6 -6
  73. package/src/components/or-sidebar-v3/styles.ts +1 -1
  74. package/dist/esm/v2/OrInlineTextEdit-a129aaf1.js +0 -400
  75. package/dist/esm/v2/flattenDeep-fe0af413.js +0 -6
  76. package/dist/esm/v3/OrInlineTextEdit-4f4ecba4.js +0 -356
  77. package/dist/esm/v3/flattenDeep-fe0af413.js +0 -6
  78. package/dist/bundled/v3/{OrCheckboxTree.vue_vue_type_script_lang-528dd4d5.js → OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js} +1 -1
  79. /package/dist/bundled/v3/{OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js → OrExpansionPanel.vue_vue_type_script_lang-d4ed6199.js} +0 -0
  80. /package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-d7f700de.js → OrSidebar.vue_vue_type_script_lang-5723e223.js} +0 -0
@@ -0,0 +1,87 @@
1
+ import { defineComponent } from 'vue-demi';
2
+ import { useVModel } from '@vueuse/core';
3
+ import { s as script$1 } from './OrFormGroup-9f581536.js';
4
+ import { s as script$2 } from './OrRadio-a6c88f29.js';
5
+ import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
6
+
7
+ var script = defineComponent({
8
+ name: 'OrRadioGroup',
9
+ components: {
10
+ OrFormGroup: script$1,
11
+ OrRadio: script$2
12
+ },
13
+ model: {
14
+ prop: 'modelValue',
15
+ event: 'update:modelValue'
16
+ },
17
+ props: {
18
+ modelValue: {
19
+ type: null,
20
+ default: null
21
+ },
22
+ direction: {
23
+ type: String,
24
+ default: 'vertical'
25
+ },
26
+ label: {
27
+ type: String,
28
+ default: ''
29
+ },
30
+ options: {
31
+ type: Array,
32
+ default: () => []
33
+ },
34
+ error: {
35
+ type: String,
36
+ default: ''
37
+ },
38
+ hint: {
39
+ type: String,
40
+ default: ''
41
+ },
42
+ disabled: {
43
+ type: Boolean,
44
+ default: false
45
+ }
46
+ },
47
+ setup(props, _ref) {
48
+ let {
49
+ emit
50
+ } = _ref;
51
+ const proxyModelValue = useVModel(props, 'modelValue', emit);
52
+ return {
53
+ proxyModelValue
54
+ };
55
+ }
56
+ });
57
+
58
+ function render(_ctx, _cache, $props, $setup, $data, $options) {
59
+ const _component_OrRadio = resolveComponent("OrRadio");
60
+ const _component_OrFormGroup = resolveComponent("OrFormGroup");
61
+ return openBlock(), createBlock(_component_OrFormGroup, {
62
+ direction: _ctx.direction,
63
+ label: _ctx.label,
64
+ error: _ctx.error,
65
+ hint: _ctx.hint,
66
+ disabled: _ctx.disabled
67
+ }, {
68
+ addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
69
+ default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
70
+ return openBlock(), createBlock(_component_OrRadio, {
71
+ key: option.value,
72
+ modelValue: _ctx.proxyModelValue,
73
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
74
+ label: option.label,
75
+ value: option.value,
76
+ disabled: _ctx.disabled || option.disabled
77
+ }, null, 8 /* PROPS */, ["modelValue", "label", "value", "disabled"]);
78
+ }), 128 /* KEYED_FRAGMENT */))]),
79
+
80
+ _: 3 /* FORWARDED */
81
+ }, 8 /* PROPS */, ["direction", "label", "error", "hint", "disabled"]);
82
+ }
83
+
84
+ script.render = render;
85
+ script.__file = "src/components/or-radio-group-v3/OrRadioGroup.vue";
86
+
87
+ export { script as s };
@@ -4,7 +4,7 @@ import { u as useOverflow } from './useOverflow-c856b7b7.js';
4
4
  import '@vueuse/core';
5
5
  import { s as script$1 } from './OrCheckbox-56d7b6eb.js';
6
6
  import { s as script$2 } from './OrError-c01d0c29.js';
7
- import { s as script$3 } from './OrExpansionPanel-99ca7ed7.js';
7
+ import { s as script$3 } from './OrExpansionPanel-c016d8fa.js';
8
8
  import { s as script$4 } from './OrHint-06ab89d7.js';
9
9
  import { s as script$5 } from './OrIcon-62793572.js';
10
10
  import { s as script$7, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
@@ -10,7 +10,7 @@ const SidebarRoot = [
10
10
  // Layout
11
11
  'flex', 'flex-row', 'shrink-0',
12
12
  // Box
13
- 'min-w-0', 'h-auto', 'p-0',
13
+ 'min-w-0', 'h-full', 'p-0',
14
14
  // Theme
15
15
  'bg-background', 'dark:bg-background-dark'];
16
16
  const SidebarBar = [
@@ -11,6 +11,8 @@ export * from './or-card-v3';
11
11
  export * from './or-carousel';
12
12
  export * from './or-checkbox';
13
13
  export * from './or-checkbox-v3';
14
+ export * from './or-checkbox-group-v3';
15
+ export * from './or-checkbox-tree-v3';
14
16
  export * from './or-chips';
15
17
  export * from './or-code';
16
18
  export * from './or-collapse';
@@ -64,6 +66,7 @@ export * from './or-progress';
64
66
  export * from './or-progress-v3';
65
67
  export * from './or-radio';
66
68
  export * from './or-radio-group';
69
+ export * from './or-radio-group-v3';
67
70
  export * from './or-radio-v3';
68
71
  export * from './or-search';
69
72
  export * from './or-search-v3';
@@ -13,12 +13,14 @@ export { s as OrCarousel } from '../OrCarousel-40f069d5.js';
13
13
  export { s as OrCarouselItem } from '../OrCarouselItem-8c7ccd0f.js';
14
14
  export { s as OrCheckbox } from '../OrCheckbox-ab457011.js';
15
15
  export { s as OrCheckboxV3 } from '../OrCheckbox-56d7b6eb.js';
16
+ export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-c41a99ba.js';
17
+ export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-fa6288af.js';
16
18
  export { s as OrChip } from '../OrChip-1b479371.js';
17
19
  export { s as OrChips } from '../OrChips-544a35b3.js';
18
20
  export { s as OrCode, O as OrCodeLanguages } from '../OrCode-48281fc0.js';
19
21
  export { s as OrCollapse } from '../OrCollapse-2b31de04.js';
20
22
  export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-ffaaf14f.js';
21
- export { s as OrConfirm } from '../OrConfirm-1a94bdea.js';
23
+ export { s as OrConfirm } from '../OrConfirm-410da5b4.js';
22
24
  export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-017b80b5.js';
23
25
  export { s as OrDatePickerV3 } from '../OrDatePicker-09a6c970.js';
24
26
  export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-ba40bbdf.js';
@@ -28,7 +30,7 @@ export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1
28
30
  export { s as OrError } from '../OrError-f90296db.js';
29
31
  export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
30
32
  export { s as OrErrorV3 } from '../OrError-c01d0c29.js';
31
- export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-99ca7ed7.js';
33
+ export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-c016d8fa.js';
32
34
  export { F as FabColor, s as OrFabV3 } from '../OrFab-83cd7ed7.js';
33
35
  export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-291c7653.js';
34
36
  export { s as OrHint } from '../OrHint-1414c530.js';
@@ -38,7 +40,7 @@ export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-55d51
38
40
  export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-62793572.js';
39
41
  export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-01fb2cb2.js';
40
42
  export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-9ed7d570.js';
41
- export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-4f4ecba4.js';
43
+ export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-42d59fb9.js';
42
44
  export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-f30d0580.js';
43
45
  export { s as OrInput } from '../OrInput-53a32706.js';
44
46
  export { I as InputType, s as OrInputV3 } from '../OrInput-de491b63.js';
@@ -66,14 +68,15 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '..
66
68
  export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-33cf7445.js';
67
69
  export { s as OrRadio } from '../OrRadio-dfd0f0c9.js';
68
70
  export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
71
+ export { s as OrRadioGroupV3 } from '../OrRadioGroup-5d1fe6fd.js';
69
72
  export { s as OrRadioV3 } from '../OrRadio-a6c88f29.js';
70
73
  export { s as OrSearch } from '../OrSearch-f4ad73db.js';
71
74
  export { s as OrSearchV3 } from '../OrSearch-e15c7fd2.js';
72
75
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-359fbf3a.js';
73
76
  export { s as OrSelect } from '../OrSelect-6ff34196.js';
74
- export { s as OrSelectV3 } from '../OrSelect-3dbddc6b.js';
77
+ export { s as OrSelectV3 } from '../OrSelect-046e8e36.js';
75
78
  export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
76
- export { s as OrSidebarV3 } from '../OrSidebar-bfd19c4c.js';
79
+ export { s as OrSidebarV3 } from '../OrSidebar-3f2502fb.js';
77
80
  export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-63914891.js';
78
81
  export { s as OrSkeletonCircle } from '../OrSkeletonCircle-1aa63444.js';
79
82
  export { s as OrSkeletonRect } from '../OrSkeletonRect-813bc73a.js';
@@ -117,6 +120,7 @@ import '@vueuse/core';
117
120
  import '@splidejs/splide';
118
121
  import '@splidejs/splide/dist/css/splide.min.css';
119
122
  import '../useIdAttribute-859439f0.js';
123
+ import '../OrFormGroup-9f581536.js';
120
124
  import '@codemirror/state';
121
125
  import '@codemirror/view';
122
126
  import '@codemirror/commands';
@@ -1,98 +1,15 @@
1
- import { defineComponent } from 'vue-demi';
2
- import { useVModel } from '@vueuse/core';
3
- import { s as script$2, F as FormGroupDirection } from '../../OrFormGroup-9f581536.js';
4
- import { s as script$1 } from '../../OrCheckboxTree-4a85b9b3.js';
5
- import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
1
+ export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-c41a99ba.js';
2
+ import 'vue-demi';
3
+ import '@vueuse/core';
4
+ import '../../OrFormGroup-9f581536.js';
6
5
  import '../../OrLabel-4da56db0.js';
6
+ import 'vue';
7
7
  import '../../OrError-c01d0c29.js';
8
8
  import '../../OrHint-06ab89d7.js';
9
+ import '../../OrCheckboxTree-fa6288af.js';
9
10
  import '../../OrCheckbox-56d7b6eb.js';
10
11
  import '../../useIdAttribute-859439f0.js';
11
12
  import '../../style-inject.es-4c6f2515.js';
12
13
  import '../../OrIcon-62793572.js';
13
14
  import '../../OrButton-c2b6aa9e.js';
14
15
  import '../../OrLoader-b79022da.js';
15
- import '../../flattenDeep-fe0af413.js';
16
-
17
- var script = defineComponent({
18
- name: 'OrCheckboxGroup',
19
- components: {
20
- OrCheckboxTree: script$1,
21
- OrFormGroup: script$2
22
- },
23
- model: {
24
- prop: 'modelValue',
25
- event: 'update:modelValue'
26
- },
27
- props: {
28
- modelValue: {
29
- type: Array,
30
- default: () => []
31
- },
32
- label: {
33
- type: String,
34
- default: ''
35
- },
36
- error: {
37
- type: String,
38
- default: ''
39
- },
40
- hint: {
41
- type: String,
42
- default: ''
43
- },
44
- direction: {
45
- type: String,
46
- default: FormGroupDirection.Vertical
47
- },
48
- options: {
49
- type: Array,
50
- default: () => []
51
- },
52
- disabled: {
53
- type: Boolean,
54
- default: false
55
- }
56
- },
57
- setup(props, _ref) {
58
- let {
59
- emit
60
- } = _ref;
61
- const proxyModelValue = useVModel(props, 'modelValue', emit);
62
- return {
63
- proxyModelValue
64
- };
65
- }
66
- });
67
-
68
- function render(_ctx, _cache, $props, $setup, $data, $options) {
69
- const _component_OrCheckboxTree = resolveComponent("OrCheckboxTree");
70
- const _component_OrFormGroup = resolveComponent("OrFormGroup");
71
- return openBlock(), createBlock(_component_OrFormGroup, {
72
- label: _ctx.label,
73
- error: _ctx.error,
74
- hint: _ctx.hint,
75
- disabled: _ctx.disabled,
76
- direction: _ctx.direction
77
- }, {
78
- addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
79
- default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
80
- return openBlock(), createBlock(_component_OrCheckboxTree, {
81
- key: option.value,
82
- modelValue: _ctx.proxyModelValue,
83
- "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
84
- item: option,
85
- disabled: _ctx.disabled || option.disabled,
86
- collapsible: option.collapsible,
87
- expanded: option.expanded
88
- }, null, 8 /* PROPS */, ["modelValue", "item", "disabled", "collapsible", "expanded"]);
89
- }), 128 /* KEYED_FRAGMENT */))]),
90
-
91
- _: 3 /* FORWARDED */
92
- }, 8 /* PROPS */, ["label", "error", "hint", "disabled", "direction"]);
93
- }
94
-
95
- script.render = render;
96
- script.__file = "src/components/or-checkbox-group-v3/OrCheckboxGroup.vue";
97
-
98
- export { script as OrCheckboxGroupV3 };
@@ -1,4 +1,4 @@
1
- export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-4a85b9b3.js';
1
+ export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-fa6288af.js';
2
2
  import 'vue-demi';
3
3
  import '@vueuse/core';
4
4
  import '../../OrCheckbox-56d7b6eb.js';
@@ -9,4 +9,3 @@ import '../../style-inject.es-4c6f2515.js';
9
9
  import '../../OrIcon-62793572.js';
10
10
  import '../../OrButton-c2b6aa9e.js';
11
11
  import '../../OrLoader-b79022da.js';
12
- import '../../flattenDeep-fe0af413.js';
@@ -1,4 +1,4 @@
1
- export { s as OrConfirm } from '../../OrConfirm-1a94bdea.js';
1
+ export { s as OrConfirm } from '../../OrConfirm-410da5b4.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrButton-d6834ea0.js';
4
4
  import '../../OrIcon-b566a871.js';
@@ -1,4 +1,4 @@
1
- export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel-99ca7ed7.js';
1
+ export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel-c016d8fa.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrIcon-62793572.js';
4
4
  import 'vue';
@@ -1,4 +1,4 @@
1
- export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../../OrInlineTextEdit-4f4ecba4.js';
1
+ export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../../OrInlineTextEdit-42d59fb9.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrCollapse-2b31de04.js';
4
4
  import '../../px-to-rem-0b26b83e.js';
@@ -1,92 +1,11 @@
1
- import { defineComponent } from 'vue-demi';
2
- import { useVModel } from '@vueuse/core';
3
- import { s as script$1 } from '../../OrFormGroup-9f581536.js';
4
- import { s as script$2 } from '../../OrRadio-a6c88f29.js';
5
- import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
1
+ export { s as OrRadioGroupV3 } from '../../OrRadioGroup-5d1fe6fd.js';
2
+ import 'vue-demi';
3
+ import '@vueuse/core';
4
+ import '../../OrFormGroup-9f581536.js';
6
5
  import '../../OrLabel-4da56db0.js';
6
+ import 'vue';
7
7
  import '../../OrError-c01d0c29.js';
8
8
  import '../../OrHint-06ab89d7.js';
9
+ import '../../OrRadio-a6c88f29.js';
9
10
  import '../../useIdAttribute-859439f0.js';
10
11
  import '../../style-inject.es-4c6f2515.js';
11
-
12
- var script = defineComponent({
13
- name: 'OrRadioGroup',
14
- components: {
15
- OrFormGroup: script$1,
16
- OrRadio: script$2
17
- },
18
- model: {
19
- prop: 'modelValue',
20
- event: 'update:modelValue'
21
- },
22
- props: {
23
- modelValue: {
24
- type: null,
25
- default: null
26
- },
27
- direction: {
28
- type: String,
29
- default: 'vertical'
30
- },
31
- label: {
32
- type: String,
33
- default: ''
34
- },
35
- options: {
36
- type: Array,
37
- default: () => []
38
- },
39
- error: {
40
- type: String,
41
- default: ''
42
- },
43
- hint: {
44
- type: String,
45
- default: ''
46
- },
47
- disabled: {
48
- type: Boolean,
49
- default: false
50
- }
51
- },
52
- setup(props, _ref) {
53
- let {
54
- emit
55
- } = _ref;
56
- const proxyModelValue = useVModel(props, 'modelValue', emit);
57
- return {
58
- proxyModelValue
59
- };
60
- }
61
- });
62
-
63
- function render(_ctx, _cache, $props, $setup, $data, $options) {
64
- const _component_OrRadio = resolveComponent("OrRadio");
65
- const _component_OrFormGroup = resolveComponent("OrFormGroup");
66
- return openBlock(), createBlock(_component_OrFormGroup, {
67
- direction: _ctx.direction,
68
- label: _ctx.label,
69
- error: _ctx.error,
70
- hint: _ctx.hint,
71
- disabled: _ctx.disabled
72
- }, {
73
- addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
74
- default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
75
- return openBlock(), createBlock(_component_OrRadio, {
76
- key: option.value,
77
- modelValue: _ctx.proxyModelValue,
78
- "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
79
- label: option.label,
80
- value: option.value,
81
- disabled: _ctx.disabled || option.disabled
82
- }, null, 8 /* PROPS */, ["modelValue", "label", "value", "disabled"]);
83
- }), 128 /* KEYED_FRAGMENT */))]),
84
-
85
- _: 3 /* FORWARDED */
86
- }, 8 /* PROPS */, ["direction", "label", "error", "hint", "disabled"]);
87
- }
88
-
89
- script.render = render;
90
- script.__file = "src/components/or-radio-group-v3/OrRadioGroup.vue";
91
-
92
- export { script as OrRadioGroupV3 };
@@ -1,4 +1,4 @@
1
- export { s as OrSelectV3 } from '../../OrSelect-3dbddc6b.js';
1
+ export { s as OrSelectV3 } from '../../OrSelect-046e8e36.js';
2
2
  export { I as SelectSize } from '../../OrInputBox-ba40bbdf.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-e1f90e0a.js';
@@ -10,7 +10,7 @@ import '../../OrLabel-4da56db0.js';
10
10
  import 'vue';
11
11
  import '../../style-inject.es-4c6f2515.js';
12
12
  import '../../OrError-c01d0c29.js';
13
- import '../../OrExpansionPanel-99ca7ed7.js';
13
+ import '../../OrExpansionPanel-c016d8fa.js';
14
14
  import '../../OrIcon-62793572.js';
15
15
  import '../../OrHint-06ab89d7.js';
16
16
  import '../../OrInput-de491b63.js';
@@ -1,4 +1,4 @@
1
- export { s as OrSidebarV3 } from '../../OrSidebar-bfd19c4c.js';
1
+ export { s as OrSidebarV3 } from '../../OrSidebar-3f2502fb.js';
2
2
  export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-63914891.js';
3
3
  import '@vueuse/core';
4
4
  import 'lodash';
@@ -13,12 +13,14 @@ export { s as OrCarousel } from './OrCarousel-40f069d5.js';
13
13
  export { s as OrCarouselItem } from './OrCarouselItem-8c7ccd0f.js';
14
14
  export { s as OrCheckbox } from './OrCheckbox-ab457011.js';
15
15
  export { s as OrCheckboxV3 } from './OrCheckbox-56d7b6eb.js';
16
+ export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-c41a99ba.js';
17
+ export { s as OrCheckboxTreeV3, f as flattenDeep } from './OrCheckboxTree-fa6288af.js';
16
18
  export { s as OrChip } from './OrChip-1b479371.js';
17
19
  export { s as OrChips } from './OrChips-544a35b3.js';
18
20
  export { s as OrCode, O as OrCodeLanguages } from './OrCode-48281fc0.js';
19
21
  export { s as OrCollapse } from './OrCollapse-2b31de04.js';
20
22
  export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-ffaaf14f.js';
21
- export { s as OrConfirm } from './OrConfirm-1a94bdea.js';
23
+ export { s as OrConfirm } from './OrConfirm-410da5b4.js';
22
24
  export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-017b80b5.js';
23
25
  export { s as OrDatePickerV3 } from './OrDatePicker-09a6c970.js';
24
26
  export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox-ba40bbdf.js';
@@ -28,7 +30,7 @@ export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-5349a1f
28
30
  export { s as OrError } from './OrError-f90296db.js';
29
31
  export { s as OrErrorTagV3 } from './OrErrorTag-ade9192b.js';
30
32
  export { s as OrErrorV3 } from './OrError-c01d0c29.js';
31
- export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-99ca7ed7.js';
33
+ export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-c016d8fa.js';
32
34
  export { F as FabColor, s as OrFabV3 } from './OrFab-83cd7ed7.js';
33
35
  export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-291c7653.js';
34
36
  export { s as OrHint } from './OrHint-1414c530.js';
@@ -38,7 +40,7 @@ export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-55d51a
38
40
  export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from './OrIcon-62793572.js';
39
41
  export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-01fb2cb2.js';
40
42
  export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-9ed7d570.js';
41
- export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-4f4ecba4.js';
43
+ export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-42d59fb9.js';
42
44
  export { s as OrInlineTextareaV3 } from './OrInlineTextarea-f30d0580.js';
43
45
  export { s as OrInput } from './OrInput-53a32706.js';
44
46
  export { I as InputType, s as OrInputV3 } from './OrInput-de491b63.js';
@@ -66,14 +68,15 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
66
68
  export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-33cf7445.js';
67
69
  export { s as OrRadio } from './OrRadio-dfd0f0c9.js';
68
70
  export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
71
+ export { s as OrRadioGroupV3 } from './OrRadioGroup-5d1fe6fd.js';
69
72
  export { s as OrRadioV3 } from './OrRadio-a6c88f29.js';
70
73
  export { s as OrSearch } from './OrSearch-f4ad73db.js';
71
74
  export { s as OrSearchV3 } from './OrSearch-e15c7fd2.js';
72
75
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-359fbf3a.js';
73
76
  export { s as OrSelect } from './OrSelect-6ff34196.js';
74
- export { s as OrSelectV3 } from './OrSelect-3dbddc6b.js';
77
+ export { s as OrSelectV3 } from './OrSelect-046e8e36.js';
75
78
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
76
- export { s as OrSidebarV3 } from './OrSidebar-bfd19c4c.js';
79
+ export { s as OrSidebarV3 } from './OrSidebar-3f2502fb.js';
77
80
  export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-63914891.js';
78
81
  export { s as OrSkeletonCircle } from './OrSkeletonCircle-1aa63444.js';
79
82
  export { s as OrSkeletonRect } from './OrSkeletonRect-813bc73a.js';
@@ -116,7 +119,6 @@ export { u as useResponsive } from './useResponsive-a02e95b7.js';
116
119
  export { u as useToggle } from './useToggle-c04fc920.js';
117
120
  export { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
118
121
  import { R as RX_ABBREVIATION_FROM_STRING } from './color-40b7fe6b.js';
119
- export { f as flattenDeep } from './flattenDeep-fe0af413.js';
120
122
  import 'vue-demi';
121
123
  import 'lodash';
122
124
  import 'vue';
@@ -124,6 +126,7 @@ import './style-inject.es-4c6f2515.js';
124
126
  import '@vueuse/core';
125
127
  import '@splidejs/splide';
126
128
  import '@splidejs/splide/dist/css/splide.min.css';
129
+ import './OrFormGroup-9f581536.js';
127
130
  import '@codemirror/state';
128
131
  import '@codemirror/view';
129
132
  import '@codemirror/commands';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "4.3.13",
3
+ "version": "4.3.14-beta.2689.0",
4
4
  "description": "Vue components library for v2/3",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/auto/index.js",
@@ -153,6 +153,5 @@
153
153
  "default": "./dist/bundled/v3/components/*/index.js"
154
154
  },
155
155
  "./package.json": "./package.json"
156
- },
157
- "gitHead": "cb8796d591ee4844ee72e3a36f035c0986d29ba5"
156
+ }
158
157
  }
@@ -11,6 +11,8 @@ export * from './or-card-v3';
11
11
  export * from './or-carousel';
12
12
  export * from './or-checkbox';
13
13
  export * from './or-checkbox-v3';
14
+ export * from './or-checkbox-group-v3';
15
+ export * from './or-checkbox-tree-v3';
14
16
  export * from './or-chips';
15
17
  export * from './or-code';
16
18
  export * from './or-collapse';
@@ -64,6 +66,7 @@ export * from './or-progress';
64
66
  export * from './or-progress-v3';
65
67
  export * from './or-radio';
66
68
  export * from './or-radio-group';
69
+ export * from './or-radio-group-v3';
67
70
  export * from './or-radio-v3';
68
71
  export * from './or-search';
69
72
  export * from './or-search-v3';
@@ -214,7 +214,7 @@ export default defineComponent({
214
214
  display: flex;
215
215
  flex-direction: row;
216
216
  gap: $s-4;
217
- justify-content: end;
217
+ justify-content: flex-end;
218
218
  }
219
219
 
220
220
  .confirmation-textbox {
@@ -6,7 +6,10 @@ export const ExpansionPanelRoot: string[] = [
6
6
  ];
7
7
 
8
8
  export const ExpansionPanelRootVariants: Record<ExpansionPanelVariant, string[]> = {
9
- 'default': [],
9
+ 'default': [
10
+ // Spacing
11
+ 'gap-sm',
12
+ ],
10
13
 
11
14
  'card': [
12
15
  // Shape
@@ -335,17 +335,17 @@ export default defineComponent({
335
335
  &-text {
336
336
  display: inline-flex;
337
337
  flex-direction: row;
338
- justify-content: start;
338
+ justify-content: flex-start;
339
339
 
340
340
  &-start {
341
+ min-width: 0;
341
342
  overflow-x: hidden;
342
343
  text-overflow: ellipsis;
343
- min-width: 0;
344
344
  }
345
345
 
346
346
  &:not(&-textarea) {
347
- white-space: nowrap;
348
347
  overflow-x: hidden;
348
+ white-space: nowrap;
349
349
  }
350
350
 
351
351
  &-textarea {
@@ -360,16 +360,16 @@ export default defineComponent({
360
360
 
361
361
  &-input,
362
362
  &-text {
363
+ flex: 1 1 auto;
363
364
  min-width: 114px;
364
- line-height: $lh-1;
365
365
  padding: $s-2 $s-3;
366
366
  font-family: inherit;
367
367
  font-size: $fs-1;
368
+ line-height: $lh-1;
368
369
  background-color: $c-neutral-0;
369
370
  border: none;
370
371
  border-radius: 4px;
371
372
  outline: none;
372
- flex: 1 1 auto;
373
373
 
374
374
  @include transition(border-color, background-color, -webkit-box-shadow);
375
375
 
@@ -407,9 +407,9 @@ export default defineComponent({
407
407
  .or-icon-button-root {
408
408
  z-index: 1;
409
409
  ::v-deep .or-icon {
410
+ padding: $s-2 0;
410
411
  font-size: $s-4;
411
412
  line-height: $lh-1;
412
- padding: $s-2 0;
413
413
  }
414
414
  }
415
415
  }
@@ -11,7 +11,7 @@ export const SidebarRoot: string[] = [
11
11
 
12
12
  // Box
13
13
  'min-w-0',
14
- 'h-auto',
14
+ 'h-full',
15
15
  'p-0',
16
16
 
17
17
  // Theme