@mhamz.01/easyflow-texteditor 0.1.50 → 0.1.52

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 (3) hide show
  1. package/dist/index.css +80 -502
  2. package/dist/index.css.map +1 -1
  3. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  @import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
3
3
 
4
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
4
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
5
5
  .tiptap-tooltip {
6
6
  --tt-tooltip-bg: var(--tt-gray-light-900);
7
7
  --tt-tooltip-text: var(--white);
@@ -43,243 +43,114 @@
43
43
  color: var(--tt-kbd);
44
44
  }
45
45
 
46
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
46
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
47
47
  .tiptap-button {
48
- --tt-button-default-bg-color: var(--tt-gray-light-a-100);
49
- --tt-button-hover-bg-color: var(--tt-gray-light-200);
50
- --tt-button-active-bg-color: var(--tt-gray-light-a-200);
51
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
52
- --tt-button-active-bg-color-subdued: var( --tt-gray-light-a-200 );
53
- --tt-button-active-hover-bg-color: var(--tt-gray-light-300);
54
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
55
- --tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-300 );
56
- --tt-button-disabled-bg-color: var(--tt-gray-light-a-50);
57
- --tt-button-default-text-color: var(--tt-gray-light-a-600);
58
- --tt-button-hover-text-color: var(--tt-gray-light-a-900);
59
- --tt-button-active-text-color: var(--tt-gray-light-a-900);
60
- --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
61
- --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
62
- --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
63
- --tt-button-default-icon-color: var(--tt-gray-light-a-600);
64
- --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
65
- --tt-button-active-icon-color: var(--tt-brand-color-500);
66
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
67
- --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
68
- --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
69
- --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
70
- --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
71
- --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
72
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
73
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
74
- --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
75
- --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
76
- --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
77
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
78
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
79
- --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);
80
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
81
- }
82
- .dark .tiptap-button {
83
48
  --tt-button-default-bg-color: var(--tt-gray-dark-a-100);
84
49
  --tt-button-hover-bg-color: var(--tt-gray-dark-200);
85
50
  --tt-button-active-bg-color: var(--tt-gray-dark-a-200);
86
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
87
- --tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-200 );
51
+ --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
52
+ --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-200);
88
53
  --tt-button-active-hover-bg-color: var(--tt-gray-dark-300);
89
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
90
- --tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-300 );
54
+ --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
55
+ --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-300);
91
56
  --tt-button-disabled-bg-color: var(--tt-gray-dark-a-50);
92
- }
93
- .dark .tiptap-button {
94
57
  --tt-button-default-text-color: var(--tt-gray-dark-a-600);
95
58
  --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
96
59
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
97
60
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
98
61
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
99
62
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
100
- }
101
- .dark .tiptap-button {
102
63
  --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
103
64
  --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
104
65
  --tt-button-active-icon-color: var(--tt-brand-color-400);
105
66
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
106
67
  --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
107
68
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
108
- }
109
- .dark .tiptap-button {
110
69
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
111
70
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
112
71
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
113
72
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
114
73
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
115
74
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
116
- }
117
- .dark .tiptap-button {
118
75
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
119
76
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
120
77
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
121
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );
78
+ --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
122
79
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
123
80
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
124
81
  }
125
82
  .tiptap-button[data-style=ghost] {
126
- --tt-button-default-bg-color: var(--transparent);
127
- --tt-button-hover-bg-color: var(--tt-gray-light-200);
128
- --tt-button-active-bg-color: var(--tt-gray-light-a-100);
129
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
130
- --tt-button-active-bg-color-subdued: var( --tt-gray-light-a-100 );
131
- --tt-button-active-hover-bg-color: var(--tt-gray-light-200);
132
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
133
- --tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-200 );
134
- --tt-button-disabled-bg-color: var(--transparent);
135
- --tt-button-default-text-color: var(--tt-gray-light-a-600);
136
- --tt-button-hover-text-color: var(--tt-gray-light-a-900);
137
- --tt-button-active-text-color: var(--tt-gray-light-a-900);
138
- --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
139
- --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
140
- --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
141
- --tt-button-default-icon-color: var(--tt-gray-light-a-600);
142
- --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
143
- --tt-button-active-icon-color: var(--tt-brand-color-500);
144
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
145
- --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
146
- --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
147
- --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
148
- --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
149
- --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
150
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
151
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
152
- --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
153
- --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
154
- --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
155
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
156
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
157
- --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-600 );
158
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
159
- }
160
- .dark .tiptap-button[data-style=ghost] {
161
83
  --tt-button-default-bg-color: var(--transparent);
162
84
  --tt-button-hover-bg-color: var(--tt-gray-dark-200);
163
85
  --tt-button-active-bg-color: var(--tt-gray-dark-a-100);
164
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
165
- --tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-100 );
86
+ --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
87
+ --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-100);
166
88
  --tt-button-active-hover-bg-color: var(--tt-gray-dark-200);
167
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
168
- --tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-200 );
89
+ --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
90
+ --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-200);
169
91
  --tt-button-disabled-bg-color: var(--transparent);
170
- }
171
- .dark .tiptap-button[data-style=ghost] {
172
92
  --tt-button-default-text-color: var(--tt-gray-dark-a-600);
173
93
  --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
174
94
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
175
95
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
176
96
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
177
97
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
178
- }
179
- .dark .tiptap-button[data-style=ghost] {
180
98
  --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
181
99
  --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
182
100
  --tt-button-active-icon-color: var(--tt-brand-color-400);
183
101
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);
184
102
  --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
