@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
@@ -75,10 +75,6 @@ var script = defineComponent({
75
75
  variant: {
76
76
  type: String,
77
77
  default: NotificationVariant.Info
78
- },
79
- disableClose: {
80
- type: Boolean,
81
- default: false
82
78
  }
83
79
  },
84
80
  expose: ['root'],
@@ -130,7 +126,7 @@ var __vue_render__ = function () {
130
126
  }
131
127
  })], 1), _vm._v(" "), _c('div', {
132
128
  class: ['grow', 'my-[-2px] md:my-[-3px]']
133
- }, [_vm._t("default")], 2), _vm._v(" "), !_vm.disableClose ? _c('OrIconButton', {
129
+ }, [_vm._t("default")], 2), _vm._v(" "), _c('OrIconButton', {
134
130
  attrs: {
135
131
  "icon": 'close',
136
132
  "size": 'm'
@@ -141,7 +137,7 @@ var __vue_render__ = function () {
141
137
  return _vm.$emit('close');
142
138
  }
143
139
  }
144
- }) : _vm._e()], 1);
140
+ })], 1);
145
141
  };
146
142
  var __vue_staticRenderFns__ = [];
147
143
 
@@ -1,5 +1,5 @@
1
1
  import './index-fa6eb4ca.js';
2
- import { O as OrCheckbox } from './OrCheckbox-41d31e45.js';
2
+ import { O as OrCheckbox } from './OrCheckbox-384760cb.js';
3
3
  import { O as OrError } from './OrError-52f668a4.js';
4
4
  import { O as OrExpansionPanel } from './OrExpansionPanel-8968da49.js';
5
5
  import { O as OrHint } from './OrHint-fde53334.js';
@@ -9,7 +9,7 @@ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.js';
9
9
  import { O as OrLabel } from './OrLabel-aff09c39.js';
10
10
  import { O as OrMenuItem } from './OrMenuItem-f295292e.js';
11
11
  import { O as OrPopover } from './OrPopover-0697699f.js';
12
- import { O as OrTag } from './OrTag-59ab76c5.js';
12
+ import { O as OrTag } from './OrTag-d79178d7.js';
13
13
  import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
14
14
  import { u as useOverflow } from './useOverflow-bae6342f.js';
15
15
  import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -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', {
@@ -19,7 +19,7 @@ const TagRoot = [
19
19
  // Layout
20
20
  'layout-inline-row',
21
21
  // Box
22
- 'max-w-fit',
22
+ 'w-fit', 'max-w-full',
23
23
  // Shape
24
24
  'rounded-full',
25
25
  // Spacing
@@ -122,7 +122,9 @@ var __vue_render__ = function () {
122
122
  return _vm.$emit('blur', $event);
123
123
  }
124
124
  }
125
- }, [_vm._t("default"), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
125
+ }, [_c('div', {
126
+ staticClass: "truncate"
127
+ }, [_vm._t("default")], 2), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
126
128
  class: ['layout-row', 'm-[-4px] md:m-[-2px]']
127
129
  }, [_c('OrIconButton', {
128
130
  attrs: {
@@ -12,7 +12,7 @@ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultV
12
12
  export { _ as OrCardV3 } from '../OrCard-45d5869b.js';
13
13
  export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-0a3079c4.js';
14
14
  export { O as OrCheckbox } from '../OrCheckbox-a7b582e7.js';
15
- export { O as OrCheckboxV3 } from '../OrCheckbox-41d31e45.js';
15
+ export { O as OrCheckboxV3 } from '../OrCheckbox-384760cb.js';
16
16
  export { O as OrChip } from '../OrChip-5223485f.js';
17
17
  export { _ as OrChips } from '../OrChips-03362e17.js';
18
18
  export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-538d60b8.js';
@@ -53,7 +53,7 @@ export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as Popov
53
53
  export { O as OrModal, a as OrModalSizes } from '../OrModal-0026f7c8.js';
54
54
  export { M as ModalSize, _ as OrModalV3 } from '../OrModal-4218b040.js';
55
55
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-e9db011e.js';
56
- export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-f2fe5d84.js';
56
+ export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-35c163f7.js';
57
57
  export { _ as OrNumberInput } from '../OrNumberInput-3c45193e.js';
58
58
  export { _ as OrOverflowMenu } from '../OrOverflowMenu-29c1ea12.js';
59
59
  export { O as OrOverlay } from '../OrOverlay-5263b088.js';
@@ -69,7 +69,7 @@ export { O as OrSearch } from '../OrSearch-51152b91.js';
69
69
  export { O as OrSearchV3 } from '../OrSearch-0178b612.js';
70
70
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-878279bf.js';
71
71
  export { _ as OrSelect } from '../OrSelect-0213e21a.js';
72
- export { _ as OrSelectV3 } from '../OrSelect-43ba3073.js';
72
+ export { _ as OrSelectV3 } from '../OrSelect-617da939.js';
73
73
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-9e7fe79c.js';
74
74
  export { _ as OrSidebarV3 } from '../OrSidebar-b7a27e27.js';
75
75
  export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-e8632afe.js';
@@ -86,7 +86,7 @@ export { O as OrTabV3 } from '../OrTab-8c5acf8a.js';
86
86
  export { _ as OrTabs } from '../OrTabs-251baec9.js';
87
87
  export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-70c1818f.js';
88
88
  export { _ as OrTag } from '../OrTag-e0b41e02.js';
89
- export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-59ab76c5.js';
89
+ export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-d79178d7.js';
90
90
  export { O as OrTeleport } from '../OrTeleport.vue2-90147f16.js';
91
91
  export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
92
92
  export { _ as OrTextV3 } from '../OrText-15bf85c4.js';
@@ -1,4 +1,4 @@
1
- export { O as OrCheckboxV3 } from '../../OrCheckbox-41d31e45.js';
1
+ export { O as OrCheckboxV3 } from '../../OrCheckbox-384760cb.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -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-f2fe5d84.js';
1
+ export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-35c163f7.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -1,9 +1,9 @@
1
- export { _ as OrSelectV3 } from '../../OrSelect-43ba3073.js';
1
+ export { _ as OrSelectV3 } from '../../OrSelect-617da939.js';
2
2
  export { a as SelectSize } from '../../OrInputBox-e54dcef9.js';
3
3
  import '../../index-fa6eb4ca.js';
4
4
  import 'vue';
5
5
  import '@vue/composition-api/dist/vue-composition-api.mjs';
6
- import '../../OrCheckbox-41d31e45.js';
6
+ import '../../OrCheckbox-384760cb.js';
7
7
  import '../../OrLabel-aff09c39.js';
8
8
  import '../../normalize-component-6e8e3d80.js';
9
9
  import '../../useIdAttribute-cf61643f.js';
@@ -27,6 +27,6 @@ import '../../useResponsive-e13dfbb0.js';
27
27
  import '../../OrLoader-cf28bfa6.js';
28
28
  import '../../useValidationAttributes-6df7bcf9.js';
29
29
  import '../../OrMenuItem-f295292e.js';
30
- import '../../OrTag-59ab76c5.js';
30
+ import '../../OrTag-d79178d7.js';
31
31
  import '../../dropdown-open-e2a93aaf.js';
32
32
  import '../../useOverflow-bae6342f.js';
@@ -1,4 +1,4 @@
1
- export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-59ab76c5.js';
1
+ export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-d79178d7.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';