@onereach/ui-components 4.3.13-beta.2684.0 → 4.3.13

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 (61) hide show
  1. package/dist/bundled/v2/components/OrCarousel/OrCarousel.js +6 -3
  2. package/dist/bundled/v2/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
  3. package/dist/bundled/v2/components/OrCarousel/index.js +1 -1
  4. package/dist/bundled/v2/components/OrTagV3/OrTag.vue.d.ts +5 -5
  5. package/dist/bundled/v2/components/index.d.ts +0 -1
  6. package/dist/bundled/v2/components/index.js +0 -2
  7. package/dist/bundled/v2/index.js +1 -3
  8. package/dist/bundled/v3/{OrCarousel.vue_vue_type_script_lang-188ca513.js → OrCarousel.vue_vue_type_script_lang-5222cb8d.js} +4 -0
  9. package/dist/bundled/v3/components/OrCarousel/OrCarousel.js +3 -3
  10. package/dist/bundled/v3/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
  11. package/dist/bundled/v3/components/OrCarousel/index.js +2 -2
  12. package/dist/bundled/v3/components/OrTagV3/OrTag.vue.d.ts +5 -5
  13. package/dist/bundled/v3/components/index.d.ts +0 -1
  14. package/dist/bundled/v3/components/index.js +1 -3
  15. package/dist/bundled/v3/index.js +2 -5
  16. package/dist/esm/v2/{OrCarousel-5c2b2d10.js → OrCarousel-76dc2b7b.js} +3 -2
  17. package/dist/esm/v2/components/index.d.ts +0 -1
  18. package/dist/esm/v2/components/index.js +2 -2
  19. package/dist/esm/v2/components/or-carousel/OrCarousel.vue.d.ts +1 -0
  20. package/dist/esm/v2/components/or-carousel/index.js +2 -1
  21. package/dist/esm/v2/components/or-tag-v3/OrTag.vue.d.ts +5 -5
  22. package/dist/esm/v2/index.js +2 -2
  23. package/dist/esm/v3/{OrCarousel-4fb775f8.js → OrCarousel-40f069d5.js} +2 -1
  24. package/dist/esm/v3/components/index.d.ts +0 -1
  25. package/dist/esm/v3/components/index.js +2 -2
  26. package/dist/esm/v3/components/or-carousel/OrCarousel.vue.d.ts +1 -0
  27. package/dist/esm/v3/components/or-carousel/index.js +2 -1
  28. package/dist/esm/v3/components/or-tag-v3/OrTag.vue.d.ts +5 -5
  29. package/dist/esm/v3/index.js +2 -2
  30. package/package.json +3 -2
  31. package/src/components/index.ts +0 -1
  32. package/src/components/or-carousel/OrCarousel.vue +2 -2
  33. package/src/components/or-tag-v3/OrTag.vue +2 -3
  34. package/dist/bundled/v2/components/OrTagsV3/OrTags.js +0 -163
  35. package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts +0 -80
  36. package/dist/bundled/v2/components/OrTagsV3/index.d.ts +0 -1
  37. package/dist/bundled/v2/components/OrTagsV3/index.js +0 -37
  38. package/dist/bundled/v2/components/OrTagsV3/styles.d.ts +0 -4
  39. package/dist/bundled/v2/components/OrTagsV3/styles.js +0 -26
  40. package/dist/bundled/v3/OrTags.vue_vue_type_script_lang-e75444b5.js +0 -70
  41. package/dist/bundled/v3/components/OrTagsV3/OrTags.js +0 -101
  42. package/dist/bundled/v3/components/OrTagsV3/OrTags.vue.d.ts +0 -36
  43. package/dist/bundled/v3/components/OrTagsV3/index.d.ts +0 -1
  44. package/dist/bundled/v3/components/OrTagsV3/index.js +0 -46
  45. package/dist/bundled/v3/components/OrTagsV3/styles.d.ts +0 -4
  46. package/dist/bundled/v3/components/OrTagsV3/styles.js +0 -26
  47. package/dist/esm/v2/OrTags-4ffaa13b.js +0 -159
  48. package/dist/esm/v2/components/or-tags-v3/OrTags.vue.d.ts +0 -80
  49. package/dist/esm/v2/components/or-tags-v3/index.d.ts +0 -1
  50. package/dist/esm/v2/components/or-tags-v3/index.js +0 -19
  51. package/dist/esm/v2/components/or-tags-v3/styles.d.ts +0 -4
  52. package/dist/esm/v3/OrTags-a082de82.js +0 -147
  53. package/dist/esm/v3/components/or-tags-v3/OrTags.vue.d.ts +0 -36
  54. package/dist/esm/v3/components/or-tags-v3/index.d.ts +0 -1
  55. package/dist/esm/v3/components/or-tags-v3/index.js +0 -18
  56. package/dist/esm/v3/components/or-tags-v3/styles.d.ts +0 -4
  57. package/src/components/or-tags-v3/OrTags.docs.mdx +0 -7
  58. package/src/components/or-tags-v3/OrTags.stories3.ts +0 -101
  59. package/src/components/or-tags-v3/OrTags.vue +0 -129
  60. package/src/components/or-tags-v3/index.ts +0 -1
  61. package/src/components/or-tags-v3/styles.ts +0 -41
