@mhamz.01/easyflow-texteditor 0.1.49 → 0.1.51

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.
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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/tooltip/tooltip.css */
4
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-colors.css */
46
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button-group.css */
153
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/button/button.css */
174
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/separator/separator.css */
437
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/toolbar/toolbar.css */
458
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-node/image-upload-node/image-upload-node.css */
566
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-node/blockquote-node/blockquote-node.css */
770
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-node/code-block-node/code-block-node.css */
800
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css */
845
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-node/list-node/list-node.css */
864
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-node/image-node/image-node.css */
989
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-node/heading-node/heading-node.css */
1014
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-colors.css */
1054
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge-group.css */
1252
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/badge/badge.css */
1266
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css */
1344
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/card/card.css */
1391
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/popover/popover.css */
1460
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css */
1507
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-ui-primitive/input/input.css */
1541
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/components/tiptap-templates/simple/simple-editor.css */
1581
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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-33100-y8NzDBYZwJD3/easyflow-texteditor/src/styles/index.css */
1725
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/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,7 +3466,7 @@ z {
3724
3466
  color: var(--tt-kbd);
3725
3467
  }
3726
3468
 
3727
- /* C:/Users/hamza/AppData/Local/Temp/tmp-33100-y8NzDBYZwJD3/easyflow-texteditor/src/styles/_variables.css */
3469
+ /* C:/Users/hamza/AppData/Local/Temp/tmp-35196-5g3lXwLIh9Ro/easyflow-texteditor/src/styles/_variables.css */
3728
3470
  easyflow-editor {
3729
3471
  overflow-wrap: break-word;
3730
3472
  text-size-adjust: none;