@gooddata/sdk-ui-kit 10.27.0-alpha.43 → 10.27.0-alpha.45

package/styles/css/syntaxHighlightingInput.css

@@ -1,516 +1,15 @@
-/* BASICS */
-.CodeMirror {
-  /* Set height, width, borders, and global font properties here */
-  font-family: monospace;
-  height: 300px;
-  color: black;
-  direction: ltr;
-}
-
-/* PADDING */
-.CodeMirror-lines {
-  padding: 4px 0; /* Vertical padding around content */
-}
-
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
-  padding: 0 4px; /* Horizontal padding of content */
-}
-
-.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-  background-color: white; /* The little square between H and V scrollbars */
-}
-
-/* GUTTER */
-.CodeMirror-gutters {
-  border-right: 1px solid #ddd;
-  background-color: #f7f7f7;
-  white-space: nowrap;
-}
-
-.CodeMirror-linenumber {
-  padding: 0 3px 0 5px;
-  min-width: 20px;
-  text-align: right;
-  color: #999;
-  white-space: nowrap;
-}
-
-.CodeMirror-guttermarker {
-  color: black;
-}
-
-.CodeMirror-guttermarker-subtle {
-  color: #999;
-}
-
-/* CURSOR */
-.CodeMirror-cursor {
-  border-left: 1px solid black;
-  border-right: none;
-  width: 0;
-}
-
-/* Shown when moving in bi-directional text */
-.CodeMirror div.CodeMirror-secondarycursor {
-  border-left: 1px solid silver;
-}
-
-.cm-fat-cursor .CodeMirror-cursor {
-  width: auto;
-  border: 0 !important;
-  background: #7e7;
-}
-
-.cm-fat-cursor div.CodeMirror-cursors {
-  z-index: 1;
-}
-
-.cm-fat-cursor .CodeMirror-line::selection,
-.cm-fat-cursor .CodeMirror-line > span::selection,
-.cm-fat-cursor .CodeMirror-line > span > span::selection {
-  background: transparent;
-}
-
-.cm-fat-cursor .CodeMirror-line::-moz-selection,
-.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
-.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
-  background: transparent;
-}
-
-.cm-fat-cursor {
-  caret-color: transparent;
-}
-
-@-moz-keyframes blink {
-  50% {
-    background-color: transparent;
-  }
-}
-@-webkit-keyframes blink {
-  50% {
-    background-color: transparent;
-  }
-}
-@keyframes blink {
-  50% {
-    background-color: transparent;
-  }
-}
-/* Can style cursor different in overwrite (non-insert) mode */
-.cm-tab {
-  display: inline-block;
-  text-decoration: inherit;
-}
-
-.CodeMirror-rulers {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: -50px;
-  bottom: 0;
-  overflow: hidden;
-}
-
-.CodeMirror-ruler {
-  border-left: 1px solid #ccc;
-  top: 0;
-  bottom: 0;
-  position: absolute;
-}
-
-/* DEFAULT THEME */
-.cm-s-default .cm-header {
-  color: blue;
-}
-
-.cm-s-default .cm-quote {
-  color: #090;
-}
-
-.cm-negative {
-  color: #d44;
-}
-
-.cm-positive {
-  color: #292;
-}
-
-.cm-header, .cm-strong {
-  font-weight: bold;
-}
-
-.cm-em {
-  font-style: italic;
-}
-
-.cm-link {
-  text-decoration: underline;
-}
-
-.cm-strikethrough {
-  text-decoration: line-through;
-}
-
-.cm-s-default .cm-keyword {
-  color: #708;
-}
-
-.cm-s-default .cm-atom {
-  color: #219;
-}
-
-.cm-s-default .cm-number {
-  color: #164;
-}
-
-.cm-s-default .cm-def {
-  color: #00f;
-}
-
-.cm-s-default .cm-variable-2 {
-  color: #05a;
-}
-
-.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
-  color: #085;
-}
-
-.cm-s-default .cm-comment {
-  color: #a50;
-}
-
-.cm-s-default .cm-string {
-  color: #a11;
-}
-
-.cm-s-default .cm-string-2 {
-  color: #f50;
-}
-
-.cm-s-default .cm-meta {
-  color: #555;
-}
-
-.cm-s-default .cm-qualifier {
-  color: #555;
-}
-
-.cm-s-default .cm-builtin {
-  color: #30a;
-}
-
-.cm-s-default .cm-bracket {
-  color: #997;
-}
-
-.cm-s-default .cm-tag {
-  color: #170;
-}
-
-.cm-s-default .cm-attribute {
-  color: #00c;
-}
-
-.cm-s-default .cm-hr {
-  color: #999;
-}
-
-.cm-s-default .cm-link {
-  color: #00c;
-}
-
-.cm-s-default .cm-error {
-  color: #f00;
-}
-
-.cm-invalidchar {
-  color: #f00;
-}
-
-.CodeMirror-composing {
-  border-bottom: 2px solid;
-}
-
-/* Default styles for common addons */
-div.CodeMirror span.CodeMirror-matchingbracket {
-  color: #0b0;
-}
-
-div.CodeMirror span.CodeMirror-nonmatchingbracket {
-  color: #a22;
-}
-
-.CodeMirror-matchingtag {
-  background: rgba(255, 150, 0, 0.3);
-}
-
-.CodeMirror-activeline-background {
-  background: #e8f2ff;
-}
-
-/* STOP */
-/* The rest of this file contains styles related to the mechanics of
-   the editor. You probably shouldn't touch them. */
-.CodeMirror {
-  position: relative;
-  overflow: hidden;
-  background: white;
-}
-
-.CodeMirror-scroll {
-  overflow: scroll !important; /* Things will break if this is overridden */
-  /* 50px is the magic margin used to hide the element's real scrollbars */
-  /* See overflow: hidden in .CodeMirror */
-  margin-bottom: -50px;
-  margin-right: -50px;
-  padding-bottom: 50px;
-  height: 100%;
-  outline: none; /* Prevent dragging from highlighting the element */
-  position: relative;
-  z-index: 0;
-}
-
-.CodeMirror-sizer {
-  position: relative;
-  border-right: 50px solid transparent;
-}
-
-/* The fake, visible scrollbars. Used to force redraw during scrolling
-   before actual scrolling happens, thus preventing shaking and
-   flickering artifacts. */
-.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-  position: absolute;
-  z-index: 6;
-  display: none;
-  outline: none;
-}
-
-.CodeMirror-vscrollbar {
-  right: 0;
-  top: 0;
-  overflow-x: hidden;
-  overflow-y: scroll;
-}
-
-.CodeMirror-hscrollbar {
-  bottom: 0;
-  left: 0;
-  overflow-y: hidden;
-  overflow-x: scroll;
-}
-
-.CodeMirror-scrollbar-filler {
-  right: 0;
-  bottom: 0;
-}
-
-.CodeMirror-gutter-filler {
-  left: 0;
-  bottom: 0;
-}
-
-.CodeMirror-gutters {
-  position: absolute;
-  left: 0;
-  top: 0;
-  min-height: 100%;
-  z-index: 3;
-}
-
-.CodeMirror-gutter {
-  white-space: normal;
-  height: 100%;
-  display: inline-block;
-  vertical-align: top;
-  margin-bottom: -50px;
-}
-
-.CodeMirror-gutter-wrapper {
-  position: absolute;
-  z-index: 4;
-  background: none !important;
-  border: none !important;
-}
-
-.CodeMirror-gutter-background {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 4;
-}
-
-.CodeMirror-gutter-elt {
-  position: absolute;
-  cursor: default;
-  z-index: 4;
-}
-
-.CodeMirror-gutter-wrapper ::selection {
-  background-color: transparent;
-}
-
-.CodeMirror-gutter-wrapper ::-moz-selection {
-  background-color: transparent;
-}
-
-.CodeMirror-lines {
-  cursor: text;
-  min-height: 1px; /* prevents collapsing before first draw */
-}
-
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
-  /* Reset some styles that the rest of the page might have set */
-  -moz-border-radius: 0;
-  -webkit-border-radius: 0;
-  border-radius: 0;
-  border-width: 0;
-  background: transparent;
-  font-family: inherit;
-  font-size: inherit;
-  margin: 0;
-  white-space: pre;
-  word-wrap: normal;
-  line-height: inherit;
-  color: inherit;
-  z-index: 2;
-  position: relative;
-  overflow: visible;
-  -webkit-tap-highlight-color: transparent;
-  -webkit-font-variant-ligatures: contextual;
-  font-variant-ligatures: contextual;
-}
-
-.CodeMirror-wrap pre.CodeMirror-line,
-.CodeMirror-wrap pre.CodeMirror-line-like {
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  word-break: normal;
-}
-
-.CodeMirror-linebackground {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: 0;
-}
-
-.CodeMirror-linewidget {
-  position: relative;
-  z-index: 2;
-  padding: 0.1px; /* Force widget margins to stay inside of the container */
-}
-
-.CodeMirror-rtl pre {
-  direction: rtl;
-}
-
-.CodeMirror-code {
-  outline: none;
-}
-
-/* Force content-box sizing for the elements where we expect it */
-.CodeMirror-scroll,
-.CodeMirror-sizer,
-.CodeMirror-gutter,
-.CodeMirror-gutters,
-.CodeMirror-linenumber {
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-}
-
-.CodeMirror-measure {
-  position: absolute;
-  width: 100%;
-  height: 0;
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.CodeMirror-cursor {
-  position: absolute;
-  pointer-events: none;
-}
-
-.CodeMirror-measure pre {
-  position: static;
-}
-
-div.CodeMirror-cursors {
-  visibility: hidden;
-  position: relative;
-  z-index: 3;
-}
-
-div.CodeMirror-dragcursors {
-  visibility: visible;
-}
-
-.CodeMirror-focused div.CodeMirror-cursors {
-  visibility: visible;
-}
-
-.CodeMirror-selected {
-  background: #d9d9d9;
-}
-
-.CodeMirror-focused .CodeMirror-selected {
-  background: #d7d4f0;
-}
-
-.CodeMirror-crosshair {
-  cursor: crosshair;
-}
-
-.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
-  background: #d7d4f0;
-}
-
-.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
-  background: #d7d4f0;
-}
-
-.cm-searching {
-  background-color: #ffa;
-  background-color: rgba(255, 255, 0, 0.4);
-}
-
-/* Used to force a border model for a node */
-.cm-force-border {
-  padding-right: 0.1px;
-}
-
-@media print {
-  /* Hide the cursor when printing */
-  .CodeMirror div.CodeMirror-cursors {
-    visibility: hidden;
-  }
-}
-/* See issue #2901 */
-.cm-tab-wrap-hack:after {
-  content: "";
-}
-
-/* Help users use markselection to safely style text background */
-span.CodeMirror-selectedtext {
-  background: none;
-}
-
 /* allow vendor prefixes and disable max length */
 /* allow vendor prefixes and disable max length */