@@ -1,4 +1,5 @@
1
1
  import { Splide } from '@splidejs/splide';
2
+ import '@splidejs/splide/dist/css/splide.min.css';
2
3
  import { _ as __vue_component__$1 } from './OrIcon-a40e60af.js';
3
4
  import { defineComponent, ref } from 'vue-demi';
4
5
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -185,7 +186,7 @@ var script = defineComponent({
185
186
  }
186
187
  });
187
188
 
188
- var css_248z = ".or-carousel[data-v-53c22bd2]{line-height:1;text-align:center}.or-carousel__track-container[data-v-53c22bd2]{position:relative}.or-carousel .splide__arrow[data-v-53c22bd2]:focus-visible{outline:0}.or-carousel[data-v-53c22bd2] .splide__pagination__page{background:#64b2da}";
189
+ var css_248z = ".or-carousel[data-v-79a6ba5c]{line-height:1;text-align:center}.or-carousel__track-container[data-v-79a6ba5c]{position:relative}.or-carousel .splide__arrow[data-v-79a6ba5c]:focus-visible{outline:0}.or-carousel[data-v-79a6ba5c] .splide__pagination__page{background:#64b2da}";
189
190
  styleInject(css_248z);
190
191
 
191
192
  /* script */
@@ -231,7 +232,7 @@ var __vue_staticRenderFns__ = [];
231
232
  /* style */
232
233
  const __vue_inject_styles__ = undefined;
233
234
  /* scoped */
234
- const __vue_scope_id__ = "data-v-53c22bd2";
235
+ const __vue_scope_id__ = "data-v-79a6ba5c";
235
236
  /* module identifier */
236
237
  const __vue_module_identifier__ = undefined;
237
238
  /* functional template */
@@ -86,7 +86,6 @@ export * from './or-tabs';
86
86
  export * from './or-tabs-v3';
87
87
  export * from './or-tag';
88
88
  export * from './or-tag-v3';
89
- export * from './or-tags-v3';
90
89
  export * from './or-teleport';
91
90
  export * from './or-teleport-v3';
92
91
  export * from './or-text-v3';
@@ -10,7 +10,7 @@ export { _ as OrCard } from '../OrCard-c44d9783.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-fe8a1a88.js';
11
11
  export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-722c83ce.js';
12
12
  export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
13
- export { _ as OrCarousel } from '../OrCarousel-5c2b2d10.js';
13
+ export { _ as OrCarousel } from '../OrCarousel-76dc2b7b.js';
14
14
  export { _ as OrCarouselItem } from '../OrCarouselItem-c614bab9.js';
15
15
  export { _ as OrCheckbox } from '../OrCheckbox-03e5eaff.js';
16
16
  export { _ as OrCheckboxV3 } from '../OrCheckbox-59332f84.js';
@@ -96,7 +96,6 @@ export { _ as OrTabs } from '../OrTabs-1b314eeb.js';
96
96
  export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-87069663.js';
97
97
  export { _ as OrTag } from '../OrTag-8ded4261.js';
98
98
  export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-843ec724.js';
99
- export { _ as OrTagsV3 } from '../OrTags-4ffaa13b.js';
100
99
  export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
