@onereach/ui-components 5.5.2-beta.3210.0 → 5.6.0

package/dist/esm/v3/index.js

@@ -15,7 +15,12 @@ export { s as OrCheckboxTreeV3 } from './OrCheckboxTree-f6becd09.js';
 export { s as OrCheckboxV3 } from './OrCheckbox-9f821a86.js';
 export { s as OrChip } from './OrChip-74e27265.js';
 export { s as OrChips } from './OrChips-348b13e4.js';
-export { s as OrCode, O as OrCodeLanguages } from './OrCode-0aadc737.js';
+export { s as OrCode, O as OrCodeLanguages } from './OrCode-a4ec2041.js';
+export { basicSetup } from 'codemirror';
+export { lintGutter, linter } from '@codemirror/lint';
+export { javascript } from '@codemirror/lang-javascript';
+export { json, jsonParseLinter } from '@codemirror/lang-json';
+export { html } from '@codemirror/lang-html';
 export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-bab4d0a1.js';
 export { s as OrCollapse } from './OrCollapse-d7c0afae.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-252f482b.js';
@@ -97,9 +102,9 @@ export { s as OrTabV3 } from './OrTab-2d567d8e.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabs-7d2f3587.js';
 export { s as OrTag } from './OrTag-1b3b1296.js';
-export { s as OrTagInputV3 } from './OrTagInput-5e866ea3.js';
+export { s as OrTagInputV3 } from './OrTagInput-313e738c.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-6d177cf7.js';
-export { s as OrTagsV3, T as TagsOverflow } from './OrTags-2be5eb09.js';
+export { s as OrTagsV3 } from './OrTags-14b3eb12.js';
 export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-d54c951d.js';
@@ -140,11 +145,7 @@ import '@onereach/styles/tailwind.config.json';
 import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
-import 'codemirror';
-import '@codemirror/lang-html';
 import '@codemirror/lang-css';
-import '@codemirror/lang-json';
-import '@codemirror/lang-javascript';
 import '@codemirror/lang-markdown';
 import '@codemirror/language';
 import '@lezer/highlight';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "5.5.2-beta.3210.0",
+  "version": "5.6.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -156,5 +156,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "890c17852130db09dd2239b104786a265453ae81"
 }

package/src/components/or-code/OrCode.vue

@@ -85,7 +85,7 @@ import { Language, LanguageSupport } from '@codemirror/language';
 import { EditorState, Extension, Transaction } from '@codemirror/state';
 import { ViewUpdate, keymap } from '@codemirror/view';
 import { indentWithTab } from '@codemirror/commands';
-import { basicSetup, EditorView } from 'codemirror';
+import { EditorView } from 'codemirror';
 import { useElementHover } from '@vueuse/core';
 import { defineComponent, PropType, ref, Ref } from 'vue-demi';
 import { OrIconButton } from '../or-button-v2';
@@ -95,6 +95,7 @@ import { OrLabel } from '../or-label';
 import { OrModal } from '../or-modal';
 import { OrTeleport } from '../or-teleport';
 import { OrCodeLanguages } from './constants';
+import { basicSetup } from './libs';
 import languages from './lang';
 import orCodeTheme from './theme';
 

package/src/components/or-code/index.ts

@@ -1,2 +1,3 @@
 export { default as OrCode } from './OrCode.vue';
 export * from './constants';
+export * from './libs';

package/src/components/or-code/libs.ts

@@ -0,0 +1,7 @@
+// used in the bundled expression-components
+
+export { basicSetup } from 'codemirror';
+export { linter, lintGutter } from '@codemirror/lint';
+export { javascript } from '@codemirror/lang-javascript';
+export { json, jsonParseLinter } from '@codemirror/lang-json';
+export { html } from '@codemirror/lang-html';

package/src/components/or-tags-v3/OrTags.vue

@@ -54,8 +54,7 @@ import { useOverflow } from '../../hooks';
 import { OrButtonV3 as OrButton } from '../or-button-v3';
 import { OrPopoverV3 as OrPopover } from '../or-popover-v3';
 import { OrTagV3 as OrTag } from '../or-tag-v3';
