@onereach/ui-components 2.74.7 → 2.74.8-beta.2333.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 (39) hide show
  1. package/dist/bundled/v2/{OrCheckbox-41d31e45.js → OrCheckbox-384760cb.js} +1 -1
  2. package/dist/bundled/v2/{OrSelect-43ba3073.js → OrSelect-617da939.js} +8 -4
  3. package/dist/bundled/v2/{OrTag-59ab76c5.js → OrTag-d79178d7.js} +4 -2
  4. package/dist/bundled/v2/components/index.js +3 -3
  5. package/dist/bundled/v2/components/or-checkbox-v3/index.js +1 -1
  6. package/dist/bundled/v2/components/or-select-v3/index.js +3 -3
  7. package/dist/bundled/v2/components/or-tag-v3/index.js +1 -1
  8. package/dist/bundled/v2/index.js +4 -4
  9. package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-fc067611.js → OrCheckbox.vue_vue_type_script_lang-08f64a02.js} +1 -1
  10. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-b50634d8.js → OrSelect.vue_vue_type_script_lang-44a4968b.js} +11 -6
  11. package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-4fe7e19f.js → OrTag.vue_vue_type_script_lang-2f138d1a.js} +1 -1
  12. package/dist/bundled/v3/components/index.js +3 -3
  13. package/dist/bundled/v3/components/or-checkbox-v3/index.js +1 -1
  14. package/dist/bundled/v3/components/or-select-v3/index.js +3 -3
  15. package/dist/bundled/v3/components/or-tag-v3/index.js +1 -1
  16. package/dist/bundled/v3/index.js +26 -23
  17. package/dist/esm/v2/{OrCheckbox-aa9ca791.js → OrCheckbox-49d7d6b1.js} +1 -1
  18. package/dist/esm/v2/{OrSelect-d991fe95.js → OrSelect-1c9d6951.js} +8 -4
  19. package/dist/esm/v2/{OrTag-1ed1265c.js → OrTag-e6de86c9.js} +4 -2
  20. package/dist/esm/v2/components/index.js +3 -3
  21. package/dist/esm/v2/components/or-checkbox-v3/index.js +1 -1
  22. package/dist/esm/v2/components/or-select-v3/index.js +3 -3
  23. package/dist/esm/v2/components/or-tag-v3/index.js +1 -1
  24. package/dist/esm/v2/index.js +3 -3
  25. package/dist/esm/v3/{OrCheckbox-16c1e2f4.js → OrCheckbox-a8388252.js} +1 -1
  26. package/dist/esm/v3/{OrSelect-b06bf2d8.js → OrSelect-9008533e.js} +10 -5
  27. package/dist/esm/v3/{OrTag-f66c6142.js → OrTag-8a6e7bba.js} +6 -3
  28. package/dist/esm/v3/components/index.js +3 -3
  29. package/dist/esm/v3/components/or-checkbox-v3/index.js +1 -1
  30. package/dist/esm/v3/components/or-select-v3/index.js +3 -3
  31. package/dist/esm/v3/components/or-tag-v3/index.js +1 -1
  32. package/dist/esm/v3/index.js +3 -3
  33. package/package.json +2 -3
  34. package/src/components/or-checkbox-v3/styles.ts +1 -0
  35. package/src/components/or-select-v3/OrSelect.stories3.ts +19 -0
  36. package/src/components/or-select-v3/OrSelect.vue +3 -1
  37. package/src/components/or-select-v3/styles.ts +3 -0
  38. package/src/components/or-tag-v3/OrTag.vue +3 -2
  39. package/src/components/or-tag-v3/styles.ts +2 -1
@@ -10,7 +10,7 @@ const CheckboxRoot = [
10
10
  'gap-sm+ md:gap-sm'];
