@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
package/src/components/or-notification-v3/OrNotification.vue CHANGED
@@ -15,7 +15,6 @@
15
15
  </div>
16
16
 
17
17
  <OrIconButton
18
- v-if="!disableClose"
19
18
  :icon="'close'"
20
19
  :size="'m'"
21
20
  @click.stop="$emit('close')"
@@ -43,11 +42,6 @@ export default defineComponent({
43
42
  type: String as PropType<NotificationVariant>,
44
43
  default: NotificationVariant.Info,
45
44
  },
46
-
47
- disableClose: {
48
- type: Boolean,
49
- default: false,
50
- },
51
45
  },
52
46
 
53
47
  expose: [
package/src/components/or-select-v3/OrSelect.stories3.ts CHANGED
@@ -330,3 +330,22 @@ WithGroups.args = {
330
330
  // Props
331
331
  groupByFunction: (option: SelectOption) => (option.value as string).length,
332
332
  };
333
+
334
+ export const WithLongStrings = Template.bind({});
335
+
336
+ WithLongStrings.args = {
337
+ ...Default.args,
338
+
339
+ options: Array.from<string, SelectOption>([
340
+ 'AlfaAlfaAlfaAlfaAlfaA lfaAlfaAlfaAlfaAlfaAlfaAlf lfaAlfaAlfaAlfaAlfaAlfaAlf aAlfaAlfaAlfaAlfaAlfaAlfaAlfaAlfaAlfaAlfa',
341
+ 'Bravo',
342
+ 'Charlie',
343
+ 'Delta',
344
+ 'Echo',
345
+ ], (item) => ({
346
+ value: item.toLowerCase().replace(/\s/g, ''),
347
+ label: item,
348
+ })),
349
+
350
+ placeholder: 'Wery Wery Wery WeryWeryWeryWery Wery Wery long placeholder',
351
+ };
package/src/components/or-select-v3/OrSelect.vue CHANGED
@@ -66,7 +66,9 @@
66
66
  name="valueTemplate"
67
67
  :model="proxyModelValue"
68
68
  >
69
- {{ selection.label }}
69
+ <span class="truncate">
70
+ {{ selection.label }}
71
+ </span>
70
72
  </slot>
71
73
  </template>
72
74
 
package/src/components/or-select-v3/styles.ts CHANGED
@@ -27,6 +27,9 @@ export const SelectPlaceholder: string[] = [
27
27
 
28
28
  // Interactivity
29
29
  'select-none',
30
+
31
+ // Typography
32
+ 'truncate',
30
33
  ];
31
34
 
32
35
  export const SelectDropdown: string[] = [
package/src/components/or-tag-v3/OrTag.vue CHANGED
@@ -8,8 +8,9 @@
8
8
  @focus="$emit('focus', $event)"
9
9
  @blur="$emit('blur', $event)"
10
10
  >
11
- <slot />
12
-
11
+ <div class="truncate">
12
+ <slot />
13
+ </div>
13
14
  <template v-if="variant === 'reset'">
14
15
  <div :class="['layout-row', 'm-[-4px] md:m-[-2px]']">
15
16
  <OrIconButton
package/src/components/or-tag-v3/styles.ts CHANGED
@@ -5,7 +5,8 @@ export const TagRoot: string[] = [
5
5
  'layout-inline-row',
6
6
 
7
7
  // Box
8
- 'max-w-fit',
8
+ 'w-fit',
9
+ 'max-w-full',
9
10
 
10
11
  // Shape
11
12
  'rounded-full',