185
103
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
186
- }
187
- .dark .tiptap-button[data-style=ghost] {
188
104
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
189
105
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
190
106
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
191
107
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
192
108
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
193
109
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
194
- }
195
- .dark .tiptap-button[data-style=ghost] {
196
110
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
197
111
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
198
112
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
199
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );
200
- --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );
113
+ --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
114
+ --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
201
115
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
202
116
  }
203
117
  .tiptap-button[data-style=primary] {
204
- --tt-button-default-bg-color: var(--tt-brand-color-500);
205
- --tt-button-hover-bg-color: var(--tt-brand-color-600);
206
- --tt-button-active-bg-color: var(--tt-brand-color-100);
207
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
208
- --tt-button-active-bg-color-subdued: var( --tt-brand-color-100 );
209
- --tt-button-active-hover-bg-color: var(--tt-brand-color-200);
210
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
211
- --tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-200 );
212
- --tt-button-disabled-bg-color: var(--tt-gray-light-a-100);
213
- --tt-button-default-text-color: var(--white);
214
- --tt-button-hover-text-color: var(--white);
215
- --tt-button-active-text-color: var(--tt-gray-light-a-900);
216
- --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
217
- --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
218
- --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
219
- --tt-button-default-icon-color: var(--white);
220
- --tt-button-hover-icon-color: var(--white);
221
- --tt-button-active-icon-color: var(--tt-brand-color-600);
222
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
223
- --tt-button-active-icon-color-subdued: var(--tt-brand-color-600);
224
- --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
225
- --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-500);
226
- --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
227
- --tt-button-active-icon-sub-color: var(--tt-gray-light-a-500);
228
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
229
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-500);
230
- --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
231
- --tt-button-default-dropdown-arrows-color: var(--white);
232
- --tt-button-hover-dropdown-arrows-color: var(--white);
233
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-700);
234
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
235
- --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-700 );
236
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
237
- }
238
- .dark .tiptap-button[data-style=primary] {
239
118
  --tt-button-default-bg-color: var(--tt-brand-color-500);
240
119
  --tt-button-hover-bg-color: var(--tt-brand-color-600);
241
120
  --tt-button-active-bg-color: var(--tt-brand-color-900);
242
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
243
- --tt-button-active-bg-color-subdued: var( --tt-brand-color-900 );
121
+ --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
122
+ --tt-button-active-bg-color-subdued: var(--tt-brand-color-900);
244
123
  --tt-button-active-hover-bg-color: var(--tt-brand-color-800);
245
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
246
- --tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-800 );
124
+ --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
125
+ --tt-button-active-hover-bg-color-subdued: var(--tt-brand-color-800);
247
126
  --tt-button-disabled-bg-color: var(--tt-gray-dark-a-100);
248
- }
249
- .dark .tiptap-button[data-style=primary] {
250
127
  --tt-button-default-text-color: var(--white);
251
128
  --tt-button-hover-text-color: var(--white);
252
129
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
253
130
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
254
131
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
255
132
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
256
- }
257
- .dark .tiptap-button[data-style=primary] {
258
133
  --tt-button-default-icon-color: var(--white);
259
134
  --tt-button-hover-icon-color: var(--white);
260
135
  --tt-button-active-icon-color: var(--tt-brand-color-400);
261
136
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
262
137
  --tt-button-active-icon-color-subdued: var(--tt-brand-color-400);
263
138
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-300);
264
- }
265
- .dark .tiptap-button[data-style=primary] {
266
139
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);
267
140
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
268
141
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
269
142
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
270
143
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
271
144
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
272
- }
273
- .dark .tiptap-button[data-style=primary] {
274
145
  --tt-button-default-dropdown-arrows-color: var(--white);
275
146
  --tt-button-hover-dropdown-arrows-color: var(--white);
276
147
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
277
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-600 );
278
- --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );
148
+ --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-600);
149
+ --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
279
150
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
280
151
  }
281
152
 
282
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
153
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
283
154
  .tiptap-button-group {
284
155
  position: relative;
285
156
  display: flex;
@@ -300,7 +171,7 @@
300
171
  align-items: center;
301
172
  }
302
173
 
303
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
174
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
304
175
  .tiptap-button {
305
176
  font-size: 0.875rem;
306
177
  font-weight: 500;
@@ -563,7 +434,7 @@
563
434
  color: var(--tt-button-disabled-icon-color);
564
435
  }
565
436
 
566
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
437
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
567
438
  .tiptap-separator {
568
439
  --tt-link-border-color: var(--tt-gray-light-a-200);
569
440
  }
@@ -584,7 +455,7 @@
584
455
  width: 1px;
585
456
  }
586
457
 
587
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
458
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
588
459
  :root {
589
460
  --tt-toolbar-height: 2.75rem;
590
461
  --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
@@ -692,7 +563,7 @@
692
563
  }
693
564
  }
694
565
 
695
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
566
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
696
567
  z {
697
568
  --tiptap-image-upload-active: var(--tt-brand-color-500);
698
569
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
@@ -896,7 +767,7 @@ z {
896
767
  }
897
768
  }
898
769
 
899
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
770
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
900
771
  .tiptap.ProseMirror {
901
772
  --blockquote-bg-color: var(--tt-gray-light-900);
902
773
  }
@@ -926,7 +797,7 @@ z {
926
797
  border-radius: 0;
927
798
  }
928
799
 