11
11
  const CheckboxControl = [
12
12
  // Layout
13
- 'layout-row justify-center',
13
+ 'layout-row justify-center', 'shrink-0',
14
14
  // Box
15
15
  'w-md+ md:w-md', 'h-md+ md:h-md',
16
16
  // Shape
@@ -1,5 +1,5 @@
1
1
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withModifiers, createVNode, vShow, defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue';
2
- import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-fc067611.js';
2
+ import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-08f64a02.js';
3
3
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
4
4
  import './OrHint-5d5e4d99.js';
5
5
  import { s as script$2 } from './OrExpansionPanel.vue_vue_type_script_lang-cd3b6d36.js';
@@ -9,7 +9,7 @@ import './OrInputBox-358d4856.js';
9
9
  import './OrLabel-c556887e.js';
10
10
  import './OrMenuItem-1917f51a.js';
11
11
  import './OrPopover-f9a1d5d7.js';
12
- import { s as script$3 } from './OrTag.vue_vue_type_script_lang-4fe7e19f.js';
12
+ import { s as script$3 } from './OrTag.vue_vue_type_script_lang-2f138d1a.js';
13
13
  import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-293d2de2.js';
14
14
  import { u as useOverflow } from './useOverflow-6dce216b.js';
15
15
  import { s as script$4 } from './OrError.vue_vue_type_script_lang-53648a65.js';
@@ -64,7 +64,7 @@ const _hoisted_1$1 = ["disabled"];
64
64
  const _hoisted_2$1 = {
65
65
  class: /*#__PURE__*/normalizeClass(['layout-row', 'justify-between'])
66
66
  };
67
- const _hoisted_3 = ["tabindex", "disabled"];
67
+ const _hoisted_3$1 = ["tabindex", "disabled"];
68
68
  function render$1(_ctx, _cache, $props, $setup, $data, $options) {
69
69
  const _component_OrIcon = resolveComponent("OrIcon");
70
70
  return openBlock(), createElementBlock("div", {
@@ -80,7 +80,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
80
80
  class: normalizeClass([_ctx.expanded ? 'rotate-0' : 'rotate-[-90deg]']),
81
81
  icon: 'expand_more',
82
82
  variant: 'filled-bold'
83
- }, null, 8 /* PROPS */, ["class"]), createTextVNode(" " + toDisplayString(_ctx.label), 1 /* TEXT */)], 10 /* CLASS, PROPS */, _hoisted_3), createElementVNode("div", {
83
+ }, null, 8 /* PROPS */, ["class"]), createTextVNode(" " + toDisplayString(_ctx.label), 1 /* TEXT */)], 10 /* CLASS, PROPS */, _hoisted_3$1), createElementVNode("div", {
84
84
  class: normalizeClass(_ctx.addonStyles)
85
85
  }, [renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)]), withDirectives(createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")], 512 /* NEED_PATCH */), [[vShow, _ctx.expanded]])], 10 /* CLASS, PROPS */, _hoisted_1$1);
86
86
  }
@@ -90,6 +90,9 @@ script$2.__file = "src/components/or-expansion-panel-v3/OrExpansionPanel.vue";
90
90
 
91
91
  const _hoisted_1 = ["tabindex", "disabled"];
92
92
  const _hoisted_2 = {
93
+ class: "truncate"
94
+ };
95
+ const _hoisted_3 = {
93
96
  key: 0,
94
97
  class: /*#__PURE__*/normalizeClass(['layout-row', 'm-[-4px] md:m-[-2px]'])
95
98
  };
@@ -103,7 +106,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
103
106
  onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
104
107
  onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
105
108
  onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
