@onereach/ui-components 17.4.0 → 17.5.0-beta.4905.0

package/dist/bundled/v2/components/OrCodeV3/OrCode.js

@@ -8,6 +8,7 @@ import __vue_component__$4 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$5 from '../OrLabelV3/OrLabel.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { CodeLanguage } from './props.js';
+import getLanguageExtension from './getLanguageExtension.js';
 import __vue_component__$6 from '../OrModalV3/OrModal.js';
 import __vue_component__$7 from '../OrIconButtonV3/OrIconButton.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
@@ -119,7 +120,10 @@ var __vue_render__$1 = function () {
     }
   }, [_c('div', {
     ref: 'control',
-    class: _vm.controlStyles
+    class: _vm.controlStyles,
+    attrs: {
+      "readonly": _vm.readonly
+    }
   })]), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     directives: [{
       name: "show",
@@ -245,24 +249,6 @@ var script = defineComponent({
       ...useValidationAttributes()
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const getLanguageExtension = async language => {
-      switch (language) {
-        case CodeLanguage.HTML:
-          return (await import('../../index-23c3c417.js')).html();
-        case CodeLanguage.CSS:
-          return (await import('../../index-e6ae0832.js')).css();
-        case CodeLanguage.JS:
-          return (await import('../../index-551622f4.js')).javascript();
-        case CodeLanguage.TS:
-          return (await import('../../index-551622f4.js')).javascript({
-            typescript: true
-          });
-        case CodeLanguage.JSON:
-          return (await import('../../index-19cec01f.js')).json();
-        case CodeLanguage.MD:
-          return (await import('../../index-039ba03b.js')).markdown();
-      }
-    };
     // Methods
     function focus() {
       var _a, _b;
@@ -296,9 +282,7 @@ var script = defineComponent({
       }
     }), EditorView.theme({
       '&': {
-        overflow: 'hidden',
-        color: theme.textColor['on-background'],
-        backgroundColor: theme.backgroundColor['background']
+        overflow: 'hidden'
       },
       '&.cm-focused': {
         outline: 'none'
@@ -309,8 +293,14 @@ var script = defineComponent({
         fontSize: theme.fontSize['caption'],
         lineHeight: theme.lineHeight['caption']
       },
+      '.cm-content': {
+        caretColor: 'inherit'
+      },
+      'cm-line': {
+        caretColor: 'inherit'
+      },
       '.cm-gutters': {
-        color: theme.textColor['on-background'],
+        color: 'inherit',
         backgroundColor: theme.backgroundColor['primary-opacity-0-12'],
         borderColor: theme.borderColor['outline'],
         backdropFilter: 'blur(2px)'

package/dist/bundled/v2/components/OrCodeV3/getLanguageExtension.d.ts

@@ -0,0 +1,3 @@
+import { CodeLanguage } from './props';
+declare function getLanguageExtension(language: CodeLanguage): Promise<import("@codemirror/language").LanguageSupport>;
+export default getLanguageExtension;

package/dist/bundled/v2/components/OrCodeV3/getLanguageExtension.js

@@ -0,0 +1,22 @@
+import { CodeLanguage } from './props.js';
+
+async function getLanguageExtension(language) {
+  switch (language) {
+    case CodeLanguage.HTML:
+      return (await import('../../index-23c3c417.js')).html();
+    case CodeLanguage.CSS:
+      return (await import('../../index-e6ae0832.js')).css();
+    case CodeLanguage.JS:
+      return (await import('../../index-551622f4.js')).javascript();
+    case CodeLanguage.TS:
+      return (await import('../../index-551622f4.js')).javascript({
+        typescript: true
+      });
+    case CodeLanguage.JSON:
+      return (await import('../../index-19cec01f.js')).json();
+    case CodeLanguage.MD:
+      return (await import('../../index-039ba03b.js')).markdown();
+  }
+}
+
+export { getLanguageExtension as default };

package/dist/bundled/v2/components/OrCodeV3/styles.js

@@ -18,9 +18,10 @@ const CodeControl = [
 // Spacing
 '!mx-0', '!my-0',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark',
-// todo: https://onereach.atlassian.net/browse/UI-580
-'dark:invert dark:hue-rotate-180'];
+'read-write:theme-background-default', 'read-write:dark:theme-background-default-dark', 'caret-[#50d71e] dark:caret-on-background-dark'
+// // todo: https://onereach.atlassian.net/browse/UI-580
+// 'dark:invert dark:hue-rotate-180',
+];
 const CodeModal = [
 // Sizing
 '!h-full'];