101
100
  export { _ as OrTeleportV3 } from '../OrTeleport.vue2-424c7f33.js';
102
101
  export { _ as OrTextV3 } from '../OrText-44449e7b.js';
@@ -119,6 +118,7 @@ import '../color-40b7fe6b.js';
119
118
  import '@vueuse/core';
120
119
  import '../OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
121
120
  import '@splidejs/splide';
121
+ import '@splidejs/splide/dist/css/splide.min.css';
122
122
  import '../useIdAttribute-859439f0.js';
123
123
  import '../OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
124
124
  import '@codemirror/state';
@@ -1,4 +1,5 @@
1
1
  import { Splide, ResponsiveOptions } from '@splidejs/splide';
2
+ import '@splidejs/splide/dist/css/splide.min.css';
2
3
  import { PropType } from 'vue-demi';
3
4
  import { Direction, KeyBoard, Type } from './constants';
4
5
  declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -1,6 +1,7 @@
1
- export { _ as OrCarousel } from '../../OrCarousel-5c2b2d10.js';
1
+ export { _ as OrCarousel } from '../../OrCarousel-76dc2b7b.js';
2
2
  export { _ as OrCarouselItem } from '../../OrCarouselItem-c614bab9.js';
3
3
  import '@splidejs/splide';
4
+ import '@splidejs/splide/dist/css/splide.min.css';
4
5
  import '../../OrIcon-a40e60af.js';
5
6
  import 'vue-demi';
6
7
  import 'lodash';
@@ -6,7 +6,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
6
6
  custom: import("@vue/composition-api").ComputedRef<boolean>;
7
7
  }> & import("@vue/composition-api").Data, {}, {}, {
8
8
  variant: {
9
- type: PropType<"tag" | "button" | "reset">;
9
+ type: PropType<TagVariant>;
10
10
  default: TagVariant;
11
11
  };
12
12
  color: {
@@ -19,7 +19,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
19
19
  };
20
20
  }, import("@vue/composition-api").ExtractPropTypes<{
21
21
  variant: {
22
- type: PropType<"tag" | "button" | "reset">;
22
+ type: PropType<TagVariant>;
23
23
  default: TagVariant;
24
24
  };
25
25
  color: {
@@ -31,7 +31,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
31
31
  default: boolean;
32
32
  };
33
33
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
34
- variant: "tag" | "button" | "reset";
34
+ variant: TagVariant;
35
35
  color: string;
36
36
  disabled: boolean;
37
37
  } & {} & {
@@ -41,13 +41,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
41
41
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
42
42
  custom: import("@vue/composition-api").ComputedRef<boolean>;
43
43
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
44
- variant: "tag" | "button" | "reset";
44
+ variant: TagVariant;
45
45
  color: string;
46
46
  disabled: boolean;
47
47
  } & {} & {
48
48
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
49
49
  }, {
50
- variant: "tag" | "button" | "reset";
50
+ variant: TagVariant;
51
51
  color: string;
52
52
  disabled: boolean;
53
53
  }, true>);
@@ -10,7 +10,7 @@ export { _ as OrCard } from './OrCard-c44d9783.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-fe8a1a88.js';
11
11
  export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-722c83ce.js';
12
12
  export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
13
- export { _ as OrCarousel } from './OrCarousel-5c2b2d10.js';
13
+ export { _ as OrCarousel } from './OrCarousel-76dc2b7b.js';
14
14
  export { _ as OrCarouselItem } from './OrCarouselItem-c614bab9.js';
15
15
  export { _ as OrCheckbox } from './OrCheckbox-03e5eaff.js';
16
16
  export { _ as OrCheckboxV3 } from './OrCheckbox-59332f84.js';
@@ -96,7 +96,6 @@ export { _ as OrTabs } from './OrTabs-1b314eeb.js';
96
96
  export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-87069663.js';
97
97
  export { _ as OrTag } from './OrTag-8ded4261.js';
98
98
  export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-843ec724.js';
99
- export { _ as OrTagsV3 } from './OrTags-4ffaa13b.js';
100
99
  export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
101
100
  export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
102
101
  export { _ as OrTextV3 } from './OrText-44449e7b.js';
@@ -127,6 +126,7 @@ import './normalize-component-6e8e3d80.js';
127
126
  import '@vueuse/core';
