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

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.
@@ -4543,517 +4543,16 @@ textarea.gd-input, textarea.input-text {
4543
4543
  white-space: nowrap;
4544
4544
  }
4545
4545
 
4546
- /* BASICS */
4547
- .CodeMirror {
4548
- /* Set height, width, borders, and global font properties here */
4549
- font-family: monospace;
4550
- height: 300px;
4551
- color: black;
4552
- direction: ltr;
4553
- }
4554
-
4555
- /* PADDING */
4556
- .CodeMirror-lines {
4557
- padding: 4px 0; /* Vertical padding around content */
4558
- }
4559
-
4560
- .CodeMirror pre.CodeMirror-line,
4561
- .CodeMirror pre.CodeMirror-line-like {
4562
- padding: 0 4px; /* Horizontal padding of content */
4563
- }
4564
-
4565
- .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
4566
- background-color: white; /* The little square between H and V scrollbars */
4567
- }
4568
-
4569
- /* GUTTER */
4570
- .CodeMirror-gutters {
4571
- border-right: 1px solid #ddd;
4572
- background-color: #f7f7f7;
4573
- white-space: nowrap;
4574
- }
4575
-
4576
- .CodeMirror-linenumber {
4577
- padding: 0 3px 0 5px;
4578
- min-width: 20px;
4579
- text-align: right;
4580
- color: #999;
4581
- white-space: nowrap;
4582
- }
4583
-
4584
- .CodeMirror-guttermarker {
4585
- color: black;
4586
- }
4587
-
4588
- .CodeMirror-guttermarker-subtle {
4589
- color: #999;
4590
- }
4591
-
4592
- /* CURSOR */
4593
- .CodeMirror-cursor {
4594
- border-left: 1px solid black;
4595
- border-right: none;
4596
- width: 0;
4597
- }
4598
-
4599
- /* Shown when moving in bi-directional text */
4600
- .CodeMirror div.CodeMirror-secondarycursor {
4601
- border-left: 1px solid silver;
4602
- }
4603
-
4604
- .cm-fat-cursor .CodeMirror-cursor {
4605
- width: auto;
4606
- border: 0 !important;
4607
- background: #7e7;
4608
- }
4609
-
4610
- .cm-fat-cursor div.CodeMirror-cursors {
4611
- z-index: 1;
4612
- }
4613
-
4614
- .cm-fat-cursor .CodeMirror-line::selection,
4615
- .cm-fat-cursor .CodeMirror-line > span::selection,
4616
- .cm-fat-cursor .CodeMirror-line > span > span::selection {
4617
- background: transparent;
4618
- }
4619
-
4620
- .cm-fat-cursor .CodeMirror-line::-moz-selection,
4621
- .cm-fat-cursor .CodeMirror-line > span::-moz-selection,
4622
- .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
4623
- background: transparent;
4624
- }
4625
-
4626
- .cm-fat-cursor {
4627
- caret-color: transparent;
4628
- }
4629
-
4630
- @-moz-keyframes blink {
4631
- 50% {
4632
- background-color: transparent;
4633
- }
4634
- }
4635
- @-webkit-keyframes blink {
4636
- 50% {
4637
- background-color: transparent;
4638
- }
4639
- }
4640
- @keyframes blink {
4641
- 50% {
4642
- background-color: transparent;
4643
- }
4644
- }
4645
- /* Can style cursor different in overwrite (non-insert) mode */
4646
- .cm-tab {
4647
- display: inline-block;
4648
- text-decoration: inherit;
4649
- }
4650
-
4651
- .CodeMirror-rulers {
4652
- position: absolute;
4653
- left: 0;
4654
- right: 0;
4655
- top: -50px;
4656
- bottom: 0;
4657
- overflow: hidden;
4658
- }
4659
-
4660
- .CodeMirror-ruler {
4661
- border-left: 1px solid #ccc;
4662
- top: 0;
4663
- bottom: 0;
4664
- position: absolute;
4665
- }
4666
-
4667
- /* DEFAULT THEME */
4668
- .cm-s-default .cm-header {
4669
- color: blue;
4670
- }
4671
-
4672
- .cm-s-default .cm-quote {
4673
- color: #090;
4674
- }
4675
-
4676
- .cm-negative {
4677
- color: #d44;
4678
- }
4679
-
4680
- .cm-positive {
4681
- color: #292;
4682
- }
4683
-
4684
- .cm-header, .cm-strong {
4685
- font-weight: bold;
4686
- }
4687
-
4688
- .cm-em {
4689
- font-style: italic;
4690
- }
4691
-
4692
- .cm-link {
4693
- text-decoration: underline;
4694
- }
4695
-
4696
- .cm-strikethrough {
4697
- text-decoration: line-through;
4698
- }
4699
-
4700
- .cm-s-default .cm-keyword {
4701
- color: #708;
4702
- }
4703
-
4704
- .cm-s-default .cm-atom {
4705
- color: #219;
4706
- }
4707
-
4708
- .cm-s-default .cm-number {
4709
- color: #164;
4710
- }
4711
-
4712
- .cm-s-default .cm-def {
4713
- color: #00f;
4714
- }
4715
-
4716
- .cm-s-default .cm-variable-2 {
4717
- color: #05a;
4718
- }
4719
-
4720
- .cm-s-default .cm-variable-3, .cm-s-default .cm-type {
4721
- color: #085;
4722
- }
4723
-
4724
- .cm-s-default .cm-comment {
4725
- color: #a50;
4726
- }
4727
-
4728
- .cm-s-default .cm-string {
4729
- color: #a11;
4730
- }
4731
-
4732
- .cm-s-default .cm-string-2 {
4733
- color: #f50;
4734
- }
4735
-
4736
- .cm-s-default .cm-meta {
4737
- color: #555;
4738
- }
4739
-
4740
- .cm-s-default .cm-qualifier {
4741
- color: #555;
4742
- }
4743
-
4744
- .cm-s-default .cm-builtin {
4745
- color: #30a;
4746
- }
4747
-
4748
- .cm-s-default .cm-bracket {
4749
- color: #997;
4750
- }
4751
-
4752
- .cm-s-default .cm-tag {
4753
- color: #170;
4754
- }
4755
-
4756
- .cm-s-default .cm-attribute {
4757
- color: #00c;
4758
- }
4759
-
4760
- .cm-s-default .cm-hr {
4761
- color: #999;
4762
- }
4763
-
4764
- .cm-s-default .cm-link {
4765
- color: #00c;
4766
- }
4767
-
4768
- .cm-s-default .cm-error {
4769
- color: #f00;
4770
- }
4771
-
4772
- .cm-invalidchar {
4773
- color: #f00;
4774
- }
4775
-
4776
- .CodeMirror-composing {
4777
- border-bottom: 2px solid;
4778
- }
4779
-
4780
- /* Default styles for common addons */
4781
- div.CodeMirror span.CodeMirror-matchingbracket {
4782
- color: #0b0;
4783
- }
4784
-
4785
- div.CodeMirror span.CodeMirror-nonmatchingbracket {
4786
- color: #a22;
4787
- }
4788
-
4789
- .CodeMirror-matchingtag {
4790
- background: rgba(255, 150, 0, 0.3);
4791
- }
4792
-
4793
- .CodeMirror-activeline-background {
4794
- background: #e8f2ff;
4795
- }
4796
-
4797
- /* STOP */
4798
- /* The rest of this file contains styles related to the mechanics of
4799
- the editor. You probably shouldn't touch them. */
4800
- .CodeMirror {
4801
- position: relative;
4802
- overflow: hidden;
4803
- background: white;
4804
- }
4805
-
4806
- .CodeMirror-scroll {
4807
- overflow: scroll !important; /* Things will break if this is overridden */
4808
- /* 50px is the magic margin used to hide the element's real scrollbars */
4809
- /* See overflow: hidden in .CodeMirror */
4810
- margin-bottom: -50px;
4811
- margin-right: -50px;
4812
- padding-bottom: 50px;
4813
- height: 100%;
4814
- outline: none; /* Prevent dragging from highlighting the element */
4815
- position: relative;
4816
- z-index: 0;
4817
- }
4818
-
4819
- .CodeMirror-sizer {
4820
- position: relative;
4821
- border-right: 50px solid transparent;
4822
- }
4823
-
4824
- /* The fake, visible scrollbars. Used to force redraw during scrolling
4825
- before actual scrolling happens, thus preventing shaking and
4826
- flickering artifacts. */
4827
- .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
4828
- position: absolute;
4829
- z-index: 6;
4830
- display: none;
4831
- outline: none;
4832
- }
4833
-
4834
- .CodeMirror-vscrollbar {
4835
- right: 0;
4836
- top: 0;
4837
- overflow-x: hidden;
4838
- overflow-y: scroll;
4839
- }
4840
-
4841
- .CodeMirror-hscrollbar {
4842
- bottom: 0;
4843
- left: 0;
4844
- overflow-y: hidden;
4845
- overflow-x: scroll;
4846
- }
4847
-
4848
- .CodeMirror-scrollbar-filler {
4849
- right: 0;
4850
- bottom: 0;
4851
- }
4852
-
4853
- .CodeMirror-gutter-filler {
4854
- left: 0;
4855
- bottom: 0;
4856
- }
4857
-
4858
- .CodeMirror-gutters {
4859
- position: absolute;
4860
- left: 0;
4861
- top: 0;
4862
- min-height: 100%;
4863
- z-index: 3;
4864
- }
4865
-
4866
- .CodeMirror-gutter {
4867
- white-space: normal;
4868
- height: 100%;
4869
- display: inline-block;
4870
- vertical-align: top;
4871
- margin-bottom: -50px;
4872
- }
4873
-
4874
- .CodeMirror-gutter-wrapper {
4875
- position: absolute;
4876
- z-index: 4;
4877
- background: none !important;
4878
- border: none !important;
4879
- }
4880
-
4881
- .CodeMirror-gutter-background {
4882
- position: absolute;
4883
- top: 0;
4884
- bottom: 0;
4885
- z-index: 4;
4886
- }
4887
-
4888
- .CodeMirror-gutter-elt {
4889
- position: absolute;
4890
- cursor: default;
4891
- z-index: 4;
4892
- }
4893
-
4894
- .CodeMirror-gutter-wrapper ::selection {
4895
- background-color: transparent;
4896
- }
4897
-
4898
- .CodeMirror-gutter-wrapper ::-moz-selection {
4899
- background-color: transparent;
4900
- }
4901
-
4902
- .CodeMirror-lines {
4903
- cursor: text;
4904
- min-height: 1px; /* prevents collapsing before first draw */
4905
- }
4906
-
4907
- .CodeMirror pre.CodeMirror-line,
4908
- .CodeMirror pre.CodeMirror-line-like {
4909
- /* Reset some styles that the rest of the page might have set */
4910
- -moz-border-radius: 0;
4911
- -webkit-border-radius: 0;
4912
- border-radius: 0;
4913
- border-width: 0;
4914
- background: transparent;
4915
- font-family: inherit;
4916
- font-size: inherit;
4917
- margin: 0;
4918
- white-space: pre;
4919
- word-wrap: normal;
4920
- line-height: inherit;
4921
- color: inherit;
4922
- z-index: 2;
4923
- position: relative;
4924
- overflow: visible;
4925
- -webkit-tap-highlight-color: transparent;
4926
- -webkit-font-variant-ligatures: contextual;
4927
- font-variant-ligatures: contextual;
4928
- }
4929
-
4930
- .CodeMirror-wrap pre.CodeMirror-line,
4931
- .CodeMirror-wrap pre.CodeMirror-line-like {
4932
- word-wrap: break-word;
4933
- white-space: pre-wrap;
4934
- word-break: normal;
4935
- }
4936
-
4937
- .CodeMirror-linebackground {
4938
- position: absolute;
4939
- left: 0;
4940
- right: 0;
4941
- top: 0;
4942
- bottom: 0;
4943
- z-index: 0;
4944
- }
4945
-
4946
- .CodeMirror-linewidget {
4947
- position: relative;
4948
- z-index: 2;
4949
- padding: 0.1px; /* Force widget margins to stay inside of the container */
4950
- }
4951
-
4952
- .CodeMirror-rtl pre {
4953
- direction: rtl;
4954
- }
4955
-
4956
- .CodeMirror-code {
4957
- outline: none;
4958
- }
4959
-
4960
- /* Force content-box sizing for the elements where we expect it */
4961
- .CodeMirror-scroll,
4962
- .CodeMirror-sizer,
4963
- .CodeMirror-gutter,
4964
- .CodeMirror-gutters,
4965
- .CodeMirror-linenumber {
4966
- -moz-box-sizing: content-box;
4967
- box-sizing: content-box;
4968
- }
4969
-
4970
- .CodeMirror-measure {
4971
- position: absolute;
4972
- width: 100%;
4973
- height: 0;
4974
- overflow: hidden;
4975
- visibility: hidden;
4976
- }
4977
-
4978
- .CodeMirror-cursor {
4979
- position: absolute;
4980
- pointer-events: none;
4981
- }
4982
-
4983
- .CodeMirror-measure pre {
4984
- position: static;
4985
- }
4986
-
4987
- div.CodeMirror-cursors {
4988
- visibility: hidden;
4989
- position: relative;
4990
- z-index: 3;
4991
- }
4992
-
4993
- div.CodeMirror-dragcursors {
4994
- visibility: visible;
4995
- }
4996
-
4997
- .CodeMirror-focused div.CodeMirror-cursors {
4998
- visibility: visible;
4999
- }
5000
-
5001
- .CodeMirror-selected {
5002
- background: #d9d9d9;
5003
- }
5004
-
5005
- .CodeMirror-focused .CodeMirror-selected {
5006
- background: #d7d4f0;
5007
- }
5008
-
5009
- .CodeMirror-crosshair {
5010
- cursor: crosshair;
5011
- }
5012
-
5013
- .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
5014
- background: #d7d4f0;
5015
- }
5016
-
5017
- .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
5018
- background: #d7d4f0;
5019
- }
5020
-
5021
- .cm-searching {
5022
- background-color: #ffa;
5023
- background-color: rgba(255, 255, 0, 0.4);
5024
- }
5025
-
5026
- /* Used to force a border model for a node */
5027
- .cm-force-border {
5028
- padding-right: 0.1px;
5029
- }
5030
-
5031
- @media print {
5032
- /* Hide the cursor when printing */
5033
- .CodeMirror div.CodeMirror-cursors {
5034
- visibility: hidden;
5035
- }
5036
- }
5037
- /* See issue #2901 */
5038
- .cm-tab-wrap-hack:after {
5039
- content: "";
5040
- }
5041
-
5042
- /* Help users use markselection to safely style text background */
5043
- span.CodeMirror-selectedtext {
5044
- background: none;
5045
- }
5046
-
5047
- .gd-input-syntax-highlighting-input .CodeMirror {
4546
+ .gd-input-syntax-highlighting-input .cm-editor {
5048
4547
  box-sizing: border-box;
5049
4548
  height: 100px;
5050
4549
  margin: 0;
5051
- padding: 2px 2px 0 3px;
4550
+ padding: 0;
5052
4551
  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
5053
4552
  line-height: normal;
5054
4553
  vertical-align: middle;
5055
4554
  color: #464e56;
5056
- background: #fff;
4555
+ background: var(--gd-palette-complementary-0, #fff);
5057
4556
  font-size: 14px;
5058
4557
  font-family: monospace;
5059
4558
  font-weight: 200;
@@ -5069,7 +4568,7 @@ span.CodeMirror-selectedtext {
5069
4568
  border-radius: 3px;
5070
4569
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
5071
4570
  }
5072
- .gd-input-syntax-highlighting-input .CodeMirror::-webkit-input-placeholder {
4571
+ .gd-input-syntax-highlighting-input .cm-editor::-webkit-input-placeholder {
5073
4572
  color: rgba(109, 118, 128, 0.75);
5074
4573
  -moz-transition-property: color;
5075
4574
  -webkit-transition-property: color;
@@ -5081,7 +4580,7 @@ span.CodeMirror-selectedtext {
5081
4580
  -webkit-transition-timing-function: ease-in-out;
5082
4581
  transition-timing-function: ease-in-out;
5083
4582
  }
5084
- .gd-input-syntax-highlighting-input .CodeMirror:-moz-placeholder {
4583
+ .gd-input-syntax-highlighting-input .cm-editor:-moz-placeholder {
5085
4584
  color: rgba(109, 118, 128, 0.75);
5086
4585
  -moz-transition-property: color;
5087
4586
  -webkit-transition-property: color;
@@ -5093,7 +4592,7 @@ span.CodeMirror-selectedtext {
5093
4592
  -webkit-transition-timing-function: ease-in-out;
5094
4593
  transition-timing-function: ease-in-out;
5095
4594
  }
5096
- .gd-input-syntax-highlighting-input .CodeMirror::-moz-placeholder {
4595
+ .gd-input-syntax-highlighting-input .cm-editor::-moz-placeholder {
5097
4596
  color: rgba(109, 118, 128, 0.75);
5098
4597
  -moz-transition-property: color;
5099
4598
  -webkit-transition-property: color;
@@ -5105,7 +4604,7 @@ span.CodeMirror-selectedtext {
5105
4604
  -webkit-transition-timing-function: ease-in-out;
5106
4605
  transition-timing-function: ease-in-out;
5107
4606
  }
5108
- .gd-input-syntax-highlighting-input .CodeMirror:-ms-input-placeholder {
4607
+ .gd-input-syntax-highlighting-input .cm-editor:-ms-input-placeholder {
5109
4608
  color: rgba(109, 118, 128, 0.75);
5110
4609
  -moz-transition-property: color;
5111
4610
  -webkit-transition-property: color;
@@ -5117,50 +4616,33 @@ span.CodeMirror-selectedtext {
5117
4616
  -webkit-transition-timing-function: ease-in-out;
5118
4617
  transition-timing-function: ease-in-out;
5119
4618
  }
5120
- .gd-input-syntax-highlighting-input .CodeMirror:hover {
4619
+ .gd-input-syntax-highlighting-input .cm-editor:hover {
5121
4620
  border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
5122
4621
  }
5123
- .gd-input-syntax-highlighting-input .CodeMirror:hover::-webkit-input-placeholder {
4622
+ .gd-input-syntax-highlighting-input .cm-editor:hover::-webkit-input-placeholder {
5124
4623
  color: var(--gd-palette-complementary-7, #6d7680);
5125
4624
  }
5126
- .gd-input-syntax-highlighting-input .CodeMirror:hover:-moz-placeholder {
4625
+ .gd-input-syntax-highlighting-input .cm-editor:hover:-moz-placeholder {
5127
4626
  color: var(--gd-palette-complementary-7, #6d7680);
5128
4627
  }
5129
- .gd-input-syntax-highlighting-input .CodeMirror:hover::-moz-placeholder {
4628
+ .gd-input-syntax-highlighting-input .cm-editor:hover::-moz-placeholder {
5130
4629
  color: var(--gd-palette-complementary-7, #6d7680);
5131
4630
  }
5132
- .gd-input-syntax-highlighting-input .CodeMirror:hover:-ms-input-placeholder {
4631
+ .gd-input-syntax-highlighting-input .cm-editor:hover:-ms-input-placeholder {
5133
4632
  color: var(--gd-palette-complementary-7, #6d7680);
5134
4633
  }
5135
- .gd-input-syntax-highlighting-input .CodeMirror.CodeMirror-focused {
4634
+ .gd-input-syntax-highlighting-input .cm-editor.cm-focused {
5136
4635
  border-color: var(--gd-palette-primary-base, #14b2e2);
4636
+ outline: none;
5137
4637
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
5138
4638
  }
5139
- .gd-input-syntax-highlighting-input .CodeMirror-empty {
5140
- color: var(--gd-palette-complementary-5, #b0beca);
5141
- }
5142
- .gd-input-syntax-highlighting-input .CodeMirror-code .CodeMirror-matchingbracket {
5143
- font-weight: bold;
5144
- color: #000;
5145
- background-color: #fef9d3;
5146
- }
5147
- .gd-input-syntax-highlighting-input .CodeMirror-code .CodeMirror-nonmatchingbracket {
5148
- color: #e54d42;
5149
- }
5150
- .gd-input-syntax-highlighting-input .CodeMirror-code .cm-variable-brackets {
5151
- color: #94a1ad;
5152
- }
5153
- .gd-input-syntax-highlighting-input .CodeMirror-code .cm-variable-4 {
4639
+ .gd-input-syntax-highlighting-input .cm-editor .cm-matchingBracket {
5154
4640
  font-weight: bold;
5155
- color: #13b1e2;
5156
- }
5157
- .gd-input-syntax-highlighting-input .CodeMirror-code .cm-variable-5 {
5158
- font-weight: bold;
5159
- color: #00c18e;
4641
+ color: var(--gd-palette-complementary-9, #000);
4642
+ background-color: var(--gd-palette-warning-dimmed, #fef8d3);
5160
4643
  }
5161
- .gd-input-syntax-highlighting-input .CodeMirror-code .cm-keyword {
5162
- font-weight: bold;
5163
- color: #ab55a3;
4644
+ .gd-input-syntax-highlighting-input .cm-editor .cm-nonmatchingBracket {
4645
+ color: var(--gd-palette-error-base, #e54d42);
5164
4646
  }
5165
4647
 
5166
4648
  /* ==========================================================================