-.gd-input-syntax-highlighting-input .CodeMirror {
+.gd-input-syntax-highlighting-input .cm-editor {
   box-sizing: border-box;
   height: 100px;
   margin: 0;
-  padding: 2px 2px 0 3px;
+  padding: 0;
   border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
   line-height: normal;
   vertical-align: middle;
   color: #464e56;
-  background: #fff;
+  background: var(--gd-palette-complementary-0, #fff);
   font-size: 14px;
   font-family: monospace;
   font-weight: 200;
@@ -526,7 +25,7 @@ span.CodeMirror-selectedtext {
   border-radius: 3px;
   box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
 }
-.gd-input-syntax-highlighting-input .CodeMirror::-webkit-input-placeholder {
+.gd-input-syntax-highlighting-input .cm-editor::-webkit-input-placeholder {
   color: rgba(109, 118, 128, 0.75);
   -moz-transition-property: color;
   -webkit-transition-property: color;
@@ -538,7 +37,7 @@ span.CodeMirror-selectedtext {
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
 }
-.gd-input-syntax-highlighting-input .CodeMirror:-moz-placeholder {
+.gd-input-syntax-highlighting-input .cm-editor:-moz-placeholder {
   color: rgba(109, 118, 128, 0.75);
   -moz-transition-property: color;
   -webkit-transition-property: color;
@@ -550,7 +49,7 @@ span.CodeMirror-selectedtext {
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
 }
-.gd-input-syntax-highlighting-input .CodeMirror::-moz-placeholder {
+.gd-input-syntax-highlighting-input .cm-editor::-moz-placeholder {
   color: rgba(109, 118, 128, 0.75);
   -moz-transition-property: color;
   -webkit-transition-property: color;
@@ -562,7 +61,7 @@ span.CodeMirror-selectedtext {
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
 }
-.gd-input-syntax-highlighting-input .CodeMirror:-ms-input-placeholder {
+.gd-input-syntax-highlighting-input .cm-editor:-ms-input-placeholder {
   color: rgba(109, 118, 128, 0.75);
   -moz-transition-property: color;
   -webkit-transition-property: color;
@@ -574,50 +73,33 @@ span.CodeMirror-selectedtext {
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
 }
-.gd-input-syntax-highlighting-input .CodeMirror:hover {
+.gd-input-syntax-highlighting-input .cm-editor:hover {
   border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
 }
-.gd-input-syntax-highlighting-input .CodeMirror:hover::-webkit-input-placeholder {
+.gd-input-syntax-highlighting-input .cm-editor:hover::-webkit-input-placeholder {
   color: var(--gd-palette-complementary-7, #6d7680);
 }
-.gd-input-syntax-highlighting-input .CodeMirror:hover:-moz-placeholder {
+.gd-input-syntax-highlighting-input .cm-editor:hover:-moz-placeholder {
   color: var(--gd-palette-complementary-7, #6d7680);
 }
-.gd-input-syntax-highlighting-input .CodeMirror:hover::-moz-placeholder {
+.gd-input-syntax-highlighting-input .cm-editor:hover::-moz-placeholder {
   color: var(--gd-palette-complementary-7, #6d7680);
 }
-.gd-input-syntax-highlighting-input .CodeMirror:hover:-ms-input-placeholder {
+.gd-input-syntax-highlighting-input .cm-editor:hover:-ms-input-placeholder {
   color: var(--gd-palette-complementary-7, #6d7680);
 }
-.gd-input-syntax-highlighting-input .CodeMirror.CodeMirror-focused {
+.gd-input-syntax-highlighting-input .cm-editor.cm-focused {
   border-color: var(--gd-palette-primary-base, #14b2e2);
+  outline: none;
   box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
 }
-.gd-input-syntax-highlighting-input .CodeMirror-empty {
-  color: var(--gd-palette-complementary-5, #b0beca);
-}
-.gd-input-syntax-highlighting-input .CodeMirror-code .CodeMirror-matchingbracket {
-  font-weight: bold;
-  color: #000;
-  background-color: #fef9d3;
-}
-.gd-input-syntax-highlighting-input .CodeMirror-code .CodeMirror-nonmatchingbracket {
-  color: #e54d42;
-}
-.gd-input-syntax-highlighting-input .CodeMirror-code .cm-variable-brackets {
-  color: #94a1ad;
-}
-.gd-input-syntax-highlighting-input .CodeMirror-code .cm-variable-4 {
+.gd-input-syntax-highlighting-input .cm-editor .cm-matchingBracket {
   font-weight: bold;
-  color: #13b1e2;
+  color: var(--gd-palette-complementary-9, #000);
+  background-color: var(--gd-palette-warning-dimmed, #fef8d3);
 }
-.gd-input-syntax-highlighting-input .CodeMirror-code .cm-variable-5 {
-  font-weight: bold;
-  color: #00c18e;
-}
-.gd-input-syntax-highlighting-input .CodeMirror-code .cm-keyword {
-  font-weight: bold;
-  color: #ab55a3;
+.gd-input-syntax-highlighting-input .cm-editor .cm-nonmatchingBracket {
+  color: var(--gd-palette-error-base, #e54d42);
 }
 
 /*# sourceMappingURL=syntaxHighlightingInput.css.map */

package/styles/css/syntaxHighlightingInput.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/codemirror/lib/codemirror.css","../scss/mixins.scss","../scss/syntaxHighlightingInput.scss","../scss/variables.scss"],"names":[],"mappings":"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","file":"syntaxHighlightingInput.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/mixins.scss","../scss/syntaxHighlightingInput.scss","../scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AChLI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCcgB;EDbhB,YCCS;EDAT;EACA;EACA;EDgDJ,0BC9C+B;ED+C/B,6BC/C+B;EDgD/B,qBChD+B;EDoD/B,0BCpDoC;EDqDpC,6BCrDoC;EDsDpC,qBCtDoC;ED0DpC,iCC1D2C;ED2D3C,oCC3D2C;ED4D3C,4BC5D2C;EDP3C,eCUkC;EDF9B;;AA8HJ;ECtHQ;EDqCR,0BCnCmC;EDoCnC,6BCpCmC;EDqCnC,qBCrCmC;EDyCnC,0BCzC0C;ED0C1C,6BC1C0C;ED2C1C,qBC3C0C;ED+C1C,iCC/CiD;EDgDjD,oCChDiD;EDiDjD,4BCjDiD;;ADwHjD;EC1HQ;EDqCR,0BCnCmC;EDoCnC,6BCpCmC;EDqCnC,qBCrCmC;EDyCnC,0BCzC0C;ED0C1C,6BC1C0C;ED2C1C,qBC3C0C;ED+C1C,iCC/CiD;EDgDjD,oCChDiD;EDiDjD,4BCjDiD;;AD4HjD;EC9HQ;EDqCR,0BCnCmC;EDoCnC,6BCpCmC;EDqCnC,qBCrCmC;EDyCnC,0BCzC0C;ED0C1C,6BC1C0C;ED2C1C,qBC3C0C;ED+C1C,iCC/CiD;EDgDjD,oCChDiD;EDiDjD,4BCjDiD;;ADgIjD;EClIQ;EDqCR,0BCnCmC;EDoCnC,6BCpCmC;EDqCnC,qBCrCmC;EDyCnC,0BCzC0C;ED0C1C,6BC1C0C;ED2C1C,qBC3C0C;ED+C1C,iCC/CiD;EDgDjD,oCChDiD;EDiDjD,4BCjDiD;;AAG7C;EACI,cCqGiB;;AFWzB;EC7GY,OCbA;;AF8HZ;ECjHY,OCbA;;AFkIZ;ECrHY,OCbA;;AFsIZ;ECzHY,OCbA;;ADiBR;EACI,cCHc;EDId;EDvBJ;;AC6BA;EACI;EACA,OCjBI;EDkBJ,kBCsBgB;;ADnBpB;EACI","file":"syntaxHighlightingInput.css"}

package/styles/scss/syntaxHighlightingInput.scss

@@ -1,29 +1,20 @@
 // (C) 2020-2025 GoodData Corporation
-@use "codemirror/lib/codemirror.css";
 @use "sass:color";
 @use "mixins";
 @use "variables";
 
-$cm-color-matching-bracket: #000;
-$cm-color-matching-bracket-bg: #fef9d3;
-$cm-color-non-matching-bracket: #e54d42;
-$cm-color-variable-brackets: #94a1ad;
-$cm-color-variable-4: #13b1e2;
-$cm-color-variable-5: #00c18e;
-$cm-color-keyword: #ab55a3;
-
 .gd-input-syntax-highlighting-input {
-    .CodeMirror {
+    .cm-editor {
         // start of gd-input-base mixin body
         box-sizing: border-box;
         height: 100px;
         margin: 0;
-        padding: 2px 2px 0 3px;
+        padding: 0;
         border: 1px solid variables.$gd-input-text-border;
         line-height: normal;
         vertical-align: middle;
         color: variables.$default-gd-color-text;
-        background: #fff;
+        background: variables.$gd-color-white;
         font-size: 14px;
         font-family: monospace;
         font-weight: 200;
@@ -50,46 +41,22 @@ $cm-color-keyword: #ab55a3;
             }
         }
 
-        &.CodeMirror-focused {
+        &.cm-focused {
             border-color: variables.$gd-palette-primary-base;
+            outline: none;
             @include mixins.box-shadow(
                 inset 0 1px 1px 0 color.adjust(variables.$gd-input-text-box-shadow-color, $alpha: -0.85)
             );
         }
-    }
-
-    .CodeMirror-empty {
-        color: variables.$gd-color-disabled;
-    }
 
-    .CodeMirror-code {
-        .CodeMirror-matchingbracket {
+        .cm-matchingBracket {
             font-weight: bold;
-            color: $cm-color-matching-bracket;
-            background-color: $cm-color-matching-bracket-bg;
-        }
-
-        .CodeMirror-nonmatchingbracket {
-            color: $cm-color-non-matching-bracket;
-        }
-
-        .cm-variable-brackets {
-            color: $cm-color-variable-brackets;
+            color: variables.$gd-color-dark;
+            background-color: variables.$gd-palette-warning-dimmed;
         }
 
-        .cm-variable-4 {
-            font-weight: bold;
-            color: $cm-color-variable-4;
-        }
-
-        .cm-variable-5 {
-            font-weight: bold;
-            color: $cm-color-variable-5;
-        }
-
-        .cm-keyword {
-            font-weight: bold;
-            color: $cm-color-keyword;
+        .cm-nonmatchingBracket {
+            color: variables.$gd-palette-error-base;
         }
     }
 }