@instructure/ui-source-code-editor 11.7.3-snapshot-43 → 11.7.4-pr-snapshot-1781695314229

package/lib/SourceCodeEditor/v2/styles.js

@@ -1,236 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _highlight = require("@lezer/highlight");
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = (componentTheme, props, sharedTokens) => {
-  const {
-    attachment,
-    height,
-    width
-  } = props;
-  const attachmentBorderRadius = {
-    top: {
-      borderBottomLeftRadius: 0,
-      borderBottomRightRadius: 0
-    },
-    bottom: {
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0
-    }
-  };
-  const attachmentVariants = {
-    top: {
-      marginBottom: 0,
-      marginTop: '0.25rem'
-    },
-    bottom: {
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0,
-      marginBottom: '0.25rem'
-    }
-  };
-  const lineHeight = 1.4375;
-  return {
-    codeEditor: {
-      label: 'codeEditor',
-      position: 'relative',
-      boxSizing: 'border-box',
-      height: height || 'auto',
-      width
-    },
-    label: {
-      label: 'label',
-      height: '100%',
-      width: '100%'
-    },
-    codeEditorContainer: {
-      label: 'codeEditorContainer',
-      height: '100%',
-      width: '100%',
-      borderColor: componentTheme?.borderColor,
-      borderStyle: 'solid',
-      borderWidth: componentTheme?.borderWidth,
-      borderRadius: componentTheme.borderRadius,
-      marginBottom: '1rem',
-      ...(attachment && {
-        ...attachmentVariants[attachment],
-        ...attachmentBorderRadius[attachment]
-      })
-    },
-    theme: {
-      '&': {
-        overflow: 'hidden',
-        background: componentTheme.background,
-        fontFamily: componentTheme.fontFamily,
-        fontSize: componentTheme.fontSize,
-        color: componentTheme.color,
-        border: 0,
-        height: '100%',
-        width: '100%',
-        minHeight: `${lineHeight}rem`,
-        lineHeight,
-        borderRadius: componentTheme.borderRadius,
-        ...(attachment && {
-          ...attachmentBorderRadius[attachment]
-        })
-      },
-      '&.cm-editor.cm-focused': {
-        // Provide a simple default outline to make sure a focused
-        // editor is visually distinct. Can't leave the default behavior
-        // because that will apply to the content element, which is
-        // inside the scrollable container and doesn't include the
-        // gutters. We also can't use an 'auto' outline, since those
-        // are, for some reason, drawn behind the element content, which
-        // will cause things like the active line background to cover
-        // the outline (#297).
-        outline: `${componentTheme?.borderWidth} solid ${sharedTokens.focusOutline.infoColor}`
-      },
-      '.cm-content': {
-        padding: `${componentTheme.verticalPadding} 0`
-      },
-      '.cm-scroller': {
-        fontFamily: componentTheme.fontFamily,
-        lineHeight: 1.4375
-      },
-      '.cm-gutters': {
-        background: componentTheme.gutterBackground,
-        borderColor: componentTheme.borderColor
-      },
-      '.cm-line': {
-        padding: `0 ${componentTheme.horizontalPadding}`
-      },
-      '.cm-activeLine': {
-        backgroundColor: componentTheme.activeLineColor
-      },
-      '&.cm-focused .cm-cursor': {
-        borderLeftColor: componentTheme.color
-      },
-      '.cm-selectionBackground': {
-        background: 'transparent'
-      },
-      '.cm-selectionBackground, .cm-editor::selection': {
-        backgroundColor: componentTheme.focusedSelectionBackgroundColor + ' !important'
-      },
-      '.cm-placeholder': {
-        // for better contrast
-        color: componentTheme.placeholderBackgroundColor
-      }
-    },
-    highlightStyle: [
-    /**
-     * Copy of `defaultHighlightStyle` from '@codemirror/language'
-     */
-    // { tag: tags.meta, color: '#7a757a' },
-    {
-      tag: _highlight.tags.link,
-      textDecoration: 'underline'
-    }, {
-      tag: _highlight.tags.heading,
-      textDecoration: 'underline',
-      fontWeight: 'bold'
-    }, {
-      tag: _highlight.tags.emphasis,
-      fontStyle: 'italic'
-    }, {
-      tag: _highlight.tags.strong,
-      fontWeight: 'bold'
-    }, {
-      tag: _highlight.tags.strikethrough,
-      textDecoration: 'line-through'
-    }, {
-      tag: _highlight.tags.keyword,
-      color: componentTheme.tagKeywordColor
-    }, {
-      tag: [_highlight.tags.atom, _highlight.tags.bool, _highlight.tags.url, _highlight.tags.contentSeparator, _highlight.tags.labelName],
-      color: componentTheme.tagAtomColor
-    }, {
-      tag: [_highlight.tags.literal, _highlight.tags.inserted],
-      color: componentTheme.tagLiteralColor
-    }, {
-      tag: [_highlight.tags.string, _highlight.tags.deleted],
-      color: componentTheme.tagStringColor
-    },
-    // {
-    //   tag: [tags.regexp, tags.escape, tags.special(tags.string)],
-    //   color: '#e40'
-    // },
-    {
-      tag: _highlight.tags.definition(_highlight.tags.variableName),
-      color: componentTheme.tagDefinitionVariableNameColor
-    }, {
-      tag: _highlight.tags.local(_highlight.tags.variableName),
-      color: componentTheme.tagLocalVariableNameColor
-    },
-    // { tag: [tags.typeName, tags.namespace], color: '#085' },
-    {
-      tag: _highlight.tags.className,
-      color: componentTheme.tagClassNameColor
-    }, {
-      tag: [_highlight.tags.special(_highlight.tags.variableName), _highlight.tags.macroName],
-      color: componentTheme.tagSpecialVariableNameColor
-    }, {
-      tag: _highlight.tags.definition(_highlight.tags.propertyName),
-      color: componentTheme.tagDefinitionPropertyNameColor
-    }, {
-      tag: _highlight.tags.comment,
-      color: componentTheme.tagCommentColor
-    },
-    // { tag: tags.invalid, color: '#f00' },
-
-    /**
-     * Custom highlighting overrides
-     * (where original colors don't have enough contrast against #fff
-     * or active highlight background)
-     */
-    {
-      tag: _highlight.tags.meta,
-      color: componentTheme.tagMetaColor
-    }, {
-      tag: [_highlight.tags.regexp, _highlight.tags.escape, _highlight.tags.special(_highlight.tags.string)],
-      color: componentTheme.tagRegExpColor
-    }, {
-      tag: [_highlight.tags.typeName, _highlight.tags.namespace],
-      color: componentTheme.tagTypeNameColor
-    }, {
-      tag: _highlight.tags.invalid,
-      color: componentTheme.tagInvalidColor
-    }]
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/exports/a.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SourceCodeEditor", {
-  enumerable: true,
-  get: function () {
-    return _v.SourceCodeEditor;
-  }
-});
-var _v = require("../SourceCodeEditor/v1");

package/lib/exports/b.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SourceCodeEditor", {
-  enumerable: true,
-  get: function () {
-    return _v.SourceCodeEditor;
-  }
-});
-var _v = require("../SourceCodeEditor/v2");

package/lib/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}