929
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
800
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
930
801
  .tiptap.ProseMirror {
931
802
  --tt-inline-code-bg-color: var(--tt-gray-light-a-100);
932
803
  --tt-inline-code-text-color: var(--tt-gray-light-a-700);
@@ -971,7 +842,7 @@ z {
971
842
  color: inherit;
972
843
  }
973
844
 
974
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
845
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
975
846
  .tiptap.ProseMirror {
976
847
  --horizontal-rule-color: var(--tt-gray-light-a-200);
977
848
  }
@@ -990,7 +861,7 @@ z {
990
861
  padding-bottom: 0.75rem;
991
862
  }
992
863
 
993
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
864
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
994
865
  .tiptap.ProseMirror {
995
866
  --tt-checklist-bg-color: var(--tt-gray-light-a-100);
996
867
  --tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
@@ -1115,7 +986,7 @@ z {
1115
986
  min-width: 0;
1116
987
  }
1117
988
 
1118
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
989
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
1119
990
  .tiptap.ProseMirror img {
1120
991
  max-width: 100%;
1121
992
  height: auto;
@@ -1140,7 +1011,7 @@ z {
1140
1011
  margin: 0;
1141
1012
  }
1142
1013
 
1143
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1014
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1144
1015
  .tiptap.ProseMirror h1,
1145
1016
  .tiptap.ProseMirror h2,
1146
1017
  .tiptap.ProseMirror h3,
@@ -1180,7 +1051,7 @@ z {
1180
1051
  margin-top: 2em;
1181
1052
  }
1182
1053
 
1183
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1054
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1184
1055
  .tiptap-badge {
1185
1056
  --tt-badge-border-color: var(--tt-gray-light-a-200);
1186
1057
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
@@ -1378,7 +1249,7 @@ z {
1378
1249
  --tt-badge-icon-color-emphasized: var( --tt-brand-color-900 );
1379
1250
  }
1380
1251
 
1381
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1252
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1382
1253
  .tiptap-badge-group {
1383
1254
  align-items: center;
1384
1255
  display: flex;
@@ -1392,7 +1263,7 @@ z {
1392
1263
  flex-direction: row;
1393
1264
  }
1394
1265
 
1395
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1266
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1396
1267
  .tiptap-badge {
1397
1268
  font-size: 0.625rem;
1398
1269
  font-weight: 700;
@@ -1470,7 +1341,7 @@ z {
1470
1341
  color: var(--tt-badge-icon-color-subdued);
1471
1342
  }
1472
1343
 
1473
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1344
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1474
1345
  .tiptap-dropdown-menu {
1475
1346
  --tt-dropdown-menu-bg-color: var(--white);
1476
1347
  --tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
@@ -1517,7 +1388,7 @@ z {
1517
1388
  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1518
1389
  }
1519
1390
 
1520
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1391
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1521
1392
  z {
1522
1393
  --tiptap-card-bg-color: var(--white);
1523
1394
  --tiptap-card-border-color: var(--tt-gray-light-a-100);
@@ -1586,7 +1457,7 @@ z {
1586
1457
  color: var(--tiptap-card-group-label-color);
1587
1458
  }
1588
1459
 
1589
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1460
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1590
1461
  .tiptap-popover {
1591
1462
  --tt-popover-bg-color: var(--white);
1592
1463
  --tt-popover-border-color: var(--tt-gray-light-a-100);
@@ -1633,7 +1504,7 @@ z {
1633
1504
  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
1634
1505
  }
1635
1506
 
1636
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1507
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1637
1508
  .tiptap-button-highlight {
1638
1509
  position: relative;
1639
1510
  width: 1.25rem;
@@ -1667,7 +1538,7 @@ z {
1667
1538
  filter: brightness(180%);
1668
1539
  }
1669
1540
 
1670
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1541
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1671
1542
  :root {
1672
1543
  --tiptap-input-placeholder: var(--tt-gray-light-a-400);
1673
1544
  }
@@ -1707,7 +1578,7 @@ z {
1707
1578
  align-items: stretch;
1708
1579
  }
1709
1580
 
1710
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1581
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1711
1582
  body {
1712
1583
  --tt-toolbar-height: 44px;
1713
1584
  --tt-theme-text: var(--tt-gray-dark-900);
@@ -1851,7 +1722,7 @@ table .column-resize-handle {
1851
1722
  }
1852
1723
  }
1853
1724
 
1854
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/styles/index.css */
1725
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/styles/index.css */
1855
1726
  .tiptap.ProseMirror {
1856
1727
  --blockquote-bg-color: var(--tt-gray-light-900);
1857
1728
  }
@@ -2850,237 +2721,108 @@ table .column-resize-handle {
2850
2721
  flex-direction: row;
2851
2722
  }
2852
2723
  .tiptap-button {
2853
- --tt-button-default-bg-color: var(--tt-gray-light-a-100);
2854
- --tt-button-hover-bg-color: var(--tt-gray-light-200);
2855
- --tt-button-active-bg-color: var(--tt-gray-light-a-200);
2856
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
2857
- --tt-button-active-bg-color-subdued: var( --tt-gray-light-a-200 );
2858
- --tt-button-active-hover-bg-color: var(--tt-gray-light-300);
2859
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
2860
- --tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-300 );
2861
- --tt-button-disabled-bg-color: var(--tt-gray-light-a-50);
2862
- --tt-button-default-text-color: var(--tt-gray-light-a-600);
2863
- --tt-button-hover-text-color: var(--tt-gray-light-a-900);
2864
- --tt-button-active-text-color: var(--tt-gray-light-a-900);
2865
- --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
2866
- --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
2867
- --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
2868
- --tt-button-default-icon-color: var(--tt-gray-light-a-600);
2869
- --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
2870
- --tt-button-active-icon-color: var(--tt-brand-color-500);
2871
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
2872
- --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
2873
- --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
2874
- --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
2875
- --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
2876
- --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
2877
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
2878
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
2879
- --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
2880
- --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
2881
- --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
2882
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
2883
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
2884
- --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);
2885
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
2886
- }
2887
- .dark .tiptap-button {
2888
2724
  --tt-button-default-bg-color: var(--tt-gray-dark-a-100);
2889
2725
  --tt-button-hover-bg-color: var(--tt-gray-dark-200);
2890
2726
  --tt-button-active-bg-color: var(--tt-gray-dark-a-200);
2891
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
2892
- --tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-200 );
2727
+ --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
2728
+ --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-200);
2893
2729
  --tt-button-active-hover-bg-color: var(--tt-gray-dark-300);
2894
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
2895
- --tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-300 );
2730
+ --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
2731
+ --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-300);
2896
2732
  --tt-button-disabled-bg-color: var(--tt-gray-dark-a-50);
2897
- }
2898
- .dark .tiptap-button {
2899
2733
  --tt-button-default-text-color: var(--tt-gray-dark-a-600);
2900
2734
  --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
2901
2735
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
2902
2736
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
2903
2737
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
2904
2738
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
2905
- }
2906
- .dark .tiptap-button {
2907
2739
  --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
2908
2740
  --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
2909
2741
  --tt-button-active-icon-color: var(--tt-brand-color-400);
2910
2742
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
2911
2743
  --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
2912
2744
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
2913
- }
2914
- .dark .tiptap-button {
2915
2745
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
2916
2746
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
2917
2747
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
2918
2748
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
2919
2749
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
2920
2750
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
2921
- }
2922
- .dark .tiptap-button {
2923
2751
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
2924
2752
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
2925
2753
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
2926
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );
2754
+ --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
2927
2755
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
2928
2756
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
2929
2757
  }
2930
2758
  .tiptap-button[data-style=ghost] {
2931
- --tt-button-default-bg-color: var(--transparent);
2932
- --tt-button-hover-bg-color: var(--tt-gray-light-200);
2933
- --tt-button-active-bg-color: var(--tt-gray-light-a-100);
2934
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
2935
- --tt-button-active-bg-color-subdued: var( --tt-gray-light-a-100 );
2936
- --tt-button-active-hover-bg-color: var(--tt-gray-light-200);
2937
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
2938
- --tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-200 );
2939
- --tt-button-disabled-bg-color: var(--transparent);
2940
- --tt-button-default-text-color: var(--tt-gray-light-a-600);
2941
- --tt-button-hover-text-color: var(--tt-gray-light-a-900);
2942
- --tt-button-active-text-color: var(--tt-gray-light-a-900);
2943
- --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
2944
- --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
2945
- --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
2946
- --tt-button-default-icon-color: var(--tt-gray-light-a-600);
2947
- --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
2948
- --tt-button-active-icon-color: var(--tt-brand-color-500);
2949
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
2950
- --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
2951
- --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
2952
- --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
2953
- --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
2954
- --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
2955
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
2956
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
2957
- --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
2958
- --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
2959
- --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
2960
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
2961
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
2962
- --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-600 );
2963
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
2964
- }
2965
- .dark .tiptap-button[data-style=ghost] {
2966
2759
  --tt-button-default-bg-color: var(--transparent);
2967
2760
  --tt-button-hover-bg-color: var(--tt-gray-dark-200);
2968
2761
  --tt-button-active-bg-color: var(--tt-gray-dark-a-100);
2969
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
2970
- --tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-100 );
2762
+ --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
2763
+ --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-100);
2971
2764
  --tt-button-active-hover-bg-color: var(--tt-gray-dark-200);
