tetrons 2.3.21 → 2.3.22

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.mjs CHANGED
@@ -17232,7 +17232,6 @@ function EditorContent({ apiKey }) {
17232
17232
  }
17233
17233
 
17234
17234
  // src/index.ts
17235
- import "./tetrons-UCHWNATC.css";
17236
17235
  var API_VALID = false;
17237
17236
  var API_VERSION = "";
17238
17237
  async function initializeTetrons(apiKey) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tetrons",
3
- "version": "2.3.21",
3
+ "version": "2.3.22",
4
4
  "description": "A Next.js project written in TypeScript",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -63,13 +63,13 @@
63
63
  "author": "Your Name",
64
64
  "license": "MIT",
65
65
  "exports": {
66
- ".": {
67
- "import": "./dist/index.js",
68
- "require": "./dist/index.js",
69
- "types": "./dist/index.d.ts"
70
- },
71
- "./style.css": "./dist/styles/tetrons.css"
66
+ ".": {
67
+ "import": "./dist/index.js",
68
+ "require": "./dist/index.js",
69
+ "types": "./dist/index.d.ts"
72
70
  },
71
+ "./style.css": "./dist/styles/tetrons.css"
72
+ },
73
73
  "files": [
74
74
  "dist",
75
75
  "dist/styles/tetrons.css",
@@ -1,372 +0,0 @@
1
- .editor-container {
2
- display: flex;
3
- flex-direction: column;
4
- height: 100%;
5
- }
6
-
7
- .editor-toolbar {
8
- padding: 0.5rem;
9
- border-bottom: 1px solid #d1d5db;
10
- background-color: #f9fafb;
11
- display: flex;
12
- flex-wrap: wrap;
13
- align-items: center;
14
- gap: 0.75rem;
15
- }
16
-
17
- .editor-save-btn {
18
- padding: 0.25rem 0.75rem;
19
- background-color: #2563eb;
20
- color: white;
21
- border-radius: 0.375rem;
22
- transition: background-color 0.2s;
23
- }
24
-
25
- .editor-save-btn:hover {
26
- background-color: #1d4ed8;
27
- }
28
-
29
- .editor-save-btn:disabled {
30
- opacity: 0.5;
31
- cursor: not-allowed;
32
- }
33
-
34
- .editor-version-btn {
35
- padding: 0.25rem 0.5rem;
36
- border: 1px solid #d1d5db;
37
- color: #374151;
38
- border-radius: 0.375rem;
39
- font-size: 0.875rem;
40
- white-space: nowrap;
41
- transition: all 0.2s;
42
- background: none;
43
- }
44
-
45
- .editor-version-btn:hover {
46
- border-color: #4b5563;
47
- }
48
-
49
- .editor-version-btn.active {
50
- border-color: #2563eb;
51
- color: #2563eb;
52
- font-weight: 600;
53
- }
54
-
55
- .editor-content-wrapper {
56
- flex-grow: 1;
57
- padding: 1.5rem;
58
- background-color: white;
59
- border: 1px solid #d1d5db;
60
- border-radius: 0.5rem;
61
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
62
- overflow: auto;
63
- position: relative;
64
- min-height: 0;
65
- }
66
-
67
- .editor-loading {
68
- color: #6b7280;
69
- font-size: 0.875rem;
70
- text-align: center;
71
- padding: 1rem;
72
- }
73
-
74
- .editor-content-wrapper .ProseMirror {
75
- outline: none;
76
- min-height: 300px;
77
- font-size: 1rem;
78
- line-height: 1.75;
79
- }
80
-
81
- .editor-content-wrapper .ProseMirror[data-placeholder]:empty::before {
82
- content: attr(data-placeholder);
83
- color: #9ca3af;
84
- float: left;
85
- height: 0;
86
- pointer-events: none;
87
- }
88
-
89
- .ProseMirror pre {
90
- background: #f3f4f6;
91
- padding: 1rem;
92
- border-radius: 0.375rem;
93
- font-family: monospace;
94
- font-size: 0.875rem;
95
- overflow-x: auto;
96
- }
97
-
98
- .editor-versions-wrapper {
99
- display: flex;
100
- align-items: center;
101
- gap: 0.5rem;
102
- overflow-x: auto;
103
- max-width: 100%;
104
- }
105
-
106
- .editor-no-versions {
107
- color: #6b7280;
108
- font-size: 0.875rem;
109
- }
110
-
111
- .tetrons-toolbar {
112
- display: flex;
113
- flex-wrap: wrap;
114
- align-items: center;
115
- gap: 1rem;
116
- padding: 0.75rem;
117
- border-bottom: 1px solid #e5e7eb;
118
- background-color: white;
119
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
120
- position: relative;
121
- z-index: 10;
122
- }
123
-
124
- .tetrons-toolbar .group {
125
- display: flex;
126
- align-items: center;
127
- gap: 0.5rem;
128
- border-right: 1px solid #e5e7eb;
129
- padding-right: 0.75rem;
130
- }
131
-
132
- .tetrons-toolbar input[type="checkbox"] {
133
- width: 1rem;
134
- height: 1rem;
135
- }
136
-
137
- .tetrons-toolbar label {
138
- font-size: 0.875rem;
139
- -moz-user-select: none;
140
- user-select: none;
141
- -webkit-user-select: none;
142
- }
143
-
144
- .misc-group {
145
- display: flex;
146
- gap: 0.25rem;
147
- align-items: center;
148
- border-right: 1px solid #e5e7eb;
149
- padding-right: 0.75rem;
150
- }
151
-
152
- .list-align-group {
153
- display: flex;
154
- gap: 0.25rem;
155
- border-right: 1px solid #e5e7eb;
156
- padding-right: 0.75rem;
157
- align-items: center;
158
- }
159
-
160
- .insert-group {
161
- display: flex;
162
- gap: 0.25rem;
163
- border-right: 1px solid #e5e7eb;
164
- padding-right: 0.75rem;
165
- position: relative;
166
- align-items: center;
167
- }
168
-
169
- .table-grid-popup {
170
- position: absolute;
171
- top: 2.5rem;
172
- left: 0;
173
- background-color: white;
174
- border: 1px solid #d1d5db;
175
- border-radius: 0.25rem;
176
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
177
- padding: 0.5rem;
178
- z-index: 20;
179
- }
180
-
181
- .table-grid {
182
- display: grid;
183
- grid-template-columns: repeat(10, 1fr);
184
- gap: 1px;
185
- }
186
-
187
- .table-grid-cell {
188
- width: 1.25rem;
189
- height: 1.25rem;
190
- border: 1px solid #d1d5db;
191
- background-color: #f3f4f6;
192
- cursor: pointer;
193
- }
194
-
195
- .table-grid-cell.selected {
196
- background-color: #3b82f6;
197
- }
198
-
199
- .table-grid-label {
200
- margin-top: 0.5rem;
201
- font-size: 0.75rem;
202
- text-align: center;
203
- color: #6b7280;
204
- }
205
-
206
- .hidden-input {
207
- display: none;
208
- }
209
-
210
- .emoji-picker {
211
- position: absolute;
212
- top: 2.5rem;
213
- left: 0;
214
- z-index: 50;
215
- }
216
-
217
- .font-style-group {
218
- display: flex;
219
- gap: 0.25rem;
220
- border-right: 1px solid #e5e7eb;
221
- padding-right: 0.75rem;
222
- align-items: center;
223
- }
224
-
225
- .font-style-group select {
226
- font-size: 0.875rem;
227
- border: 1px solid #d1d5db;
228
- border-radius: 0.25rem;
229
- padding: 0.125rem 0.25rem;
230
- margin-right: 0.5rem;
231
- }
232
-
233
- .color-label {
234
- position: relative;
235
- width: 2rem;
236
- height: 2rem;
237
- display: flex;
238
- justify-content: center;
239
- align-items: center;
240
- cursor: pointer;
241
- }
242
-
243
- .color-indicator {
244
- content: "";
245
- position: absolute;
246
- bottom: 2px;
247
- left: 50%;
248
- transform: translateX(-50%);
249
- width: 12px;
250
- height: 4px;
251
- background-color: var(--indicator-color, #000000);
252
- border-radius: 2px;
253
- pointer-events: none;
254
- }
255
-
256
- .color-label input[type="color"] {
257
- position: absolute;
258
- inset: 0;
259
- opacity: 0;
260
- cursor: pointer;
261
- }
262
-
263
- .file-group {
264
- display: flex;
265
- align-items: center;
266
- gap: 0.25rem;
267
- border-right: 1px solid #e5e7eb;
268
- padding-right: 0.75rem;
269
- }
270
-
271
- .file-group input[type="file"] {
272
- display: none;
273
- }
274
-
275
- .clipboard-group {
276
- display: flex;
277
- gap: 0.25rem;
278
- border-right: 1px solid #e5e7eb;
279
- padding-right: 0.75rem;
280
- }
281
-
282
- .action-group {
283
- position: relative;
284
- display: flex;
285
- align-items: center;
286
- gap: 0.25rem;
287
- }
288
-
289
- .export-button {
290
- display: flex;
291
- align-items: center;
292
- gap: 0.25rem;
293
- padding: 0.25rem 0.5rem;
294
- border-radius: 0.25rem;
295
- background: transparent;
296
- cursor: pointer;
297
- }
298
-
299
- .export-button:hover {
300
- background-color: #f3f4f6;
301
- }
302
-
303
- .export-button:focus {
304
- outline: none;
305
- }
306
-
307
- .export-dropdown {
308
- position: absolute;
309
- z-index: 10;
310
- margin-top: 0.5rem;
311
- width: 10rem;
312
- background-color: #fff;
313
- border: 1px solid #e5e7eb;
314
- border-radius: 0.25rem;
315
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
316
- }
317
-
318
- .export-dropdown button {
319
- width: 100%;
320
- text-align: left;
321
- padding: 0.5rem 1rem;
322
- background: none;
323
- border: none;
324
- font-size: 0.875rem;
325
- cursor: pointer;
326
- }
327
-
328
- .export-dropdown button:hover {
329
- background-color: #f3f4f6;
330
- }
331
-
332
- .toolbar-button {
333
- padding: 0.5rem;
334
- border: none;
335
- background-color: transparent;
336
- border-radius: 0.375rem;
337
- cursor: pointer;
338
- display: flex;
339
- align-items: center;
340
- justify-content: center;
341
- transition: background-color 0.2s ease;
342
- }
343
-
344
- .toolbar-button:hover {
345
- background-color: #e5e7eb;
346
- }
347
-
348
- .toolbar-button.active {
349
- background-color: #d1d5db;
350
- }
351
-
352
- .toolbar-button:disabled {
353
- opacity: 0.5;
354
- cursor: not-allowed;
355
- }
356
-
357
- .tableWrapper {
358
- overflow-x: auto;
359
- margin: 1rem 0;
360
- }
361
-
362
- .tableWrapper table {
363
- width: 100%;
364
- border-collapse: collapse;
365
- }
366
-
367
- .tableWrapper th,
368
- .tableWrapper td {
369
- border: 1px solid #d1d5db;
370
- padding: 0.5rem;
371
- text-align: left;
372
- }