106
- }, [renderSlot(_ctx.$slots, "default"), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_OrIconButton, {
109
+ }, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrIconButton, {
107
110
  icon: 'close',
108
111
  color: _ctx.custom ? 'inherit' : _ctx.color,
109
112
  disabled: _ctx.disabled,
@@ -132,7 +135,9 @@ const SelectPlaceholder = [
132
135
  // Theme
133
136
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
134
137
  // Interactivity
135
- 'select-none'];
138
+ 'select-none',
139
+ // Typography
140
+ 'truncate'];
136
141
  const SelectDropdown = [
137
142
  // Overflow
138
143
  'overflow-y-auto',
@@ -18,7 +18,7 @@ const TagRoot = [
18
18
  // Layout
19
19
  'layout-inline-row',
20
20
  // Box
21
- 'max-w-fit',
21
+ 'w-fit', 'max-w-full',
22
22
  // Shape
23
23
  'rounded-full',
24
24
  // Spacing
@@ -12,7 +12,7 @@ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultV
12
12
  export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b6685a34.js';
13
13
  export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-ef9fec58.js';
14
14
  export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-00e3371f.js';
15
- export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-fc067611.js';
15
+ export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-08f64a02.js';
16
16
  export { s as OrChip } from '../OrChip-7324118c.js';
17
17
  export { s as OrChips } from '../OrChips.vue_vue_type_script_lang-54842d4d.js';
18
18
  export { s as OrCode, O as OrCodeLanguages } from '../OrCode.vue_vue_type_script_lang-fb43d35a.js';
@@ -69,7 +69,7 @@ export { s as OrSearch } from '../OrSearch.vue_vue_type_script_lang-b39b93b8.js'
69
69
  export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-409490d8.js';
70
70
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl.vue_vue_type_script_lang-38a00b68.js';
71
71
  export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-131ba34b.js';
72
- export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-b50634d8.js';
72
+ export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-44a4968b.js';
73
73
  export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
74
74
  export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-b5adff07.js';
75
75
  export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton.vue_vue_type_script_lang-ddb36366.js';
@@ -86,7 +86,7 @@ export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-f791efa0.js';
86
86
  export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-40e2a6e9.js';
87
87
  export { s as OrTabsV3, T as TabsVariant } from '../OrTabs.vue_vue_type_script_lang-7a2b137a.js';
88
88
  export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-823edbfe.js';
89
- export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag.vue_vue_type_script_lang-4fe7e19f.js';
89
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag.vue_vue_type_script_lang-2f138d1a.js';
90
90
  export { s as OrTeleport } from '../OrTeleport.vue3-12636ac0.js';
91
91
  export { s as OrTeleportV3 } from '../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
92
92
  export { s as OrTextV3 } from '../OrText.vue_vue_type_script_lang-271fb345.js';
@@ -1,4 +1,4 @@
1
- export { s as OrCheckboxV3 } from '../../OrCheckbox.vue_vue_type_script_lang-fc067611.js';
1
+ export { s as OrCheckboxV3 } from '../../OrCheckbox.vue_vue_type_script_lang-08f64a02.js';
2
2
  import 'vue';
3
3
  import '../../OrLabel-c556887e.js';
4
4
  import '../../OrLabel.vue_vue_type_script_lang-191d2304.js';
@@ -1,7 +1,7 @@
1
- export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-b50634d8.js';
1
+ export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-44a4968b.js';
2
2
  export { a as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-b387d4ba.js';
3
3
  import 'vue';
4
- import '../../OrCheckbox.vue_vue_type_script_lang-fc067611.js';
4
+ import '../../OrCheckbox.vue_vue_type_script_lang-08f64a02.js';
5
5
  import '../../OrLabel-c556887e.js';
6
6
  import '../../OrLabel.vue_vue_type_script_lang-191d2304.js';
7
7
  import '../../useIdAttribute-b2e42f31.js';
@@ -32,6 +32,6 @@ import '../../OrLoader.vue_vue_type_script_lang-8fc03499.js';
32
32
  import '../../useValidationAttributes-5428d8fa.js';
33
33
  import '../../OrMenuItem-1917f51a.js';
34
34
  import '../../OrMenuItem.vue_vue_type_script_lang-0b643c00.js';
35
- import '../../OrTag.vue_vue_type_script_lang-4fe7e19f.js';
35
+ import '../../OrTag.vue_vue_type_script_lang-2f138d1a.js';
36
36
  import '../../dropdown-open-293d2de2.js';
37
37
  import '../../useOverflow-6dce216b.js';
@@ -1,4 +1,4 @@
1
- export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag.vue_vue_type_script_lang-4fe7e19f.js';
1
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag.vue_vue_type_script_lang-2f138d1a.js';
2
2
  import 'vue';
3
3
  import '../../OrIconButton-a2091425.js';
4
4
  import '../../OrIconButton.vue_vue_type_script_lang-14871105.js';