2972
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
2973
- --tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-200 );
2765
+ --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
2766
+ --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-200);
2974
2767
  --tt-button-disabled-bg-color: var(--transparent);
2975
- }
2976
- .dark .tiptap-button[data-style=ghost] {
2977
2768
  --tt-button-default-text-color: var(--tt-gray-dark-a-600);
2978
2769
  --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
2979
2770
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
2980
2771
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
2981
2772
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
2982
2773
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
2983
- }
2984
- .dark .tiptap-button[data-style=ghost] {
2985
2774
  --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
2986
2775
  --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
2987
2776
  --tt-button-active-icon-color: var(--tt-brand-color-400);
2988
2777
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);
2989
2778
  --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
2990
2779
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
2991
- }
2992
- .dark .tiptap-button[data-style=ghost] {
2993
2780
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
2994
2781
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
2995
2782
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
2996
2783
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
2997
2784
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
2998
2785
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
2999
- }
3000
- .dark .tiptap-button[data-style=ghost] {
3001
2786
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
3002
2787
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
3003
2788
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
3004
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );
3005
- --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );
2789
+ --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
2790
+ --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
3006
2791
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
3007
2792
  }
3008
2793
  .tiptap-button[data-style=primary] {
3009
- --tt-button-default-bg-color: var(--tt-brand-color-500);
3010
- --tt-button-hover-bg-color: var(--tt-brand-color-600);
3011
- --tt-button-active-bg-color: var(--tt-brand-color-100);
3012
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );
3013
- --tt-button-active-bg-color-subdued: var( --tt-brand-color-100 );
3014
- --tt-button-active-hover-bg-color: var(--tt-brand-color-200);
3015
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );
3016
- --tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-200 );
3017
- --tt-button-disabled-bg-color: var(--tt-gray-light-a-100);
3018
- --tt-button-default-text-color: var(--white);
3019
- --tt-button-hover-text-color: var(--white);
3020
- --tt-button-active-text-color: var(--tt-gray-light-a-900);
3021
- --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
3022
- --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
3023
- --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
3024
- --tt-button-default-icon-color: var(--white);
3025
- --tt-button-hover-icon-color: var(--white);
3026
- --tt-button-active-icon-color: var(--tt-brand-color-600);
3027
- --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
3028
- --tt-button-active-icon-color-subdued: var(--tt-brand-color-600);
3029
- --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
3030
- --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-500);
3031
- --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
3032
- --tt-button-active-icon-sub-color: var(--tt-gray-light-a-500);
3033
- --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
3034
- --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-500);
3035
- --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
3036
- --tt-button-default-dropdown-arrows-color: var(--white);
3037
- --tt-button-hover-dropdown-arrows-color: var(--white);
3038
- --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-700);
3039
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );
3040
- --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-700 );
3041
- --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
3042
- }
3043
- .dark .tiptap-button[data-style=primary] {
3044
2794
  --tt-button-default-bg-color: var(--tt-brand-color-500);
3045
2795
  --tt-button-hover-bg-color: var(--tt-brand-color-600);
3046
2796
  --tt-button-active-bg-color: var(--tt-brand-color-900);
3047
- --tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );
3048
- --tt-button-active-bg-color-subdued: var( --tt-brand-color-900 );
2797
+ --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
2798
+ --tt-button-active-bg-color-subdued: var(--tt-brand-color-900);
3049
2799
  --tt-button-active-hover-bg-color: var(--tt-brand-color-800);
