@ckeditor/ckeditor5-merge-fields 0.0.0-nightly-20240725.0 → 0.0.0-nightly-20240726.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 (14) hide show
  1. package/build/merge-fields.js +1 -1
  2. package/dist/index-content.css +1 -0
  3. package/dist/index-editor.css +97 -90
  4. package/dist/index.js +1 -1
  5. package/package.json +6 -3
  6. package/src/index.js +1 -1
  7. package/src/insertmergefieldcommand.js +1 -1
  8. package/src/mergefields.js +1 -1
  9. package/src/mergefieldsediting.js +1 -1
  10. package/src/mergefieldsui.js +1 -1
  11. package/src/previewmergefieldscommand.js +1 -1
  12. package/src/ui/mergefieldslistview.js +1 -1
  13. package/src/ui/mergefieldspanelview.js +1 -1
  14. package/src/utils/common-translations.js +1 -1
package/dist/index-editor.css CHANGED
@@ -2,118 +2,125 @@
2
2
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- :root {
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;
8
- --ck-color-merge-fields-form-error-background: hsl(15, 100%, 97%);
9
- --ck-color-merge-fields-outline: hsl(218, 82%, 57%);
10
- --ck-color-merge-fields-value-outline: hsl(0, 0%, 57%);
11
- --ck-color-merge-fields-with-warning-outline: hsl(15, 80%, 59%);
12
- --ck-color-merge-fields-affix-color: hsl(218, 82%, 57%);
13
- --ck-insert-merge-field-dropdown-view-width: 250px;
14
- --ck-insert-merge-field-dropdown-view-list-max-height: 250px;
15
- }
16
- .ck .ck-merge-field {
17
- white-space: nowrap;
18
- margin: 0 1px;
19
- outline-offset: -1px;
20
- border-radius: 3px;
21
- padding-top: var(--ck-merge-fields-paddings-vertical);
22
- padding-bottom: var(--ck-merge-fields-paddings-vertical);
23
- line-height: 0em;
5
+ :root{
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;
8
+
9
+ --ck-color-merge-fields-form-error-background:hsl(15, 100%, 97%);
24
10
 
25
- }
26
- .ck .ck-merge-field:hover {
27
- transition: none;
28
- cursor: default;
11
+ --ck-color-merge-fields-outline:hsl(218, 82%, 57%);
12
+ --ck-color-merge-fields-value-outline:hsl(0, 0%, 57%);
13
+ --ck-color-merge-fields-with-warning-outline:hsl(15, 80%, 59%);
29
14
 
15
+ --ck-color-merge-fields-affix-color:hsl(218, 82%, 57%);
30
16
  }
31
- .ck .ck-merge-field:not(:hover):not(.ck-widget_selected) {
32
- outline: 1px solid var(--ck-color-merge-fields-outline);
33
17
 
18
+ .ck .ck-merge-field{
19
+ white-space:nowrap;
20
+ margin:0 1px;
21
+ outline-offset:-1px;
22
+ border-radius:3px;
23
+ padding-top:var(--ck-merge-fields-paddings-vertical);
24
+ padding-bottom:var(--ck-merge-fields-paddings-vertical);
25
+ line-height:0em;
34
26
  }
35
- .ck .ck-merge-field.ck-merge-field_with-warning {
36
- white-space: normal;
37
27
 
38
- }
39
- .ck .ck-merge-field.ck-merge-field_with-warning:not(:hover):not(.ck-widget_selected) {
40
- outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
28
+ .ck .ck-merge-field:hover{
29
+ transition:none;
30
+ cursor:default;
31
+ }
41
32
 
42
- }
43
- .ck .ck-merge-field.ck-merge-field_with-value {
44
- white-space: normal;
33
+ .ck .ck-merge-field:not(:hover):not(.ck-widget_selected){
34
+ outline:1px solid var(--ck-color-merge-fields-outline);
35
+ }
45
36
 
46
- }
47
- .ck .ck-merge-field.ck-merge-field_with-value:not(:hover):not(.ck-widget_selected) {
48
- outline: 1px solid var(--ck-color-merge-fields-value-outline);
37
+ .ck .ck-merge-field.ck-merge-field_with-warning{
38
+ white-space:normal;
39
+ }
49
40
 
50
- }
51
- .ck .ck-merge-field .ck-merge-field__icon {
52
- padding: 0 0.15em;
53
- position: relative;
54
- top: -1px;
41
+ .ck .ck-merge-field.ck-merge-field_with-warning:not(:hover):not(.ck-widget_selected){
42
+ outline:1px solid var(--ck-color-merge-fields-with-warning-outline);
43
+ }
55
44
 
56
- }
57
- .ck .ck-merge-field .ck.ck-icon {
58
- height: var(--ck-merge-fields-icon-size);
59
- width: var(--ck-merge-fields-icon-size);
45
+ .ck .ck-merge-field.ck-merge-field_with-value{
46
+ white-space:normal;
47
+ }
60
48
 
61
- }
62
- .ck .ck-merge-field .ck-merge-field__affix {
63
- font-family: Arial, sans-serif;
64
- position: relative;
65
- top: -0.1em;
66
- font-size: 0.85em;
67
- color: var(--ck-color-merge-fields-affix-color);
49
+ .ck .ck-merge-field.ck-merge-field_with-value:not(:hover):not(.ck-widget_selected){
50
+ outline:1px solid var(--ck-color-merge-fields-value-outline);
51
+ }
68
52
 
69
- }
70
- .ck .ck-merge-field .ck-merge-field__affix:first-child {
71
- padding-left: 0.3em;
72
- padding-right: 0.15em;
53
+ .ck .ck-merge-field .ck-merge-field__icon{
54
+ padding:0 0.15em;
55
+ position:relative;
56
+ top:-1px;
57
+ }
73
58
 
74
- }
75
- .ck .ck-merge-field .ck-merge-field__affix:last-child {
76
- padding-left: 0.15em;
77
- padding-right: 0.3em;
59
+ .ck .ck-merge-field .ck.ck-icon{
60
+ height:var(--ck-merge-fields-icon-size);
61
+ width:var(--ck-merge-fields-icon-size);
62
+ }
78
63
 
79
- }
80
- .ck .ck-merge-fields-form {
81
- padding: var(--ck-spacing-medium);
64
+ .ck .ck-merge-field .ck-merge-field__affix{
65
+ font-family:Arial, sans-serif;
66
+ position:relative;
67
+ top:-0.1em;
68
+ font-size:0.85em;
69
+ color:var(--ck-color-merge-fields-affix-color);
70
+ }
82
71
 
83
- }
84
- .ck .ck-merge-fields-form .ck-merge-fields-form__status {
85
- display: flex;
86
- justify-content: center;
87
- align-items: center;
88
- padding: var(--ck-spacing-medium);
89
- border-radius: 2px;
90
- line-height: 2.25em;
91
- color: var(--ck-color-base-text);
92
- background-color: var(--ck-color-merge-fields-form-error-background);
72
+ .ck .ck-merge-field .ck-merge-field__affix:first-child{
73
+ padding-left:0.3em;
74
+ padding-right:0.15em;
75
+ }
93
76
 
94
- }
95
- .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__merge-fields-submenu .ck-menu-bar__menu__button:not(:has(.ck-button__icon)) > .ck-button__label {
96
- margin-left: 0;
77
+ .ck .ck-merge-field .ck-merge-field__affix:last-child{
78
+ padding-left:0.15em;
79
+ padding-right:0.3em;
80
+ }
97
81
 
82
+ .ck .ck-merge-fields-form{
83
+ padding:var(--ck-spacing-medium);
98
84
  }
99
- .ck.ck-merge-fields-search {
100
- width: var(--ck-insert-merge-field-dropdown-view-width);
101
85
 
102
- }
103
- .ck.ck-merge-fields-search > .ck-labeled-field-view {
104
- padding: var(--ck-spacing-large);
86
+ .ck .ck-merge-fields-form .ck-merge-fields-form__status{
87
+ display:flex;
88
+ justify-content:center;
89
+ align-items:center;
105
90
 
106
- }
107
- .ck.ck-merge-fields-search > .ck-labeled-field-view .ck-input {
108
- min-width: unset;
91
+ padding:var(--ck-spacing-medium);
92
+ border-radius:2px;
93
+ line-height:2.25em;
109
94
 
110
- }
111
- .ck.ck-merge-fields-search > .ck-search__results {
112
- border-top: 1px solid var(--ck-color-base-border);
95
+ color:var(--ck-color-base-text);
96
+ background-color:var(--ck-color-merge-fields-form-error-background);
97
+ }
113
98
 
99
+ :root{
100
+ --ck-insert-merge-field-dropdown-view-width:250px;
101
+ --ck-insert-merge-field-dropdown-view-list-max-height:250px;
114
102
  }
115
- .ck.ck-merge-fields-search > .ck-search__results > .ck-list {
116
- max-height: var(--ck-insert-merge-field-dropdown-view-list-max-height);
117
- overflow: auto;
103
+ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__merge-fields-submenu .ck-menu-bar__menu__button:not(:has(.ck-button__icon)) > .ck-button__label{
104
+ margin-left:0;
105
+ }
118
106
 
107
+ .ck.ck-merge-fields-search{
108
+ width:var(--ck-insert-merge-field-dropdown-view-width);
119
109
  }
110
+
111
+ .ck.ck-merge-fields-search > .ck-labeled-field-view{
112
+ padding:var(--ck-spacing-large);
113
+ }
114
+
115
+ .ck.ck-merge-fields-search > .ck-labeled-field-view .ck-input{
116
+ min-width:unset;
117
+ }
118
+
119
+ .ck.ck-merge-fields-search > .ck-search__results{
120
+ border-top:1px solid var(--ck-color-base-border);
121
+ }
122
+
123
+ .ck.ck-merge-fields-search > .ck-search__results > .ck-list{
124
+ max-height:var(--ck-insert-merge-field-dropdown-view-list-max-height);
125
+ overflow:auto;
126
+ }