@onereach/ui-components 2.74.10-beta.2352.0 → 2.74.10

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 (53) hide show
  1. package/dist/bundled/v2/{OrCheckbox-41d31e45.js → OrCheckbox-384760cb.js} +1 -1
  2. package/dist/bundled/v2/{OrNotification-f2fe5d84.js → OrNotification-35c163f7.js} +2 -6
  3. package/dist/bundled/v2/{OrSelect-43ba3073.js → OrSelect-617da939.js} +8 -4
  4. package/dist/bundled/v2/{OrTag-59ab76c5.js → OrTag-d79178d7.js} +4 -2
  5. package/dist/bundled/v2/components/index.js +4 -4
  6. package/dist/bundled/v2/components/or-checkbox-v3/index.js +1 -1
  7. package/dist/bundled/v2/components/or-notification-v3/OrNotification.vue.d.ts +0 -11
  8. package/dist/bundled/v2/components/or-notification-v3/index.js +1 -1
  9. package/dist/bundled/v2/components/or-select-v3/index.js +3 -3
  10. package/dist/bundled/v2/components/or-tag-v3/index.js +1 -1
  11. package/dist/bundled/v2/index.js +5 -5
  12. package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-fc067611.js → OrCheckbox.vue_vue_type_script_lang-08f64a02.js} +1 -1
  13. package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-8847ca60.js → OrNotification.vue_vue_type_script_lang-b0280317.js} +0 -4
  14. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-b50634d8.js → OrSelect.vue_vue_type_script_lang-44a4968b.js} +11 -6
  15. package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-4fe7e19f.js → OrTag.vue_vue_type_script_lang-2f138d1a.js} +1 -1
  16. package/dist/bundled/v3/components/index.js +4 -4
  17. package/dist/bundled/v3/components/or-checkbox-v3/index.js +1 -1
  18. package/dist/bundled/v3/components/or-notification-v3/OrNotification.vue.d.ts +0 -11
  19. package/dist/bundled/v3/components/or-notification-v3/index.js +1 -1
  20. package/dist/bundled/v3/components/or-select-v3/index.js +3 -3
  21. package/dist/bundled/v3/components/or-tag-v3/index.js +1 -1
  22. package/dist/bundled/v3/index.js +30 -28
  23. package/dist/esm/v2/{OrCheckbox-aa9ca791.js → OrCheckbox-49d7d6b1.js} +1 -1
  24. package/dist/esm/v2/{OrNotification-25318559.js → OrNotification-e8c1df46.js} +2 -6
  25. package/dist/esm/v2/{OrSelect-d991fe95.js → OrSelect-1c9d6951.js} +8 -4
  26. package/dist/esm/v2/{OrTag-1ed1265c.js → OrTag-e6de86c9.js} +4 -2
  27. package/dist/esm/v2/components/index.js +4 -4
  28. package/dist/esm/v2/components/or-checkbox-v3/index.js +1 -1
  29. package/dist/esm/v2/components/or-notification-v3/OrNotification.vue.d.ts +0 -11
  30. package/dist/esm/v2/components/or-notification-v3/index.js +1 -1
  31. package/dist/esm/v2/components/or-select-v3/index.js +3 -3
  32. package/dist/esm/v2/components/or-tag-v3/index.js +1 -1
  33. package/dist/esm/v2/index.js +4 -4
  34. package/dist/esm/v3/{OrCheckbox-16c1e2f4.js → OrCheckbox-a8388252.js} +1 -1
  35. package/dist/esm/v3/{OrNotification-c043e5fc.js → OrNotification-e600fd9a.js} +3 -8
  36. package/dist/esm/v3/{OrSelect-b06bf2d8.js → OrSelect-9008533e.js} +10 -5
  37. package/dist/esm/v3/{OrTag-f66c6142.js → OrTag-8a6e7bba.js} +6 -3
  38. package/dist/esm/v3/components/index.js +4 -4
  39. package/dist/esm/v3/components/or-checkbox-v3/index.js +1 -1
  40. package/dist/esm/v3/components/or-notification-v3/OrNotification.vue.d.ts +0 -11
  41. package/dist/esm/v3/components/or-notification-v3/index.js +1 -1
  42. package/dist/esm/v3/components/or-select-v3/index.js +3 -3
  43. package/dist/esm/v3/components/or-tag-v3/index.js +1 -1
  44. package/dist/esm/v3/index.js +4 -4
  45. package/package.json +4 -3
  46. package/src/components/or-checkbox-v3/styles.ts +1 -0
  47. package/src/components/or-notification-v3/OrNotification.stories3.ts +0 -53
  48. package/src/components/or-notification-v3/OrNotification.vue +0 -6
  49. package/src/components/or-select-v3/OrSelect.stories3.ts +19 -0
  50. package/src/components/or-select-v3/OrSelect.vue +3 -1
  51. package/src/components/or-select-v3/styles.ts +3 -0
  52. package/src/components/or-tag-v3/OrTag.vue +3 -2
  53. package/src/components/or-tag-v3/styles.ts +2 -1
