@ckeditor/ckeditor5-merge-fields 0.0.0-nightly-20240730.0 → 0.0.0-nightly-20240801.0

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.
Files changed (18) hide show
  1. package/build/merge-fields.js +1 -1
  2. package/dist/index-editor.css +22 -8
  3. package/dist/index.css +25 -8
  4. package/dist/index.js +1 -1
  5. package/package.json +7 -6
  6. package/src/index.js +1 -1
  7. package/src/insertmergefieldcommand.js +1 -1
  8. package/src/mergefields.js +1 -1
  9. package/src/mergefieldsconfig.d.ts +26 -16
  10. package/src/mergefieldsediting.d.ts +1 -1
  11. package/src/mergefieldsediting.js +1 -1
  12. package/src/mergefieldsui.js +1 -1
  13. package/src/previewmergefieldscommand.d.ts +4 -1
  14. package/src/previewmergefieldscommand.js +1 -1
  15. package/src/ui/mergefieldslistview.js +1 -1
  16. package/src/ui/mergefieldspanelview.js +1 -1
  17. package/src/utils/common-translations.js +1 -1
  18. package/theme/mergefields.css +27 -8
package/dist/index-editor.css CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
  :root{
6
6
  --ck-merge-fields-icon-size:calc(var(--ck-line-height-base) * var(--ck-font-size-normal) * 0.45);
7
- --ck-merge-fields-paddings-vertical:0.2em;
7
+ --ck-merge-fields-paddings-vertical:2px;
8
8
 
9
9
  --ck-color-merge-fields-form-error-background:hsl(15, 100%, 97%);
10
10
 
@@ -17,12 +17,12 @@
17
17
 
18
18
  .ck .ck-merge-field{
19
19
  white-space:nowrap;
20
- margin:0 1px;
21
- outline-offset:-1px;
22
- border-radius:3px;
20
+ margin:0 1px 0 2px;
21
+ outline-offset:0;
22
+ border-radius:2px;
23
23
  padding-top:var(--ck-merge-fields-paddings-vertical);
24
24
  padding-bottom:var(--ck-merge-fields-paddings-vertical);
25
- line-height:0em;
25
+ line-height:0;
26
26
  }
27
27
 
28
28
  .ck .ck-merge-field:hover{
@@ -64,19 +64,19 @@
64
64
  .ck .ck-merge-field .ck-merge-field__affix{
65
65
  font-family:Arial, sans-serif;
66
66
  position:relative;
67
- top:-0.1em;
67
+ top:-0.15em;
68
68
  font-size:0.85em;
69
69
  color:var(--ck-color-merge-fields-affix-color);
70
70
  }
71
71
 
72
72
  .ck .ck-merge-field .ck-merge-field__affix:first-child{
73
- padding-left:0.3em;
73
+ padding-left:0.25em;
74
74
  padding-right:0.15em;
75
75
  }
76
76
 
77
77
  .ck .ck-merge-field .ck-merge-field__affix:last-child{
78
78
  padding-left:0.15em;
79
- padding-right:0.3em;
79
+ padding-right:0.25em;
80
80
  }
81
81
 
82
82
  .ck .ck-merge-fields-form{
@@ -95,6 +95,20 @@
95
95
  color:var(--ck-color-base-text);
96
96
  background-color:var(--ck-color-merge-fields-form-error-background);
97
97
  }
98
+ .ck pre code .ck-merge-field .ck-merge-field__affix{
99
+ font-family:inherit;
100
+ position:relative;
101
+ top:0;
102
+ font-size:inherit;
103
+ }
104
+ .ck pre code .ck-merge-field .ck-merge-field__affix:first-child{
105
+ padding-left:0.15em;
106
+ padding-right:0.18em;
107
+ }
108
+ .ck pre code .ck-merge-field .ck-merge-field__affix:last-child{
109
+ padding-left:0.18em;
110
+ padding-right:0.15em;
111
+ }
98
112
 
99
113
  :root{
100
114
  --ck-insert-merge-field-dropdown-view-width:250px;
package/dist/index.css CHANGED
@@ -13,7 +13,7 @@
13
13
 
14
14
  :root {
15
15
  --ck-merge-fields-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal) * 0.45);
16
- --ck-merge-fields-paddings-vertical: 0.2em;
16
+ --ck-merge-fields-paddings-vertical: 2px;
17
17
 
18
18
  --ck-color-merge-fields-form-error-background: hsl(15, 100%, 97%);
19
19
 
@@ -26,12 +26,12 @@
26
26
 
27
27
  .ck .ck-merge-field {
28
28
  white-space: nowrap;
29
- margin: 0 1px;
30
- outline-offset: -1px;
31
- border-radius: 3px;
29
+ margin: 0 1px 0 2px;
30
+ outline-offset: 0;
31
+ border-radius: 2px;
32
32
  padding-top: var(--ck-merge-fields-paddings-vertical);
33
33
  padding-bottom: var(--ck-merge-fields-paddings-vertical);
34
- line-height: 0em;
34
+ line-height: 0;
35
35
  }
36
36
 
37
37
  .ck .ck-merge-field:hover {
@@ -73,19 +73,19 @@
73
73
  .ck .ck-merge-field .ck-merge-field__affix {
74
74
  font-family: Arial, sans-serif;
75
75
  position: relative;
76
- top: -0.1em;
76
+ top: -0.15em;
77
77
  font-size: 0.85em;
78
78
  color: var(--ck-color-merge-fields-affix-color);
79
79
  }
80
80
 
81
81
  .ck .ck-merge-field .ck-merge-field__affix:first-child {
82
- padding-left: 0.3em;
82
+ padding-left: 0.25em;
83
83
  padding-right: 0.15em;
84
84
  }
85
85
 
86
86
  .ck .ck-merge-field .ck-merge-field__affix:last-child {
87
87
  padding-left: 0.15em;
88
- padding-right: 0.3em;
88
+ padding-right: 0.25em;
89
89
  }
90
90
 
91
91
  .ck .ck-merge-fields-form {
@@ -105,6 +105,23 @@
105
105
  background-color: var(--ck-color-merge-fields-form-error-background);
106
106
  }
107
107
 
108
+ /* stylelint-disable no-descending-specificity */
109
+ .ck pre code .ck-merge-field .ck-merge-field__affix {
110
+ font-family: inherit;
111
+ position: relative;
112
+ top: 0;
113
+ font-size: inherit;
114
+ }
115
+ .ck pre code .ck-merge-field .ck-merge-field__affix:first-child {
116
+ padding-left: 0.15em;
117
+ padding-right: 0.18em;
118
+ }
119
+ .ck pre code .ck-merge-field .ck-merge-field__affix:last-child {
120
+ padding-left: 0.18em;
121
+ padding-right: 0.15em;
122
+ }
123
+ /* stylelint-enable no-descending-specificity */
124
+
108
125
  /*
109
126
  * What you're currently looking at is the source code of a legally protected, proprietary software.
110
127
  * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,