-import { TagsOverflow } from './props';
-import { Tags, TagsContainer, TagsContainerOverflows, TagsOverflowButton, TagsOverflowPopover } from './styles';
+import { Tags, TagsContainer, TagsOverflowButton, TagsOverflowPopover } from './styles';
 
 export default defineComponent({
   name: 'OrTags',
@@ -72,11 +71,6 @@ export default defineComponent({
       default: () => [],
     },
 
-    overflow: {
-      type: String as PropType<`${TagsOverflow}`>,
-      default: TagsOverflow.Default,
-    },
-
     tagProps: {
       type: Object as PropType<InstanceType<typeof OrTag>['$props']>,
       default: undefined,
@@ -114,7 +108,6 @@ export default defineComponent({
 
     const containerStyles = computed(() => [
       ...TagsContainer,
-      ...TagsContainerOverflows[props.overflow],
     ]);
 
     const overflowButtonStyles = computed(() => [

package/src/components/or-tags-v3/index.ts

@@ -1,2 +1 @@
 export { default as OrTagsV3 } from './OrTags.vue';
-export * from './props';

package/src/components/or-tags-v3/styles.ts

@@ -1,9 +1,10 @@
-import { TagsOverflow } from './props';
-
 export const Tags: string[] = [
   // Layout
   'layout-row',
 
+  // Overflow
+  'overflow-hidden',
+
   // Spacing
   'gap-sm',
 
@@ -16,22 +17,13 @@ export const TagsContainer: string[] = [
   // Layout
   'layout-row',
 
+  // Overflow
+  'overflow-hidden',
+
   // Spacing
   'gap-sm',
 ];
 
-export const TagsContainerOverflows: Record<TagsOverflow, string[]> = {
-  [TagsOverflow.Default]: [
-    // Overflow
-    'overflow-hidden',
-  ],
-
-  [TagsOverflow.Wrap]: [
-    // Layout
-    '!flex-wrap',
-  ],
-};
-
 export const TagsOverflowButton: string[] = [
   // Typography
   'typography-caption-regular',

package/dist/bundled/v2/components/OrTagsV3/props.d.ts

@@ -1,4 +0,0 @@
-export declare enum TagsOverflow {
-    Default = "default",
-    Wrap = "wrap"
-}

package/dist/bundled/v2/components/OrTagsV3/props.js

@@ -1,7 +0,0 @@
-var TagsOverflow;
-(function (TagsOverflow) {
-  TagsOverflow["Default"] = "default";
-  TagsOverflow["Wrap"] = "wrap";
-})(TagsOverflow || (TagsOverflow = {}));
-
-export { TagsOverflow };

package/dist/bundled/v3/components/OrTagsV3/props.d.ts

@@ -1,4 +0,0 @@
-export declare enum TagsOverflow {
-    Default = "default",
-    Wrap = "wrap"
-}

package/dist/bundled/v3/components/OrTagsV3/props.js

@@ -1,7 +0,0 @@
-var TagsOverflow;
-(function (TagsOverflow) {
-  TagsOverflow["Default"] = "default";
-  TagsOverflow["Wrap"] = "wrap";
-})(TagsOverflow || (TagsOverflow = {}));
-
-export { TagsOverflow };

package/dist/esm/v2/components/or-tags-v3/props.d.ts

@@ -1,4 +0,0 @@
-export declare enum TagsOverflow {
-    Default = "default",
-    Wrap = "wrap"
-}

package/dist/esm/v3/components/or-tags-v3/props.d.ts

@@ -1,4 +0,0 @@
-export declare enum TagsOverflow {
-    Default = "default",
-    Wrap = "wrap"
-}

package/src/components/or-tags-v3/props.ts

@@ -1,4 +0,0 @@
-export enum TagsOverflow {
-  Default = 'default',
-  Wrap = 'wrap',
-}