@@ -12,7 +12,7 @@ const CheckboxRoot = [
12
12
  'gap-sm+ md:gap-sm'];
13
13
  const CheckboxControl = [
14
14
  // Layout
15
- 'layout-row justify-center',
15
+ 'layout-row justify-center', 'shrink-0',
16
16
  // Box
17
17
  'w-md+ md:w-md', 'h-md+ md:h-md',
18
18
  // Shape
@@ -74,10 +74,6 @@ var script = defineComponent({
74
74
  variant: {
75
75
  type: String,
76
76
  default: NotificationVariant.Info
77
- },
78
- disableClose: {
79
- type: Boolean,
80
- default: false
81
77
  }
82
78
  },
83
79
  expose: ['root'],
@@ -129,7 +125,7 @@ var __vue_render__ = function () {
129
125
  }
130
126
  })], 1), _vm._v(" "), _c('div', {
131
127
  class: ['grow', 'my-[-2px] md:my-[-3px]']
132
- }, [_vm._t("default")], 2), _vm._v(" "), !_vm.disableClose ? _c('OrIconButton', {
128
+ }, [_vm._t("default")], 2), _vm._v(" "), _c('OrIconButton', {
133
129
  attrs: {
134
130
  "icon": 'close',
135
131
  "size": 'm'
@@ -140,7 +136,7 @@ var __vue_render__ = function () {
140
136
  return _vm.$emit('close');
141
137
  }
142
138
  }
143
- }) : _vm._e()], 1);
139
+ })], 1);
144
140
  };
145
141
  var __vue_staticRenderFns__ = [];
146
142
 
@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
2
2
  import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
3
3
  import { u as useOverflow } from './useOverflow-af6161c8.js';
4
4
  import '@vueuse/core';
5
- import { _ as __vue_component__$1 } from './OrCheckbox-aa9ca791.js';
5
+ import { _ as __vue_component__$1 } from './OrCheckbox-49d7d6b1.js';
6
6
  import { _ as __vue_component__$2 } from './OrError-13845bb0.js';
7
7
  import { _ as __vue_component__$3 } from './OrExpansionPanel-0a12d957.js';
8
8
  import { _ as __vue_component__$4 } from './OrHint-78b399cb.js';
@@ -12,7 +12,7 @@ import { _ as __vue_component__$6 } from './OrInput-1ddf99ba.js';
12
12
  import { _ as __vue_component__$8 } from './OrLabel-0945a4d9.js';
13
13
  import { _ as __vue_component__$9 } from './OrMenuItem-4f810513.js';
14
14
  import { _ as __vue_component__$a } from './OrPopover-b3746279.js';
15
- import { _ as __vue_component__$b } from './OrTag-1ed1265c.js';
15
+ import { _ as __vue_component__$b } from './OrTag-e6de86c9.js';
16
16
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
17
17
 