3050
- --tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );
3051
- --tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-800 );
2800
+ --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
2801
+ --tt-button-active-hover-bg-color-subdued: var(--tt-brand-color-800);
3052
2802
  --tt-button-disabled-bg-color: var(--tt-gray-dark-a-100);
3053
- }
3054
- .dark .tiptap-button[data-style=primary] {
3055
2803
  --tt-button-default-text-color: var(--white);
3056
2804
  --tt-button-hover-text-color: var(--white);
3057
2805
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
3058
2806
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
3059
2807
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
3060
2808
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
3061
- }
3062
- .dark .tiptap-button[data-style=primary] {
3063
2809
  --tt-button-default-icon-color: var(--white);
3064
2810
  --tt-button-hover-icon-color: var(--white);
3065
2811
  --tt-button-active-icon-color: var(--tt-brand-color-400);
3066
2812
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
3067
2813
  --tt-button-active-icon-color-subdued: var(--tt-brand-color-400);
3068
2814
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-300);
3069
- }
3070
- .dark .tiptap-button[data-style=primary] {
3071
2815
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);
3072
2816
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
3073
2817
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
3074
2818
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
3075
2819
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
3076
2820
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
3077
- }
3078
- .dark .tiptap-button[data-style=primary] {
3079
2821
  --tt-button-default-dropdown-arrows-color: var(--white);
3080
2822
  --tt-button-hover-dropdown-arrows-color: var(--white);
3081
2823
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
3082
- --tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-600 );
3083
- --tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );
2824
+ --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-600);
2825
+ --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
3084
2826
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
3085
2827
  }