128
127
  import './OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
129
128
  import '@splidejs/splide';
129
+ import '@splidejs/splide/dist/css/splide.min.css';
130
130
  import './OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
131
131
  import '@codemirror/state';
132
132
  import '@codemirror/view';
@@ -1,4 +1,5 @@
1
1
  import { Splide } from '@splidejs/splide';
2
+ import '@splidejs/splide/dist/css/splide.min.css';
2
3
  import { s as script$1 } from './OrIcon-b566a871.js';
3
4
  import { defineComponent, ref } from 'vue-demi';
4
5
  import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
@@ -220,7 +221,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
220
221
  })])])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("ul", _hoisted_8, [renderSlot(_ctx.$slots, "default")])])])], 512 /* NEED_PATCH */)]);
221
222
  }
222
223
 
223
- var css_248z = "@import '~@splidejs/splide/dist/css/splide.min.css';\n.or-carousel[data-v-1a3da3b8] {\n line-height: 1;\n text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n background: #64b2da;\n}";
224
+ var css_248z = ".or-carousel[data-v-1a3da3b8] {\n line-height: 1;\n text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n background: #64b2da;\n}";
224
225
  styleInject(css_248z);
225
226
 
226
227
  script.render = render;
@@ -86,7 +86,6 @@ export * from './or-tabs';
86
86
  export * from './or-tabs-v3';
87
87
  export * from './or-tag';
88
88
  export * from './or-tag-v3';
89
- export * from './or-tags-v3';
90
89
  export * from './or-teleport';
91
90
  export * from './or-teleport-v3';
92
91
  export * from './or-text-v3';
@@ -9,7 +9,7 @@ export { s as OrCard } from '../OrCard-e3a5aea4.js';
9
9
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-d79dac85.js';
10
10
  export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-b319b723.js';
11
11
  export { s as OrCardV3 } from '../OrCard-cc82902c.js';
12
- export { s as OrCarousel } from '../OrCarousel-4fb775f8.js';
12
+ 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';
@@ -94,7 +94,6 @@ export { s as OrTabs } from '../OrTabs-35a376a3.js';
94
94
  export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-3d9c1a8b.js';
95
95
  export { s as OrTag } from '../OrTag-2d9eacf8.js';
96
96
  export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-6116c6e3.js';
97
- export { s as OrTagsV3 } from '../OrTags-a082de82.js';
98
97
  export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
99
98
  export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
100
99
  export { s as OrTextV3 } from '../OrText-d54c951d.js';
@@ -116,6 +115,7 @@ import '../style-inject.es-4c6f2515.js';
116
115
  import '../color-40b7fe6b.js';
117
116
  import '@vueuse/core';
118
117
  import '@splidejs/splide';
118
+ import '@splidejs/splide/dist/css/splide.min.css';
119
119
  import '../useIdAttribute-859439f0.js';
120
120
  import '@codemirror/state';
121
121
  import '@codemirror/view';
@@ -1,4 +1,5 @@
1
1
  import { Splide, ResponsiveOptions } from '@splidejs/splide';
2
+ import '@splidejs/splide/dist/css/splide.min.css';
2
3
  import { PropType } from 'vue-demi';
3
4
  import { Direction, KeyBoard, Type } from './constants';