18
18
  const SelectRoot = [
@@ -33,7 +33,9 @@ const SelectPlaceholder = [
33
33
  // Theme
34
34
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
35
35
  // Interactivity
36
- 'select-none'];
36
+ 'select-none',
37
+ // Typography
38
+ 'truncate'];
37
39
  const SelectDropdown = [
38
40
  // Overflow
39
41
  'overflow-y-auto',
@@ -365,7 +367,9 @@ var __vue_render__ = function () {
365
367
  }, {
366
368
  "model": _vm.proxyModelValue
367
369
  })] : [_vm.proxyModelValue ? [_vm._t("valueTemplate", function () {
368
- return [_vm._v("\n " + _vm._s(_vm.selection.label) + "\n ")];
370
+ return [_c('span', {
371
+ staticClass: "truncate"
372
+ }, [_vm._v("\n " + _vm._s(_vm.selection.label) + "\n ")])];
369
373
  }, {
370
374
  "model": _vm.proxyModelValue
371
375
  })] : [_c('span', {
@@ -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
@@ -121,7 +121,9 @@ var __vue_render__ = function () {
121
121
  return _vm.$emit('blur', $event);
122
122
  }
123
123
  }
124
- }, [_vm._t("default"), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
124
+ }, [_c('div', {
125
+ staticClass: "truncate"
126
+ }, [_vm._t("default")], 2), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
125
127
  class: ['layout-row', 'm-[-4px] md:m-[-2px]']
126
128
  }, [_c('OrIconButton', {
127
129
  attrs: {
@@ -12,7 +12,7 @@ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultV
12
12
  export { _ as OrCardV3 } from '../OrCard-e89c44ef.js';
13
13
  export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-b2ab81d9.js';
14
14
  export { _ as OrCheckbox } from '../OrCheckbox-8ee37e4d.js';
15
- export { _ as OrCheckboxV3 } from '../OrCheckbox-aa9ca791.js';
15
+ export { _ as OrCheckboxV3 } from '../OrCheckbox-49d7d6b1.js';
16
16
  export { _ as OrChip } from '../OrChips.vue_rollup-plugin-vue_styles.0-ebb4a1f0.js';
17
17
  export { _ as OrChips } from '../OrChips-b84495ca.js';
18
18
  export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-bb5da880.js';
@@ -53,7 +53,7 @@ export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as Popov
53
53
  export { _ as OrModal, O as OrModalSizes } from '../OrModal-00808e43.js';
54
54
  export { M as ModalSize, _ as OrModalV3 } from '../OrModal-a938e31b.js';
55
55
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-453fff8c.js';
56
- export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-25318559.js';
56
+ export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-e8c1df46.js';
57
57
  export { _ as OrNumberInput } from '../OrNumberInput-a864b102.js';
58
58
  export { _ as OrOverflowMenu } from '../OrOverflowMenu-a934294f.js';
59
59
  export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
@@ -69,7 +69,7 @@ export { _ as OrSearch } from '../OrSearch-709d1c90.js';
69
69
  export { _ as OrSearchV3 } from '../OrSearch-09e7d4dc.js';
70
70
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-7486115b.js';
71
71
  export { _ as OrSelect } from '../OrSelect-2898b47a.js';
72
- export { _ as OrSelectV3 } from '../OrSelect-d991fe95.js';
72
+ export { _ as OrSelectV3 } from '../OrSelect-1c9d6951.js';
73
73
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
74
74
  export { _ as OrSidebarV3 } from '../OrSidebar-6b246de1.js';
75
75
  export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-9178923e.js';
@@ -86,7 +86,7 @@ export { _ as OrTabV3 } from '../OrTab-1ff87c76.js';
86
86
  export { _ as OrTabs } from '../OrTabs-12138346.js';
87
87
  export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-6d7d9d7e.js';
88
88
  export { _ as OrTag } from '../OrTag-c09e03c1.js';
89
- export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-1ed1265c.js';
89
+ export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-e6de86c9.js';
90
90
  export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
91
91
  export { _ as OrTeleportV3 } from '../OrTeleport.vue2-fb92f29f.js';
92
92
  export { _ as OrTextV3 } from '../OrText-91d662a0.js';
@@ -1,4 +1,4 @@
1
- export { _ as OrCheckboxV3 } from '../../OrCheckbox-aa9ca791.js';
1
+ export { _ as OrCheckboxV3 } from '../../OrCheckbox-49d7d6b1.js';
2
2
  import 'vue-demi';
3
3
  import '../../useIdAttribute-859439f0.js';
4
4
  import '@vueuse/core';
@@ -10,22 +10,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
10
10
  type: PropType<NotificationVariant>;
11
11
  default: NotificationVariant;
12
12
  };
13
- disableClose: {
14
- type: BooleanConstructor;
15
- default: boolean;
16
- };
17
13
  }, import("@vue/composition-api").ExtractPropTypes<{
18
14
  variant: {
19
15
  type: PropType<NotificationVariant>;
20
16
  default: NotificationVariant;
21
17
  };
22
- disableClose: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
18
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
27
19
  variant: NotificationVariant;
28
- disableClose: boolean;
29
20
  } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
30
21
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
31
22
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -33,9 +24,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
33
24
  icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
34
25
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
35
26
  variant: NotificationVariant;
36
- disableClose: boolean;
37
27
  } & {}, {
38
28
  variant: NotificationVariant;
39
- disableClose: boolean;
40
29
  }, true>);
41
30
  export default _default;
@@ -1,4 +1,4 @@
1
- export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-25318559.js';
1
+ export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-e8c1df46.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrIconButton-140f940e.js';
4
4
  import '../../OrIcon-c434985a.js';
@@ -1,10 +1,10 @@
1
- export { _ as OrSelectV3 } from '../../OrSelect-d991fe95.js';
1
+ export { _ as OrSelectV3 } from '../../OrSelect-1c9d6951.js';
2
2
  export { a as SelectSize } from '../../OrInputBox-53d1f66d.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-0d314aa4.js';
5
5
  import '../../useOverflow-af6161c8.js';
6
6
  import '@vueuse/core';
7
- import '../../OrCheckbox-aa9ca791.js';
7
+ import '../../OrCheckbox-49d7d6b1.js';
8
8
  import '../../useIdAttribute-859439f0.js';
9
9
  import '../../OrLabel-0945a4d9.js';
10
10
  import '../../normalize-component-6e8e3d80.js';
@@ -27,4 +27,4 @@ import '../../OrTeleport.vue2-fb92f29f.js';
27
27
  import 'portal-vue';
28
28
  import '../../OrLoader-8f1f3af1.js';
29
29
  import '../../OrMenuItem-4f810513.js';
30
- import '../../OrTag-1ed1265c.js';
30
+ import '../../OrTag-e6de86c9.js';
@@ -1,4 +1,4 @@
1
- export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-1ed1265c.js';
1
+ export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-e6de86c9.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrIconButton-140f940e.js';
4
4
  import '../../OrIcon-c434985a.js';
@@ -12,7 +12,7 @@ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultV
12
12
  export { _ as OrCardV3 } from './OrCard-e89c44ef.js';
13
13
  export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-b2ab81d9.js';
14
14
  export { _ as OrCheckbox } from './OrCheckbox-8ee37e4d.js';
15
- export { _ as OrCheckboxV3 } from './OrCheckbox-aa9ca791.js';
15
+ export { _ as OrCheckboxV3 } from './OrCheckbox-49d7d6b1.js';
16
16
  export { _ as OrChip } from './OrChips.vue_rollup-plugin-vue_styles.0-ebb4a1f0.js';
17
17
  export { _ as OrChips } from './OrChips-b84495ca.js';
18
18
  export { _ as OrCode, O as OrCodeLanguages } from './OrCode-bb5da880.js';
@@ -53,7 +53,7 @@ export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as Popov
53
53
  export { _ as OrModal, O as OrModalSizes } from './OrModal-00808e43.js';
54
54
  export { M as ModalSize, _ as OrModalV3 } from './OrModal-a938e31b.js';
55
55
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-453fff8c.js';
56
- export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-25318559.js';
56
+ export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-e8c1df46.js';
57
57
  export { _ as OrNumberInput } from './OrNumberInput-a864b102.js';
58
58
  export { _ as OrOverflowMenu } from './OrOverflowMenu-a934294f.js';
59
59
  export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
@@ -69,7 +69,7 @@ export { _ as OrSearch } from './OrSearch-709d1c90.js';
69
69
  export { _ as OrSearchV3 } from './OrSearch-09e7d4dc.js';
70
70
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-7486115b.js';
71
71
  export { _ as OrSelect } from './OrSelect-2898b47a.js';
72
- export { _ as OrSelectV3 } from './OrSelect-d991fe95.js';
72
+ export { _ as OrSelectV3 } from './OrSelect-1c9d6951.js';
73
73
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
74
74
  export { _ as OrSidebarV3 } from './OrSidebar-6b246de1.js';
75
75
  export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-9178923e.js';
@@ -86,7 +86,7 @@ export { _ as OrTabV3 } from './OrTab-1ff87c76.js';
86
86
  export { _ as OrTabs } from './OrTabs-12138346.js';
87
87
  export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-6d7d9d7e.js';
88
88
  export { _ as OrTag } from './OrTag-c09e03c1.js';
89
- export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ed1265c.js';
89
+ export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-e6de86c9.js';
90
90
  export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
91
91
  export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
92
92
  export { _ as OrTextV3 } from './OrText-91d662a0.js';
@@ -12,7 +12,7 @@ const CheckboxRoot = [
12
12
  'gap-sm+ md:gap-sm'];
13
13
  const CheckboxControl = [
14
14
  // Layout
15
- 'layout-row justify-center',
15
+ 'layout-row justify-center', 'shrink-0',
16
16
  // Box
17
17
  'w-md+ md:w-md', 'h-md+ md:h-md',
18
18
  // Shape
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed } from 'vue-demi';
2
2
  import { s as script$2 } from './OrIconButton-2a9a6627.js';
3
3
  import { s as script$1 } from './OrIcon-ea40e58c.js';
4
- import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
4
+ import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, withModifiers } from 'vue';
5
5
 
6
6
  var NotificationVariant;
7
7
  (function (NotificationVariant) {
@@ -74,10 +74,6 @@ var script = defineComponent({
74
74
  variant: {
75
75
  type: String,
76
76
  default: NotificationVariant.Info
77
- },
78
- disableClose: {
79
- type: Boolean,
80
- default: false
81
77
  }
82
78
  },
83
79
  expose: ['root'],
@@ -123,12 +119,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
123
119
  }, [createVNode(_component_OrIcon, {
124
120
  icon: _ctx.icon,
125
121
  variant: 'filled-bold'
126
- }, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), !_ctx.disableClose ? (openBlock(), createBlock(_component_OrIconButton, {
127
- key: 0,
122
+ }, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), createVNode(_component_OrIconButton, {
128
123
  icon: 'close',
129
124
  size: 'm',
130
125
  onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
131
- })) : createCommentVNode("v-if", true)], 2 /* CLASS */);
126
+ })], 2 /* CLASS */);
132
127
  }