3086
2828
  .tiptap-button-group {
@@ -3724,33 +3466,13 @@ z {
3724
3466
  color: var(--tt-kbd);
3725
3467
  }
3726
3468
 
3727
- /* C:/Users/hamza/AppData/Local/Temp/tmp-19032-zXxr0hdYdXrb/easyflow-texteditor/src/styles/_variables.css */
3469
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-15716-Ne4TaQD71UOJ/easyflow-texteditor/src/styles/_variables.css */
3728
3470
  easyflow-editor {
3729
3471
  overflow-wrap: break-word;
3730
3472
  text-size-adjust: none;
3731
3473
  text-rendering: optimizeLegibility;
3732
3474
  -webkit-font-smoothing: antialiased;
3733
3475
  -moz-osx-font-smoothing: grayscale;
3734
- --tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
3735
- --tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
3736
- --tt-gray-light-a-200: rgba(37, 39, 45, 0.1);
3737
- --tt-gray-light-a-300: rgba(47, 50, 55, 0.2);
3738
- --tt-gray-light-a-400: rgba(40, 44, 51, 0.42);
3739
- --tt-gray-light-a-500: rgba(52, 55, 60, 0.64);
3740
- --tt-gray-light-a-600: rgba(36, 39, 46, 0.78);
3741
- --tt-gray-light-a-700: rgba(35, 37, 42, 0.87);
3742
- --tt-gray-light-a-800: rgba(30, 32, 36, 0.95);
3743
- --tt-gray-light-a-900: rgba(29, 30, 32, 0.98);
3744
- --tt-gray-light-50: rgba(250, 250, 250, 1);
3745
- --tt-gray-light-100: rgba(244, 244, 245, 1);
3746
- --tt-gray-light-200: rgba(234, 234, 235, 1);
3747
- --tt-gray-light-300: rgba(213, 214, 215, 1);
3748
- --tt-gray-light-400: rgba(166, 167, 171, 1);
3749
- --tt-gray-light-500: rgba(125, 127, 130, 1);
3750
- --tt-gray-light-600: rgba(83, 86, 90, 1);
3751
- --tt-gray-light-700: rgba(64, 65, 69, 1);
3752
- --tt-gray-light-800: rgba(44, 45, 48, 1);
3753
- --tt-gray-light-900: rgba(34, 35, 37, 1);
3754
3476
  --tt-gray-dark-a-50: rgba(232, 232, 253, 0.05);
3755
3477
  --tt-gray-dark-a-100: rgba(231, 231, 243, 0.07);
3756
3478
  --tt-gray-dark-a-200: rgba(238, 238, 246, 0.11);
@@ -3819,10 +3541,10 @@ easyflow-editor {
3819
3541
  --black: rgba(14, 14, 17, 1);
3820
3542
  --transparent: rgba(255, 255, 255, 0);
3821
3543
  --tt-shadow-elevated-md:
3822
- 0px 16px 48px 0px rgba(17, 24, 39, 0.04),
3823
- 0px 12px 24px 0px rgba(17, 24, 39, 0.04),
3824
- 0px 6px 8px 0px rgba(17, 24, 39, 0.02),
3825
- 0px 2px 3px 0px rgba(17, 24, 39, 0.02);
3544
+ 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
3545
+ 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
3546
+ 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
3547
+ 0px 2px 3px 0px rgba(0, 0, 0, 0.12);
3826
3548
  --tt-radius-xxs: 0.125rem;
3827
3549
  --tt-radius-xs: 0.25rem;
3828
3550
  --tt-radius-sm: 0.375rem;
@@ -3840,26 +3562,6 @@ easyflow-editor {
3840
3562
  --tt-accent-contrast: 8%;
3841
3563
  --tt-destructive-contrast: 8%;
3842
3564
  --tt-foreground-contrast: 8%;
3843
- }
3844
- easyflow-editor .easyflow-editor,
3845
- easyflow-editor .easyflow-editor *,
3846
- easyflow-editor .easyflow-editor *::before,
3847
- easyflow-editor .easyflow-editor *::after {
3848
- box-sizing: border-box;
3849
- transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
3850
- }
3851
- easyflow-editor {
3852
- --tt-bg-color: var(--white);
3853
- --tt-border-color: var(--tt-gray-light-a-200);
3854
- --tt-border-color-tint: var(--tt-gray-light-a-100);
3855
- --tt-sidebar-bg-color: var(--tt-gray-light-100);
3856
- --tt-scrollbar-color: var(--tt-gray-light-a-200);
3857
- --tt-cursor-color: var(--tt-brand-color-500);
3858
- --tt-selection-color: rgba(157, 138, 255, 0.2);
3859
- --tt-card-bg-color: var(--white);
3860
- --tt-card-border-color: var(--tt-gray-light-a-100);
3861
- }
3862
- .easyflow-editor.dark {
3863
3565
  --tt-bg-color: var(--black);
3864
3566
  --tt-border-color: var(--tt-gray-dark-a-200);
3865
3567
  --tt-border-color-tint: var(--tt-gray-dark-a-100);
@@ -3869,33 +3571,6 @@ easyflow-editor {
3869
3571
  --tt-selection-color: rgba(122, 82, 255, 0.2);
3870
3572
  --tt-card-bg-color: var(--tt-gray-dark-50);
3871
3573
  --tt-card-border-color: var(--tt-gray-dark-a-50);
3872
- --tt-shadow-elevated-md:
3873
- 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
3874
- 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
3875
- 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
3876
- 0px 2px 3px 0px rgba(0, 0, 0, 0.12);
3877
- }
3878
- easyflow-editor {
3879
- --tt-color-text-gray: hsl(45, 2%, 46%);
3880
- --tt-color-text-brown: hsl(19, 31%, 47%);
3881
- --tt-color-text-orange: hsl(30, 89%, 45%);
3882
- --tt-color-text-yellow: hsl(38, 62%, 49%);
3883
- --tt-color-text-green: hsl(148, 32%, 39%);
3884
- --tt-color-text-blue: hsl(202, 54%, 43%);
3885
- --tt-color-text-purple: hsl(274, 32%, 54%);
3886
- --tt-color-text-pink: hsl(328, 49%, 53%);
3887
- --tt-color-text-red: hsl(2, 62%, 55%);
3888
- --tt-color-text-gray-contrast: hsla(39, 26%, 26%, 0.15);
3889
- --tt-color-text-brown-contrast: hsla(18, 43%, 69%, 0.35);
3890
- --tt-color-text-orange-contrast: hsla(24, 73%, 55%, 0.27);
3891
- --tt-color-text-yellow-contrast: hsla(44, 82%, 59%, 0.39);
3892
- --tt-color-text-green-contrast: hsla(126, 29%, 60%, 0.27);
3893
- --tt-color-text-blue-contrast: hsla(202, 54%, 59%, 0.27);
3894
- --tt-color-text-purple-contrast: hsla(274, 37%, 64%, 0.27);
3895
- --tt-color-text-pink-contrast: hsla(331, 60%, 71%, 0.27);
3896
- --tt-color-text-red-contrast: hsla(8, 79%, 79%, 0.4);
3897
- }
3898
- .easyflow-editor.dark {
3899
3574
  --tt-color-text-gray: hsl(0, 0%, 61%);
3900
3575
  --tt-color-text-brown: hsl(18, 35%, 58%);
3901
3576
  --tt-color-text-orange: hsl(25, 53%, 53%);
@@ -3914,28 +3589,6 @@ easyflow-editor {
3914
3589
  --tt-color-text-purple-contrast: hsla(271, 56%, 60%, 0.18);
3915
3590
  --tt-color-text-pink-contrast: hsla(331, 67%, 58%, 0.22);
3916
3591
  --tt-color-text-red-contrast: hsla(0, 67%, 60%, 0.25);
3917
- }
3918
- easyflow-editor {
3919
- --tt-color-highlight-yellow: #fef9c3;
3920
- --tt-color-highlight-green: #dcfce7;
3921
- --tt-color-highlight-blue: #e0f2fe;
3922
- --tt-color-highlight-purple: #f3e8ff;
3923
- --tt-color-highlight-red: #ffe4e6;
3924
- --tt-color-highlight-gray: rgb(248, 248, 247);
3925
- --tt-color-highlight-brown: rgb(244, 238, 238);
3926
- --tt-color-highlight-orange: rgb(251, 236, 221);
3927
- --tt-color-highlight-pink: rgb(252, 241, 246);
3928
- --tt-color-highlight-yellow-contrast: #fbe604;
3929
- --tt-color-highlight-green-contrast: #c7fad8;
3930
- --tt-color-highlight-blue-contrast: #ceeafd;
3931
- --tt-color-highlight-purple-contrast: #e4ccff;
3932
- --tt-color-highlight-red-contrast: #ffccd0;
3933
- --tt-color-highlight-gray-contrast: rgba(84, 72, 49, 0.15);
3934
- --tt-color-highlight-brown-contrast: rgba(210, 162, 141, 0.35);
3935
- --tt-color-highlight-orange-contrast: rgba(224, 124, 57, 0.27);
3936
- --tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
3937
- }
3938
- .easyflow-editor.dark {
3939
3592
  --tt-color-highlight-yellow: #6b6524;
3940
3593
  --tt-color-highlight-green: #509568;
3941
3594
  --tt-color-highlight-blue: #6e92aa;
@@ -3955,6 +3608,13 @@ easyflow-editor {
3955
3608
  --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
3956
3609
  --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
3957
3610
  }
3611
+ easyflow-editor .easyflow-editor,
3612
+ easyflow-editor .easyflow-editor *,
3613
+ easyflow-editor .easyflow-editor *::before,
3614
+ easyflow-editor .easyflow-editor *::after {
3615
+ box-sizing: border-box;
3616
+ transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
3617
+ }
3958
3618
 
3959
3619
  /* src/styles/globals.css */
3960
3620
  @layer properties;
@@ -6409,26 +6069,6 @@ easyflow-editor {
6409
6069
  text-rendering: optimizeLegibility;
6410
6070
  -webkit-font-smoothing: antialiased;
6411
6071
  -moz-osx-font-smoothing: grayscale;
6412
- --tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
6413
- --tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
6414
- --tt-gray-light-a-200: rgba(37, 39, 45, 0.1);
6415
- --tt-gray-light-a-300: rgba(47, 50, 55, 0.2);
6416
- --tt-gray-light-a-400: rgba(40, 44, 51, 0.42);
6417
- --tt-gray-light-a-500: rgba(52, 55, 60, 0.64);
6418
- --tt-gray-light-a-600: rgba(36, 39, 46, 0.78);
6419
- --tt-gray-light-a-700: rgba(35, 37, 42, 0.87);
6420
- --tt-gray-light-a-800: rgba(30, 32, 36, 0.95);
6421
- --tt-gray-light-a-900: rgba(29, 30, 32, 0.98);
6422
- --tt-gray-light-50: rgba(250, 250, 250, 1);
6423
- --tt-gray-light-100: rgba(244, 244, 245, 1);
6424
- --tt-gray-light-200: rgba(234, 234, 235, 1);
6425
- --tt-gray-light-300: rgba(213, 214, 215, 1);
6426
- --tt-gray-light-400: rgba(166, 167, 171, 1);
6427
- --tt-gray-light-500: rgba(125, 127, 130, 1);
6428
- --tt-gray-light-600: rgba(83, 86, 90, 1);
6429
- --tt-gray-light-700: rgba(64, 65, 69, 1);
6430
- --tt-gray-light-800: rgba(44, 45, 48, 1);
6431
- --tt-gray-light-900: rgba(34, 35, 37, 1);
6432
6072
  --tt-gray-dark-a-50: rgba(232, 232, 253, 0.05);
6433
6073
  --tt-gray-dark-a-100: rgba(231, 231, 243, 0.07);
6434
6074
  --tt-gray-dark-a-200: rgba(238, 238, 246, 0.11);
@@ -6497,10 +6137,10 @@ easyflow-editor {
6497
6137
  --black: rgba(14, 14, 17, 1);
6498
6138
  --transparent: rgba(255, 255, 255, 0);
6499
6139
  --tt-shadow-elevated-md:
6500
- 0px 16px 48px 0px rgba(17, 24, 39, 0.04),
6501
- 0px 12px 24px 0px rgba(17, 24, 39, 0.04),
6502
- 0px 6px 8px 0px rgba(17, 24, 39, 0.02),
6503
- 0px 2px 3px 0px rgba(17, 24, 39, 0.02);
6140
+ 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
6141
+ 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
6142
+ 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
6143
+ 0px 2px 3px 0px rgba(0, 0, 0, 0.12);
6504
6144
  --tt-radius-xxs: 0.125rem;
6505
6145
  --tt-radius-xs: 0.25rem;
6506
6146
  --tt-radius-sm: 0.375rem;
@@ -6518,26 +6158,6 @@ easyflow-editor {
6518
6158
  --tt-accent-contrast: 8%;
6519
6159
  --tt-destructive-contrast: 8%;
6520
6160
  --tt-foreground-contrast: 8%;
6521
- .easyflow-editor,
6522
- .easyflow-editor *,
6523
- .easyflow-editor *::before,
6524
- .easyflow-editor *::after {
6525
- box-sizing: border-box;
6526
- transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
6527
- }
6528
- }
6529
- easyflow-editor {
6530
- --tt-bg-color: var(--white);
6531
- --tt-border-color: var(--tt-gray-light-a-200);
6532
- --tt-border-color-tint: var(--tt-gray-light-a-100);
6533
- --tt-sidebar-bg-color: var(--tt-gray-light-100);
6534
- --tt-scrollbar-color: var(--tt-gray-light-a-200);
6535
- --tt-cursor-color: var(--tt-brand-color-500);
6536
- --tt-selection-color: rgba(157, 138, 255, 0.2);
6537
- --tt-card-bg-color: var(--white);
6538
- --tt-card-border-color: var(--tt-gray-light-a-100);
6539
- }
6540
- .easyflow-editor.dark {
6541
6161
  --tt-bg-color: var(--black);
6542
6162
  --tt-border-color: var(--tt-gray-dark-a-200);
6543
6163
  --tt-border-color-tint: var(--tt-gray-dark-a-100);
@@ -6547,33 +6167,6 @@ easyflow-editor {
6547
6167
  --tt-selection-color: rgba(122, 82, 255, 0.2);
6548
6168
  --tt-card-bg-color: var(--tt-gray-dark-50);
6549
6169
  --tt-card-border-color: var(--tt-gray-dark-a-50);
6550
- --tt-shadow-elevated-md:
6551
- 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
6552
- 0px 12px 24px 0px rgba(0, 0, 0, 0.24),
6553
- 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
6554
- 0px 2px 3px 0px rgba(0, 0, 0, 0.12);
6555
- }
6556
- easyflow-editor {
6557
- --tt-color-text-gray: hsl(45, 2%, 46%);
6558
- --tt-color-text-brown: hsl(19, 31%, 47%);
6559
- --tt-color-text-orange: hsl(30, 89%, 45%);
6560
- --tt-color-text-yellow: hsl(38, 62%, 49%);
6561
- --tt-color-text-green: hsl(148, 32%, 39%);
6562
- --tt-color-text-blue: hsl(202, 54%, 43%);
6563
- --tt-color-text-purple: hsl(274, 32%, 54%);
6564
- --tt-color-text-pink: hsl(328, 49%, 53%);
6565
- --tt-color-text-red: hsl(2, 62%, 55%);
6566
- --tt-color-text-gray-contrast: hsla(39, 26%, 26%, 0.15);
6567
- --tt-color-text-brown-contrast: hsla(18, 43%, 69%, 0.35);
6568
- --tt-color-text-orange-contrast: hsla(24, 73%, 55%, 0.27);
6569
- --tt-color-text-yellow-contrast: hsla(44, 82%, 59%, 0.39);
6570
- --tt-color-text-green-contrast: hsla(126, 29%, 60%, 0.27);
6571
- --tt-color-text-blue-contrast: hsla(202, 54%, 59%, 0.27);
6572
- --tt-color-text-purple-contrast: hsla(274, 37%, 64%, 0.27);
6573
- --tt-color-text-pink-contrast: hsla(331, 60%, 71%, 0.27);
6574
- --tt-color-text-red-contrast: hsla(8, 79%, 79%, 0.4);
6575
- }
6576
- .easyflow-editor.dark {
6577
6170
  --tt-color-text-gray: hsl(0, 0%, 61%);
6578
6171
  --tt-color-text-brown: hsl(18, 35%, 58%);
6579
6172
  --tt-color-text-orange: hsl(25, 53%, 53%);
@@ -6592,28 +6185,6 @@ easyflow-editor {
6592
6185
  --tt-color-text-purple-contrast: hsla(271, 56%, 60%, 0.18);
6593
6186
  --tt-color-text-pink-contrast: hsla(331, 67%, 58%, 0.22);
6594
6187
  --tt-color-text-red-contrast: hsla(0, 67%, 60%, 0.25);
6595
- }
6596
- easyflow-editor {
6597
- --tt-color-highlight-yellow: #fef9c3;
6598
- --tt-color-highlight-green: #dcfce7;
6599
- --tt-color-highlight-blue: #e0f2fe;
6600
- --tt-color-highlight-purple: #f3e8ff;
6601
- --tt-color-highlight-red: #ffe4e6;
6602
- --tt-color-highlight-gray: rgb(248, 248, 247);
6603
- --tt-color-highlight-brown: rgb(244, 238, 238);
6604
- --tt-color-highlight-orange: rgb(251, 236, 221);
6605
- --tt-color-highlight-pink: rgb(252, 241, 246);
6606
- --tt-color-highlight-yellow-contrast: #fbe604;
6607
- --tt-color-highlight-green-contrast: #c7fad8;
6608
- --tt-color-highlight-blue-contrast: #ceeafd;
6609
- --tt-color-highlight-purple-contrast: #e4ccff;
6610
- --tt-color-highlight-red-contrast: #ffccd0;
6611
- --tt-color-highlight-gray-contrast: rgba(84, 72, 49, 0.15);
6612
- --tt-color-highlight-brown-contrast: rgba(210, 162, 141, 0.35);
6613
- --tt-color-highlight-orange-contrast: rgba(224, 124, 57, 0.27);
6614
- --tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
6615
- }
6616
- .easyflow-editor.dark {
6617
6188
  --tt-color-highlight-yellow: #6b6524;
6618
6189
  --tt-color-highlight-green: #509568;
6619
6190
  --tt-color-highlight-blue: #6e92aa;
@@ -6632,6 +6203,13 @@ easyflow-editor {
6632
6203
  --tt-color-highlight-brown-contrast: rgba(184, 101, 69, 0.25);
6633
6204
  --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
6634
6205
  --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
6206
+ .easyflow-editor,
6207
+ .easyflow-editor *,
6208
+ .easyflow-editor *::before,
6209
+ .easyflow-editor *::after {
6210
+ box-sizing: border-box;
6211
+ transition: none var(--tt-transition-duration-default) var(--tt-transition-easing-default);
6212
+ }
6635
6213
  }
6636
6214
  @keyframes fadeIn {
6637
6215
  from {