4
5
  declare const _default: import("vue-demi").DefineComponent<{
@@ -1,6 +1,7 @@
1
- export { s as OrCarousel } from '../../OrCarousel-4fb775f8.js';
1
+ export { s as OrCarousel } from '../../OrCarousel-40f069d5.js';
2
2
  export { s as OrCarouselItem } from '../../OrCarouselItem-8c7ccd0f.js';
3
3
  import '@splidejs/splide';
4
+ import '@splidejs/splide/dist/css/splide.min.css';
4
5
  import '../../OrIcon-b566a871.js';
5
6
  import 'vue-demi';
6
7
  import 'lodash';
@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
2
2
  import { TagColor, TagVariant } from './props';
3
3
  declare const _default: import("vue-demi").DefineComponent<{
4
4
  variant: {
5
- type: PropType<"tag" | "button" | "reset">;
5
+ type: PropType<TagVariant>;
6
6
  default: TagVariant;
7
7
  };
8
8
  color: {
@@ -17,9 +17,9 @@ declare const _default: import("vue-demi").DefineComponent<{
17
17
  root: import("vue-demi").Ref<HTMLElement | undefined>;
18
18
  rootStyles: import("vue-demi").ComputedRef<string[]>;
19
19
  custom: import("vue-demi").ComputedRef<boolean>;
20
- }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("reset" | "click" | "focus" | "blur")[], "reset" | "click" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
20
+ }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur" | "reset")[], "click" | "focus" | "blur" | "reset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
21
21
  variant: {
22
- type: PropType<"tag" | "button" | "reset">;
22
+ type: PropType<TagVariant>;
23
23
  default: TagVariant;
24
24
  };
25
25
  color: {
@@ -31,12 +31,12 @@ declare const _default: import("vue-demi").DefineComponent<{
31
31
  default: boolean;
32
32
  };
33
33
  }>> & {
34
- onReset?: ((...args: any[]) => any) | undefined;
35
34
  onClick?: ((...args: any[]) => any) | undefined;
36
35
  onFocus?: ((...args: any[]) => any) | undefined;
37
36
  onBlur?: ((...args: any[]) => any) | undefined;
37
+ onReset?: ((...args: any[]) => any) | undefined;
38
38
  }, {
39
- variant: "tag" | "button" | "reset";
39
+ variant: TagVariant;
40
40
  color: string;
41
41
  disabled: boolean;
42
42
  }>;
@@ -9,7 +9,7 @@ export { s as OrCard } from './OrCard-e3a5aea4.js';
9
9
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-d79dac85.js';
10
10
  export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-b319b723.js';
11
11
  export { s as OrCardV3 } from './OrCard-cc82902c.js';
12
- export { s as OrCarousel } from './OrCarousel-4fb775f8.js';
12
+ 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';
@@ -94,7 +94,6 @@ export { s as OrTabs } from './OrTabs-35a376a3.js';
94
94
  export { s as OrTabsV3, T as TabsVariant } from './OrTabs-3d9c1a8b.js';
95
95
  export { s as OrTag } from './OrTag-2d9eacf8.js';
96
96
  export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-6116c6e3.js';
97
- export { s as OrTagsV3 } from './OrTags-a082de82.js';
98
97
  export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
99
98
  export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
100
99
  export { s as OrTextV3 } from './OrText-d54c951d.js';
@@ -124,6 +123,7 @@ import 'vue';
124
123
  import './style-inject.es-4c6f2515.js';
125
124
  import '@vueuse/core';
126
125
  import '@splidejs/splide';
126
+ import '@splidejs/splide/dist/css/splide.min.css';
127
127
  import '@codemirror/state';
128
128
  import '@codemirror/view';
129
129
  import '@codemirror/commands';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "4.3.13-beta.2684.0",
3
+ "version": "4.3.13",
4
4
  "description": "Vue components library for v2/3",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/auto/index.js",
@@ -153,5 +153,6 @@
153
153
  "default": "./dist/bundled/v3/components/*/index.js"
154
154
  },
155
155
  "./package.json": "./package.json"
156
- }
156
+ },
157
+ "gitHead": "cb8796d591ee4844ee72e3a36f035c0986d29ba5"
157
158
  }
@@ -86,7 +86,6 @@ export * from './or-tabs';
86
86
  export * from './or-tabs-v3';
87
87
  export * from './or-tag';
88
88
  export * from './or-tag-v3';
89
- export * from './or-tags-v3';
90
89
  export * from './or-teleport';
91
90
  export * from './or-teleport-v3';
92
91
  export * from './or-text-v3';
@@ -32,9 +32,11 @@
32
32
 
33
33
  <script lang="ts">
34
34
  import { Splide, ResponsiveOptions } from '@splidejs/splide';
35
+ import '@splidejs/splide/dist/css/splide.min.css';
35
36
  import { OrIcon } from '../or-icon';
36
37
  import { defineComponent, PropType, ref } from 'vue-demi';
37
38
  import { Direction, EVENTS, KeyBoard, Type } from './constants';