133
128
 
134
129
  script.render = render;
@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
2
2
  import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
3
3
  import { u as useOverflow } from './useOverflow-af6161c8.js';
4
4
  import '@vueuse/core';
5
- import { s as script$1 } from './OrCheckbox-16c1e2f4.js';
5
+ import { s as script$1 } from './OrCheckbox-a8388252.js';
6
6
  import { s as script$2 } from './OrError-19198748.js';
7
7
  import { s as script$3 } from './OrExpansionPanel-541cc4c1.js';
8
8
  import { s as script$4 } from './OrHint-6863124f.js';
@@ -12,7 +12,7 @@ import { s as script$6 } from './OrInput-0c07888f.js';
12
12
  import { s as script$8 } from './OrLabel-f700f9fb.js';
13
13
  import { s as script$9 } from './OrMenuItem-de91aded.js';
14
14
  import { s as script$a } from './OrPopover-464a5606.js';
15
- import { s as script$b } from './OrTag-f66c6142.js';
15
+ import { s as script$b } from './OrTag-8a6e7bba.js';
16
16
  import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
17
17
 
18
18
  const SelectRoot = [
@@ -33,7 +33,9 @@ const SelectPlaceholder = [
33
33
  // Theme
34
34
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
35
35
  // Interactivity
36
- 'select-none'];
36
+ 'select-none',
37
+ // Typography
38
+ 'truncate'];
37
39
  const SelectDropdown = [
38
40
  // Overflow
39
41
  'overflow-y-auto',
@@ -286,6 +288,9 @@ var script = defineComponent({
286
288
 
287
289
  const _hoisted_1 = ["id", "tabindex", "disabled"];
288
290
  const _hoisted_2 = {
291
+ class: "truncate"
292
+ };
293
+ const _hoisted_3 = {
289
294
  class: /*#__PURE__*/normalizeClass(['layout-row'])
290
295
  };
291
296
  function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -356,12 +361,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
356
361
  }, [_ctx.proxyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
357
362
  key: 0,
358
363
  model: _ctx.proxyModelValue
359
- }, () => [createTextVNode(toDisplayString(_ctx.selection.label), 1 /* TEXT */)]) : (openBlock(), createElementBlock("span", {
364
+ }, () => [createElementVNode("span", _hoisted_2, toDisplayString(_ctx.selection.label), 1 /* TEXT */)]) : (openBlock(), createElementBlock("span", {
360
365
  key: 1,
361
366
  class: normalizeClass(_ctx.placeholderStyles)
362
367
  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), _ctx.multiple && _ctx.outerItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
363
368
  key: 0
364
- }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [createVNode(_component_OrIcon, {
369
+ }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [createVNode(_component_OrIcon, {
365
370
  icon: _ctx.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
366
371
  variant: 'outlined'
367
372
  }, null, 8 /* PROPS */, ["icon"])]), createVNode(_component_OrPopover, {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
2
2
  import { s as script$1 } from './OrIconButton-2a9a6627.js';
3
- import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
3
+ import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
4
4
 
5
5
  var TagVariant;
6
6
  (function (TagVariant) {
@@ -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
@@ -97,6 +97,9 @@ var script = defineComponent({
97
97
 
98
98
  const _hoisted_1 = ["tabindex", "disabled"];
99
99
  const _hoisted_2 = {
100
+ class: "truncate"
101
+ };
102
+ const _hoisted_3 = {
100
103
  key: 0,
101
104
  class: /*#__PURE__*/normalizeClass(['layout-row', 'm-[-4px] md:m-[-2px]'])
102
105
  };
@@ -110,7 +113,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
110
113
  onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
111
114
  onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
112
115
  onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
113
- }, [renderSlot(_ctx.$slots, "default"), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_OrIconButton, {
116
+ }, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrIconButton, {
114
117
  icon: 'close',
115
118
  color: _ctx.custom ? 'inherit' : _ctx.color,
116
119
  disabled: _ctx.disabled,
@@ -10,7 +10,7 @@ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultV
10
10
  export { s as OrCardV3 } from '../OrCard-cd6af82e.js';
11
11
  export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-9071b02e.js';
12
12
  export { s as OrCheckbox } from '../OrCheckbox-d402975a.js';
13
- export { s as OrCheckboxV3 } from '../OrCheckbox-16c1e2f4.js';
13
+ export { s as OrCheckboxV3 } from '../OrCheckbox-a8388252.js';
14
14
  export { s as OrChip, a as OrChips } from '../OrChips-39d4be17.js';
15
15
  export { s as OrCode, O as OrCodeLanguages } from '../OrCode-9d6b10da.js';
16
16
  export { s as OrCollapse } from '../OrCollapse-445141ab.js';
@@ -50,7 +50,7 @@ export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as Popov
50
50
  export { s as OrModal, O as OrModalSizes } from '../OrModal-efacdf3f.js';
51
51
  export { M as ModalSize, s as OrModalV3 } from '../OrModal-07c092ab.js';
52
52
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-f7d413aa.js';
53
- export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-c043e5fc.js';
53
+ export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-e600fd9a.js';
54
54
  export { s as OrNumberInput } from '../OrNumberInput-b32b5ce3.js';
55
55
  export { s as OrOverflowMenu } from '../OrOverflowMenu-31fa636f.js';
56
56
  export { s as OrOverlay } from '../OrOverlay-451dce49.js';
@@ -66,7 +66,7 @@ export { s as OrSearch } from '../OrSearch-06c13e14.js';
66
66
  export { s as OrSearchV3 } from '../OrSearch-e1cc559b.js';
67
67
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-880b4911.js';
68
68
  export { s as OrSelect } from '../OrSelect-5c6f0ff8.js';
69
- export { s as OrSelectV3 } from '../OrSelect-b06bf2d8.js';
69
+ export { s as OrSelectV3 } from '../OrSelect-9008533e.js';
70
70
  export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
71
71
  export { s as OrSidebarV3 } from '../OrSidebar-0a32cc49.js';
72
72
  export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-647d2c50.js';
@@ -83,7 +83,7 @@ export { s as OrTabV3 } from '../OrTab-d3785ea4.js';
83
83
  export { s as OrTabs } from '../OrTabs-d3812c11.js';
84
84
  export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-9949f87b.js';
85
85
  export { s as OrTag } from '../OrTag-909a5dc9.js';
86
- export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-f66c6142.js';
86
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-8a6e7bba.js';
87
87
  export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
88
88
  export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
89
89
  export { s as OrTextV3 } from '../OrText-a3b00048.js';
@@ -1,4 +1,4 @@
1
- export { s as OrCheckboxV3 } from '../../OrCheckbox-16c1e2f4.js';
1
+ export { s as OrCheckboxV3 } from '../../OrCheckbox-a8388252.js';
2
2
  import 'vue-demi';
3
3
  import '../../useIdAttribute-859439f0.js';
4
4
  import '@vueuse/core';
@@ -10,22 +10,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
10
10
  type: PropType<NotificationVariant>;
11
11
  default: NotificationVariant;
12
12
  };
13
- disableClose: {
14
- type: BooleanConstructor;
15
- default: boolean;
16
- };
17
13
  }, import("@vue/composition-api").ExtractPropTypes<{
18
14
  variant: {
19
15
  type: PropType<NotificationVariant>;
20
16
  default: NotificationVariant;
21
17
  };
22
- disableClose: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
18
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
27
19
  variant: NotificationVariant;
28
- disableClose: boolean;
29
20
  } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
30
21
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
31
22
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -33,9 +24,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
33
24
  icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
34
25
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
35
26
  variant: NotificationVariant;
36
- disableClose: boolean;
37
27
  } & {}, {
38
28
  variant: NotificationVariant;
39
- disableClose: boolean;
40
29
  }, true>);
41
30
  export default _default;
@@ -1,4 +1,4 @@
1
- export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-c043e5fc.js';
1
+ export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-e600fd9a.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrIconButton-2a9a6627.js';
4
4
  import '../../OrIcon-ea40e58c.js';
@@ -1,10 +1,10 @@
1
- export { s as OrSelectV3 } from '../../OrSelect-b06bf2d8.js';
1
+ export { s as OrSelectV3 } from '../../OrSelect-9008533e.js';
2
2
  export { a as SelectSize } from '../../OrInputBox-2467d7e4.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-0d314aa4.js';
5
5
  import '../../useOverflow-af6161c8.js';
6
6
  import '@vueuse/core';
7
- import '../../OrCheckbox-16c1e2f4.js';
7
+ import '../../OrCheckbox-a8388252.js';
8
8
  import '../../useIdAttribute-859439f0.js';
9
9
  import '../../OrLabel-f700f9fb.js';
10
10
  import 'vue';
@@ -26,4 +26,4 @@ import '../../OrOverlay-55f6cf9c.js';
26
26
  import '../../OrTeleport.vue3-8099178c.js';
27
27
  import '../../OrLoader-3a918ce9.js';
28
28
  import '../../OrMenuItem-de91aded.js';
29
- import '../../OrTag-f66c6142.js';
29
+ import '../../OrTag-8a6e7bba.js';
@@ -1,4 +1,4 @@
1
- export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-f66c6142.js';
1
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-8a6e7bba.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrIconButton-2a9a6627.js';
4
4
  import '../../OrIcon-ea40e58c.js';
@@ -10,7 +10,7 @@ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultV
10
10
  export { s as OrCardV3 } from './OrCard-cd6af82e.js';
11
11
  export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-9071b02e.js';
12
12
  export { s as OrCheckbox } from './OrCheckbox-d402975a.js';
13
- export { s as OrCheckboxV3 } from './OrCheckbox-16c1e2f4.js';
13
+ export { s as OrCheckboxV3 } from './OrCheckbox-a8388252.js';
14
14
  export { s as OrChip, a as OrChips } from './OrChips-39d4be17.js';
15
15
  export { s as OrCode, O as OrCodeLanguages } from './OrCode-9d6b10da.js';
16
16
  export { s as OrCollapse } from './OrCollapse-445141ab.js';
@@ -50,7 +50,7 @@ export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as Popov
50
50
  export { s as OrModal, O as OrModalSizes } from './OrModal-efacdf3f.js';
51
51
  export { M as ModalSize, s as OrModalV3 } from './OrModal-07c092ab.js';
52
52
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-f7d413aa.js';
53
- export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-c043e5fc.js';
53
+ export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-e600fd9a.js';
54
54
  export { s as OrNumberInput } from './OrNumberInput-b32b5ce3.js';
55
55
  export { s as OrOverflowMenu } from './OrOverflowMenu-31fa636f.js';
56
56
  export { s as OrOverlay } from './OrOverlay-451dce49.js';
@@ -66,7 +66,7 @@ export { s as OrSearch } from './OrSearch-06c13e14.js';
66
66
  export { s as OrSearchV3 } from './OrSearch-e1cc559b.js';
67
67
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-880b4911.js';
68
68
  export { s as OrSelect } from './OrSelect-5c6f0ff8.js';
69
- export { s as OrSelectV3 } from './OrSelect-b06bf2d8.js';
69
+ export { s as OrSelectV3 } from './OrSelect-9008533e.js';
70
70
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
71
71
  export { s as OrSidebarV3 } from './OrSidebar-0a32cc49.js';
72
72
  export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-647d2c50.js';
@@ -83,7 +83,7 @@ export { s as OrTabV3 } from './OrTab-d3785ea4.js';
83
83
  export { s as OrTabs } from './OrTabs-d3812c11.js';
84
84
  export { s as OrTabsV3, T as TabsVariant } from './OrTabs-9949f87b.js';
85
85
  export { s as OrTag } from './OrTag-909a5dc9.js';
86
- export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-f66c6142.js';
86
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-8a6e7bba.js';
87
87
  export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
88
88
  export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
89
89
  export { s as OrTextV3 } from './OrText-a3b00048.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "2.74.10-beta.2352.0",
3
+ "version": "2.74.10",
4
4
  "description": "Vue components library for v2/3",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
38
38
  "@codemirror/lang-json": "6.0.0",
39
39
  "@codemirror/lang-markdown": "6.0.1",
40
40
  "@floating-ui/dom": "0.3.1",
41
- "@onereach/styles": "^2.35.1-beta.2352.0",
41
+ "@onereach/styles": "^2.35.0",
42
42
  "@splidejs/splide": "4.0.6",
43
43
  "@types/lodash": "4.14.173",
44
44
  "@types/sortablejs": "1.10.7",
@@ -124,5 +124,6 @@
124
124
  "default": "./dist/bundled/v3/components/*/index.js"
125
125
  },
126
126
  "./package.json": "./package.json"
127
- }
127
+ },
128
+ "gitHead": "1f1852e105aaa4766853920c0b3686e9a3cacab3"
128
129
  }
@@ -9,6 +9,7 @@ export const CheckboxRoot: string[] = [
9
9
  export const CheckboxControl: string[] = [
10
10
  // Layout
11
11
  'layout-row justify-center',
12
+ 'shrink-0',
12
13
 
13
14
  // Box
14
15
  'w-md+ md:w-md',
@@ -24,10 +24,6 @@ export default {
24
24
  control: { type: 'select' },
25
25
  options: Object.values(NotificationVariant),
26
26
  },
27
-
28
- disableClose: {
29
- control: { type: 'boolean' },
30
- },
31
27
  },
32
28
 
33
29
  parameters: {
@@ -60,7 +56,6 @@ const Template: StoryFn<typeof OrNotification> = (args) => ({
60
56
  <OrNotification
61
57
  v-bind="args"
62
58
  @close="handleClose"
63
- class="shadow-none"
64
59
  >
65
60
  ${args.default}
66
61
  </OrNotification>
@@ -73,51 +68,3 @@ Notification.args = {
73
68
  // Slots
74
69
  default: '<a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
75
70
  };
76
-
77
- export const WithoutCloseButton = Template.bind({});
78
-
79
- WithoutCloseButton.args = {
80
- disableClose: true,
81
- // Slots
82
- default: '<a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
83
- };
84
-
85
- export const WithShadowOverride: StoryFn<typeof OrNotification> = (args) => ({
86
- components: {
87
- OrNotification,
88
- },
89
-
90
- setup() {
91
- return {
92
- args,
93
- handleClose: action('close'),
94
- };
95
- },
96
-
97
- template: `
98
- <div class="flex flex-col gap-3xl w-full">
99
- <OrNotification
100
- v-bind="args"
101
- @close="handleClose"
102
- >
103
- Default shadow
104
- </OrNotification>
105
- <OrNotification
106
- v-bind="args"
107
- @close="handleClose"
108
- class="shadow-none"
109
- >
110
- Without shadow
111
- </OrNotification>
112
- <OrNotification
113
- v-bind="args"
114
- @close="handleClose"
115
- class="shadow-modal"
116
- >
117
- Shadow like in modal
118
- </OrNotification>
119
- </div>
120
- `,
121
- });
122
-
123
- WithShadowOverride.args = {};