39
+
38
40
  export default defineComponent({
39
41
  name: 'OrCarousel',
40
42
  components: {
@@ -185,8 +187,6 @@ export default defineComponent({
185
187
  </script>
186
188
 
187
189
  <style lang="scss" scoped>
188
- @import '~@splidejs/splide/dist/css/splide.min.css';
189
-
190
190
  .or-carousel {
191
191
  &__track-container {
192
192
  position: relative;
@@ -11,7 +11,6 @@
11
11
  <div class="truncate">
12
12
  <slot />
13
13
  </div>
14
-
15
14
  <template v-if="variant === 'reset'">
16
15
  <div :class="['layout-inline-row', 'm-[-4px] md:m-[-2px]']">
17
16
  <OrIconButton
@@ -40,12 +39,12 @@ export default defineComponent({
40
39
 
41
40
  props: {
42
41
  variant: {
43
- type: String as PropType<`${TagVariant}`>,
42
+ type: String as PropType<TagVariant>,
44
43
  default: TagVariant.Tag,
45
44
  },
46
45
 
47
46
  color: {
48
- type: String as PropType<`${TagColor}` | string>,
47
+ type: String as PropType<TagColor | string>,
49
48
  default: TagColor.Default,
50
49
  },
51
50
 
@@ -1,163 +0,0 @@
1
- import { defineComponent, ref, computed } from 'vue-demi';
2
- import { Tags, TagsContainer, TagsOverflowButton, TagsOverflowPopover } from './styles.js';
3
- import __vue_component__$1 from '../OrButtonV3/OrButton.js';
4
- import __vue_component__$2 from '../OrPopoverV3/OrPopover.js';
5
- import __vue_component__$3 from '../OrTagV3/OrTag.js';
6
- import { useOverflow } from '../../hooks/useOverflow.js';
7
- import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
8
- import '../OrButtonV3/props.js';
9
- import '../OrButtonV3/styles.js';
10
- import '../OrLoaderV3/OrLoader.js';
11
- import '@vueuse/core';
12
- import '../OrLoaderV3/props.js';
13
- import '../OrLoaderV3/styles.js';
14
- import '../../floating-ui.dom.esm-83eba816.js';
15
- import '../OrPopoverV3/props.js';
16
- import '../OrPopoverV3/styles.js';
17
- import '../OrBottomSheetV3/OrBottomSheet.js';
18
- import '../OrBottomSheetV3/props.js';
19
- import '../OrBottomSheetV3/styles.js';
20
- import '../OrOverlayV3/OrOverlay.js';
21
- import '../OrOverlayV3/styles.js';
22
- import '../OrTeleportV3/OrTeleport.js';
23
- import 'portal-vue';
24
- import '../../hooks/useElevation.js';
25
- import '../../utils/isVisible.js';
26
- import '../../hooks/useResponsive/useResponsive.js';
27
- import '../OrTagV3/props.js';
28
- import '../OrTagV3/styles.js';
29
- import '../OrIconButtonV3/OrIconButton.js';
30
- import '../OrIconButtonV3/props.js';
31
- import '../OrIconV3/props.js';
32
- import '../OrIconButtonV3/styles.js';
33
- import '../OrIconV3/OrIcon.js';
34
- import '../OrIconV3/styles.js';
35
- import '../OrTooltipV3/OrTooltip.js';
36
- import '../OrTooltipV3/styles.js';
37
-
38
- var script = defineComponent({
39
- name: 'OrTags',
40
- components: {
41
- OrButton: __vue_component__$1,
42
- OrPopover: __vue_component__$2,
43
- OrTag: __vue_component__$3
44
- },
45
- props: {
46
- items: {
47
- type: Array,
48
- default: () => []
49
- },
50
- tagProps: {
51
- type: Object,
52
- default: undefined
53
- }
54
- },
55
- setup(props) {
56
- // Refs
57
- const root = ref();
58
- const container = ref();
59
- const overflowButton = ref();
60
- const overflowButtonRoot = computed(() => {
61
- var _a;
62
- return (_a = overflowButton.value) === null || _a === void 0 ? void 0 : _a.root;
63
- });
64
- const overflowPopover = ref();
65
- const overflowPopoverRoot = computed(() => {
66
- var _a;
67
- return (_a = overflowPopover.value) === null || _a === void 0 ? void 0 : _a.root;
68
- });
69
- // Styles
70
- const rootStyles = computed(() => ['or-tags-v3', ...Tags]);
71
- const containerStyles = computed(() => [...TagsContainer]);
72
- const overflowButtonStyles = computed(() => [...TagsOverflowButton]);
73
- const overflowPopoverStyles = computed(() => [...TagsOverflowPopover]);
74
- // State
75
- const {
76
- innerItems
77
- } = useOverflow(container);
78
- const overflowItems = computed(() => {
79
- return props.items.slice(innerItems.value.length);
80
- });
81
- return {
82
- root,
83
- container,
84
- overflowButton,
85
- overflowButtonRoot,
86
- overflowPopover,
87
- overflowPopoverRoot,
88
- rootStyles,
89
- containerStyles,
90
- overflowButtonStyles,
91
- overflowPopoverStyles,
92
- overflowItems
93
- };
94
- }
95
- });
96
-
97
- /* script */
98
- const __vue_script__ = script;
99
-
100
- /* template */
101
- var __vue_render__ = function () {
102
- var _vm = this;
103
- var _h = _vm.$createElement;
104
- var _c = _vm._self._c || _h;
105
- return _c('div', {
106
- ref: "root",
107
- class: _vm.rootStyles
108
- }, [_c('div', {
109
- ref: "container",
110
- class: _vm.containerStyles
111
- }, _vm._l(_vm.items, function (item) {
112
- return _c('OrTag', _vm._b({
113
- key: item
114
- }, 'OrTag', _vm.tagProps, false), [_vm._v("\n " + _vm._s(item) + "\n ")]);
115
- }), 1), _vm._v(" "), _vm.overflowItems.length > 0 ? [_c('OrButton', {
116
- ref: "overflowButton",
117
- class: _vm.overflowButtonStyles,
118
- attrs: {
119
- "type": 'button',
120
- "variant": 'link',
121
- "color": 'inherit'
122
- },
123
- on: {
124
- "click": function ($event) {
125
- $event.stopPropagation();
126
- return _vm.overflowPopover.open();
127
- }
128
- }
129
- }, [_vm._v("\n +" + _vm._s(_vm.overflowItems.length) + "\n ")]), _vm._v(" "), _c('OrPopover', {
130
- ref: "overflowPopover",
131
- attrs: {
132
- "trigger": _vm.overflowButtonRoot
133
- }
134
- }, [_c('div', {
135
- class: _vm.overflowPopoverStyles
136
- }, _vm._l(_vm.overflowItems, function (item) {
137
- return _c('OrTag', _vm._b({
138
- key: item
139
- }, 'OrTag', _vm.tagProps, false), [_vm._v("\n " + _vm._s(item) + "\n ")]);
140
- }), 1)])] : _vm._e()], 2);
141
- };
142
- var __vue_staticRenderFns__ = [];
143
-
144
- /* style */
145
- const __vue_inject_styles__ = undefined;
146
- /* scoped */
147
- const __vue_scope_id__ = undefined;
148
- /* module identifier */
149
- const __vue_module_identifier__ = undefined;
150
- /* functional template */
151
- const __vue_is_functional_template__ = false;
152
- /* style inject */
153
-
154
- /* style inject SSR */
155
-
156
- /* style inject shadow dom */
157
-
158
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
159
- render: __vue_render__,
160
- staticRenderFns: __vue_staticRenderFns__
161
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
162
-
163
- export { __vue_component__ as default };
@@ -1,80 +0,0 @@
1
- import { PropType } from 'vue-demi';
2
- declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
3
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
4
- container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
5
- overflowButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
6
- [x: string]: ((...args: any[]) => any) | null;
7
- } | string[], {} & {}, {
8
- [x: number]: string;
9
- } | {}, true> | undefined>;
10
- overflowButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
11
- overflowPopover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
12
- [x: string]: ((...args: any[]) => any) | null;
13
- } | string[], {} & {}, {
14
- [x: number]: string;
15
- } | {}, true> | undefined>;
16
- overflowPopoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
17
- rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
18
- containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
19
- overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
20
- overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
21
- overflowItems: import("@vue/composition-api").ComputedRef<string[]>;
22
- }> & import("@vue/composition-api").Data, {}, {}, {
23
- items: {
24
- type: PropType<string[]>;
25
- default: () => never[];
26
- };
27
- tagProps: {
28
- type: PropType<Readonly<Partial<{
29
- [x: number]: string;
30
- } | {}> & Omit<{} & {}, never>>>;
31
- default: undefined;
32
- };
33
- }, import("@vue/composition-api").ExtractPropTypes<{
34
- items: {
35
- type: PropType<string[]>;
36
- default: () => never[];
37
- };
38
- tagProps: {
39
- type: PropType<Readonly<Partial<{
40
- [x: number]: string;
41
- } | {}> & Omit<{} & {}, never>>>;
42
- default: undefined;
43
- };
44
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
45
- items: string[];
46
- tagProps: Readonly<Partial<{
47
- [x: number]: string;
48
- } | {}> & Omit<{} & {}, never>>;
49
- } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
50
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
51
- container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
52
- overflowButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
53
- [x: string]: ((...args: any[]) => any) | null;
54
- } | string[], {} & {}, {
55
- [x: number]: string;
56
- } | {}, true> | undefined>;
57
- overflowButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
58
- overflowPopover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
59
- [x: string]: ((...args: any[]) => any) | null;
60
- } | string[], {} & {}, {
61
- [x: number]: string;
62
- } | {}, true> | undefined>;
63
- overflowPopoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
64
- rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
65
- containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
66
- overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
67
- overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
68
- overflowItems: import("@vue/composition-api").ComputedRef<string[]>;
69
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
70
- items: string[];
71
- tagProps: Readonly<Partial<{
72
- [x: number]: string;
73
- } | {}> & Omit<{} & {}, never>>;
74
- } & {}, {
75
- items: string[];
76
- tagProps: Readonly<Partial<{
77
- [x: number]: string;
78
- } | {}> & Omit<{} & {}, never>>;
79
- }, true>);
80
- export default _default;
@@ -1 +0,0 @@
1
- export { default as OrTagsV3 } from './OrTags.vue';
@@ -1,37 +0,0 @@
1
- export { default as OrTagsV3 } from './OrTags.js';
2
- import 'vue-demi';
3
- import './styles.js';
4
- import '../OrButtonV3/OrButton.js';
5
- import '../OrButtonV3/props.js';
6
- import '../OrButtonV3/styles.js';
7
- import '../OrLoaderV3/OrLoader.js';
8
- import '@vueuse/core';
9
- import '../OrLoaderV3/props.js';
10
- import '../OrLoaderV3/styles.js';
11
- import '../../normalize-component-6e8e3d80.js';
12
- import '../OrPopoverV3/OrPopover.js';
13
- import '../../floating-ui.dom.esm-83eba816.js';
14
- import '../OrPopoverV3/props.js';
15
- import '../OrPopoverV3/styles.js';
16
- import '../OrBottomSheetV3/OrBottomSheet.js';
17
- import '../OrBottomSheetV3/props.js';
18
- import '../OrBottomSheetV3/styles.js';
19
- import '../OrOverlayV3/OrOverlay.js';
20
- import '../OrOverlayV3/styles.js';
21
- import '../OrTeleportV3/OrTeleport.js';
22
- import 'portal-vue';
23
- import '../../hooks/useElevation.js';
24
- import '../../utils/isVisible.js';
25
- import '../../hooks/useResponsive/useResponsive.js';
26
- import '../OrTagV3/OrTag.js';
27
- import '../OrTagV3/props.js';
28
- import '../OrTagV3/styles.js';
29
- import '../OrIconButtonV3/OrIconButton.js';
30
- import '../OrIconButtonV3/props.js';
31
- import '../OrIconV3/props.js';
32
- import '../OrIconButtonV3/styles.js';
33
- import '../OrIconV3/OrIcon.js';
34
- import '../OrIconV3/styles.js';
35
- import '../OrTooltipV3/OrTooltip.js';
36
- import '../OrTooltipV3/styles.js';
37
- import '../../hooks/useOverflow.js';
@@ -1,4 +0,0 @@
1
- export declare const Tags: string[];
2
- export declare const TagsContainer: string[];
3
- export declare const TagsOverflowButton: string[];
4
- export declare const TagsOverflowPopover: string[];