@puckeditor/plugin-ai 0.0.1 → 0.0.2-canary.53ffa8a3

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 DELETED
@@ -1,1768 +0,0 @@
1
- /* ../platform-client/styles/color.css */
2
- :root {
3
- --puck-color-rose-01: #4a001c;
4
- --puck-color-rose-02: #670833;
5
- --puck-color-rose-03: #87114c;
6
- --puck-color-rose-04: #a81a66;
7
- --puck-color-rose-05: #bc5089;
8
- --puck-color-rose-06: #cc7ca5;
9
- --puck-color-rose-07: #d89aba;
10
- --puck-color-rose-08: #e3b8cf;
11
- --puck-color-rose-09: #efd6e3;
12
- --puck-color-rose-10: #f6eaf1;
13
- --puck-color-rose-11: #faf4f8;
14
- --puck-color-rose-12: #fef8fc;
15
- --puck-color-azure-01: #00175d;
16
- --puck-color-azure-02: #002c77;
17
- --puck-color-azure-03: #014292;
18
- --puck-color-azure-04: #0158ad;
19
- --puck-color-azure-05: #3479be;
20
- --puck-color-azure-06: #6499cf;
21
- --puck-color-azure-07: #88b0da;
22
- --puck-color-azure-08: #abc7e5;
23
- --puck-color-azure-09: #cfdff0;
24
- --puck-color-azure-10: #e7eef7;
25
- --puck-color-azure-11: #f3f6fb;
26
- --puck-color-azure-12: #f7faff;
27
- --puck-color-green-01: #002000;
28
- --puck-color-green-02: #043604;
29
- --puck-color-green-03: #084e08;
30
- --puck-color-green-04: #0c680c;
31
- --puck-color-green-05: #1d882f;
32
- --puck-color-green-06: #2faa53;
33
- --puck-color-green-07: #56c16f;
34
- --puck-color-green-08: #7dd78b;
35
- --puck-color-green-09: #b8e8bf;
36
- --puck-color-green-10: #ddf3e0;
37
- --puck-color-green-11: #eff8f0;
38
- --puck-color-green-12: #f3fcf4;
39
- --puck-color-yellow-01: #211000;
40
- --puck-color-yellow-02: #362700;
41
- --puck-color-yellow-03: #4c4000;
42
- --puck-color-yellow-04: #645a00;
43
- --puck-color-yellow-05: #877614;
44
- --puck-color-yellow-06: #ab9429;
45
- --puck-color-yellow-07: #bfac4e;
46
- --puck-color-yellow-08: #d4c474;
47
- --puck-color-yellow-09: #e6deb1;
48
- --puck-color-yellow-10: #f3efd9;
49
- --puck-color-yellow-11: #f9f7ed;
50
- --puck-color-yellow-12: #fcfaf0;
51
- --puck-color-red-01: #4c0000;
52
- --puck-color-red-02: #6a0a10;
53
- --puck-color-red-03: #8a1422;
54
- --puck-color-red-04: #ac1f35;
55
- --puck-color-red-05: #bf5366;
56
- --puck-color-red-06: #ce7e8e;
57
- --puck-color-red-07: #d99ca8;
58
- --puck-color-red-08: #e4b9c2;
59
- --puck-color-red-09: #efd7db;
60
- --puck-color-red-10: #f6eaec;
61
- --puck-color-red-11: #faf4f5;
62
- --puck-color-red-12: #fff9fa;
63
- --puck-color-grey-01: #181818;
64
- --puck-color-grey-02: #292929;
65
- --puck-color-grey-03: #404040;
66
- --puck-color-grey-04: #5a5a5a;
67
- --puck-color-grey-05: #767676;
68
- --puck-color-grey-06: #949494;
69
- --puck-color-grey-07: #ababab;
70
- --puck-color-grey-08: #c3c3c3;
71
- --puck-color-grey-09: #dcdcdc;
72
- --puck-color-grey-10: #efefef;
73
- --puck-color-grey-11: #f5f5f5;
74
- --puck-color-grey-12: #fafafa;
75
- --puck-color-black: #000000;
76
- --puck-color-white: #ffffff;
77
- }
78
-
79
- /* ../platform-client/styles/typography.css */
80
- :root {
81
- --space-m-unitless: 24;
82
- --puck-font-size-scale-base-unitless: 12;
83
- --puck-font-size-xxxs-unitless: 12;
84
- --puck-font-size-xxs-unitless: 14;
85
- --puck-font-size-xs-unitless: 16;
86
- --puck-font-size-s-unitless: 18;
87
- --puck-font-size-m-unitless: 21;
88
- --puck-font-size-l-unitless: 24;
89
- --puck-font-size-xl-unitless: 28;
90
- --puck-font-size-xxl-unitless: 36;
91
- --puck-font-size-xxxl-unitless: 48;
92
- --puck-font-size-xxxxl-unitless: 56;
93
- --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
94
- --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
95
- --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
96
- --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
97
- --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
98
- --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
99
- --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
100
- --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
101
- --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
102
- --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
103
- --puck-font-size-base: var(--puck-font-size-xs);
104
- --line-height-reset: 1;
105
- --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
106
- --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
107
- --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
108
- --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
109
- --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
110
- --line-height-base: var(--line-height-m);
111
- --fallback-font-stack:
112
- -apple-system,
113
- BlinkMacSystemFont,
114
- Segoe UI,
115
- Helvetica Neue,
116
- sans-serif,
117
- Apple Color Emoji,
118
- Segoe UI Emoji,
119
- Segoe UI Symbol;
120
- --puck-font-family: "Inter Fallback", var(--fallback-font-stack);
121
- --puck-font-family-monospaced:
122
- ui-monospace,
123
- "Cascadia Code",
124
- "Source Code Pro",
125
- Menlo,
126
- Consolas,
127
- "DejaVu Sans Mono",
128
- monospace;
129
- }
130
- @supports (font-variation-settings: normal) {
131
- :root {
132
- --puck-font-family: Inter, var(--fallback-font-stack);
133
- }
134
- }
135
-
136
- /* ../platform-client/styles.css */
137
- body {
138
- font-family: var(--puck-font-family);
139
- }
140
- p {
141
- margin: 0;
142
- }
143
-
144
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
145
- ._ActionModal_r3pvy_1 {
146
- display: block;
147
- min-width: 356px;
148
- }
149
- ._ActionModal-header_r3pvy_6 {
150
- color: var(--puck-color-grey-02);
151
- display: flex;
152
- justify-content: center;
153
- text-align: center;
154
- flex-direction: column;
155
- gap: 4px;
156
- padding: 24px;
157
- padding-bottom: 16px;
158
- }
159
- ._ActionModal-body_r3pvy_17 {
160
- padding: 24px;
161
- padding-top: 8px;
162
- }
163
- ._ActionModal-footer_r3pvy_22 {
164
- border-top: 1px solid var(--puck-color-grey-09);
165
- background-color: var(--puck-color-grey-12);
166
- display: flex;
167
- justify-content: flex-end;
168
- padding: 16px 24px;
169
- }
170
-
171
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
172
- ._Modal-background_874yi_1 {
173
- align-items: center;
174
- display: flex;
175
- justify-content: center;
176
- background: #00000050;
177
- position: fixed;
178
- top: 0;
179
- left: 0;
180
- right: 0;
181
- bottom: 0;
182
- z-index: 2;
183
- opacity: 0;
184
- pointer-events: none;
185
- }
186
- ._Modal--visible_874yi_16 ._Modal-background_874yi_1 {
187
- opacity: 1;
188
- transition: opacity ease 100ms;
189
- pointer-events: auto;
190
- }
191
- ._Modal-modal_874yi_22 {
192
- background: white;
193
- border-radius: 8px;
194
- display: block;
195
- overflow: hidden;
196
- }
197
-
198
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
199
- ._Button_w2ngt_1 {
200
- appearance: none;
201
- background: none;
202
- border: 1px solid transparent;
203
- border-radius: 4px;
204
- color: var(--puck-color-white);
205
- display: inline-flex;
206
- align-items: center;
207
- gap: 8px;
208
- letter-spacing: 0.05ch;
209
- font-family: var(--puck-font-family);
210
- font-size: 14px;
211
- font-weight: 400;
212
- box-sizing: border-box;
213
- line-height: 1;
214
- text-align: center;
215
- text-decoration: none;
216
- transition: background-color 50ms ease-in;
217
- cursor: pointer;
218
- white-space: nowrap;
219
- margin: 0;
220
- }
221
- ._Button_w2ngt_1:hover,
222
- ._Button_w2ngt_1:active {
223
- transition: none;
224
- }
225
- ._Button--medium_w2ngt_29 {
226
- min-height: 34px;
227
- padding-bottom: 7px;
228
- padding-left: 19px;
229
- padding-right: 19px;
230
- padding-top: 7px;
231
- }
232
- ._Button--large_w2ngt_37 {
233
- padding-bottom: 11px;
234
- padding-left: 19px;
235
- padding-right: 19px;
236
- padding-top: 11px;
237
- }
238
- ._Button-icon_w2ngt_44 {
239
- margin-top: 2px;
240
- }
241
- ._Button--primary_w2ngt_48 {
242
- background: var(--puck-color-azure-04);
243
- }
244
- ._Button_w2ngt_1:focus-visible {
245
- outline: 2px solid var(--puck-color-azure-05);
246
- outline-offset: 2px;
247
- }
248
- @media (hover: hover) and (pointer: fine) {
249
- ._Button--primary_w2ngt_48:hover {
250
- background-color: var(--puck-color-azure-03);
251
- }
252
- }
253
- ._Button--primary_w2ngt_48:active {
254
- background-color: var(--puck-color-azure-02);
255
- }
256
- ._Button--secondary_w2ngt_67 {
257
- border: 1px solid currentColor;
258
- color: currentColor;
259
- }
260
- @media (hover: hover) and (pointer: fine) {
261
- ._Button--secondary_w2ngt_67:hover {
262
- background-color: var(--puck-color-azure-12);
263
- color: var(--puck-color-black);
264
- }
265
- }
266
- ._Button--secondary_w2ngt_67:active {
267
- background-color: var(--puck-color-azure-11);
268
- color: var(--puck-color-black);
269
- }
270
- ._Button--flush_w2ngt_84 {
271
- border-radius: 0;
272
- }
273
- ._Button--disabled_w2ngt_88,
274
- ._Button--disabled_w2ngt_88:hover {
275
- background-color: var(--puck-color-grey-09);
276
- color: var(--puck-color-grey-03);
277
- cursor: not-allowed;
278
- }
279
- ._Button--fullWidth_w2ngt_95 {
280
- justify-content: center;
281
- width: 100%;
282
- }
283
- ._Button-spinner_w2ngt_100 {
284
- padding-left: 8px;
285
- }
286
-
287
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Loader/styles.module.css/#css-module-data */
288
- @keyframes _loader-animation_nacdm_1 {
289
- 0% {
290
- transform: rotate(0deg) scale(1);
291
- }
292
- 50% {
293
- transform: rotate(180deg) scale(0.8);
294
- }
295
- 100% {
296
- transform: rotate(360deg) scale(1);
297
- }
298
- }
299
- ._Loader_nacdm_13 {
300
- background: transparent;
301
- border-radius: 100%;
302
- border: 2px solid currentColor;
303
- border-bottom-color: transparent;
304
- display: inline-block;
305
- animation: _loader-animation_nacdm_1 1s 0s infinite linear;
306
- animation-fill-mode: both;
307
- }
308
-
309
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Heading/Heading.module.css/#css-module-data */
310
- ._Heading_1czuc_1 {
311
- display: block;
312
- font-weight: 700;
313
- margin: 0;
314
- }
315
- ._Heading_1czuc_1 b {
316
- font-weight: 700;
317
- }
318
- ._Heading--xxxxl_1czuc_11 {
319
- font-size: var(--puck-font-size-xxxxl);
320
- letter-spacing: 0.08ch;
321
- font-weight: 800;
322
- }
323
- ._Heading--xxxl_1czuc_17 {
324
- font-size: var(--puck-font-size-xxxl);
325
- }
326
- ._Heading--xxl_1czuc_21 {
327
- font-size: var(--puck-font-size-xxl);
328
- }
329
- ._Heading--xl_1czuc_25 {
330
- font-size: var(--puck-font-size-xl);
331
- }
332
- ._Heading--l_1czuc_29 {
333
- font-size: var(--puck-font-size-l);
334
- }
335
- ._Heading--m_1czuc_33 {
336
- font-size: var(--puck-font-size-m);
337
- }
338
- ._Heading--s_1czuc_37 {
339
- font-size: var(--puck-font-size-s);
340
- }
341
- ._Heading--xs_1czuc_41 {
342
- font-size: var(--puck-font-size-xs);
343
- }
344
- ._Heading--xxs_1czuc_45 {
345
- font-size: var(--puck-font-size-xxs);
346
- }
347
-
348
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Align/Align.module.css/#css-module-data */
349
- ._Align_oewlu_1 {
350
- align-items: flex-start;
351
- display: flex;
352
- flex-direction: column;
353
- }
354
- ._Align--horizontalCenter_oewlu_7 {
355
- align-items: center;
356
- }
357
- ._Align--horizontalRight_oewlu_11 {
358
- align-items: flex-end;
359
- }
360
- ._Align--verticalBottom_oewlu_15 {
361
- height: 100%;
362
- justify-content: flex-end;
363
- }
364
- ._Align--verticalCenter_oewlu_20 {
365
- height: 100%;
366
- justify-content: center;
367
- }
368
- ._Align-item_oewlu_25 {
369
- position: relative;
370
- }
371
-
372
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/AutoForm/AutoForm.module.css/#css-module-data */
373
- ._AutoForm_1vmh9_1 {
374
- display: flex;
375
- gap: 16px;
376
- flex-direction: column;
377
- }
378
- ._AutoForm_1vmh9_1 ._Input_3pq3z_1 {
379
- box-sizing: border-box;
380
- padding: 0px !important;
381
- }
382
-
383
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Avatar/Avatar.module.css/#css-module-data */
384
- ._Avatar_meij0_1 {
385
- align-items: center;
386
- border-radius: 4px;
387
- display: flex;
388
- gap: 16px;
389
- height: 100%;
390
- padding: 8px 12px;
391
- text-decoration: none;
392
- }
393
- a._Avatar_meij0_1:hover {
394
- background-color: var(--puck-color-azure-11);
395
- }
396
- a._Avatar--onLightGrey_meij0_15:hover {
397
- background-color: var(--puck-color-azure-10);
398
- }
399
- ._Avatar--flush_meij0_19 {
400
- gap: 8px;
401
- padding: 0;
402
- }
403
- ._Avatar-image_meij0_24 {
404
- align-items: center;
405
- border-radius: 100%;
406
- background-color: var(--puck-color-grey-10);
407
- border: 1px solid var(--puck-color-grey-10);
408
- color: var(--puck-color-grey-06);
409
- display: flex;
410
- justify-content: center;
411
- font-size: var(--puck-font-size-xxs);
412
- overflow: hidden;
413
- }
414
- ._Avatar-image_meij0_24 img {
415
- width: 100%;
416
- height: 100%;
417
- }
418
- ._Avatar-name_meij0_41 {
419
- color: black;
420
- font-weight: 600;
421
- }
422
- a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
423
- color: var(--puck-color-azure-04);
424
- }
425
- ._Avatar--smallText_meij0_50 ._Avatar-name_meij0_41 {
426
- font-size: var(--puck-font-size-xxs);
427
- }
428
- ._Avatar--inline_meij0_54 {
429
- align-self: baseline;
430
- display: inline-flex;
431
- }
432
- ._Avatar--muted_meij0_59 ._Avatar-name_meij0_41 {
433
- color: var(--puck-color-grey-06);
434
- }
435
-
436
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Card/Card.module.css/#css-module-data */
437
- ._Card_jzb6b_1 {
438
- background-color: white;
439
- border: 1px solid var(--puck-color-grey-08);
440
- border-radius: 16px;
441
- color: var(--puck-color-black);
442
- display: block;
443
- text-decoration: none;
444
- }
445
- ._Card_jzb6b_1:hover {
446
- cursor: pointer;
447
- background: var(--puck-color-azure-11);
448
- border-color: currentColor;
449
- color: var(--puck-color-azure-04);
450
- }
451
- ._Card-body_jzb6b_17 {
452
- align-items: center;
453
- display: flex;
454
- padding: 16px;
455
- }
456
- ._Card-title_jzb6b_23 {
457
- margin-bottom: 4px;
458
- }
459
- ._Card-subtitle_jzb6b_27 {
460
- margin: 0;
461
- }
462
- ._Card-chevron_jzb6b_31 {
463
- align-items: center;
464
- display: none;
465
- margin-left: auto;
466
- }
467
- ._Card--showChevron_jzb6b_37 ._Card-chevron_jzb6b_31 {
468
- display: flex;
469
- }
470
- ._Card--isActive_jzb6b_41 {
471
- border-color: var(--puck-color-azure-04);
472
- color: var(--puck-color-azure-04);
473
- }
474
-
475
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Footer/styles.module.css/#css-module-data */
476
- ._Footer_eew04_1 {
477
- background-color: var(--puck-color-grey-11);
478
- border-top: 1px solid var(--puck-color-grey-09);
479
- color: var(--puck-color-grey-01);
480
- }
481
- ._Footer--dark_eew04_7 {
482
- background-color: var(--puck-color-grey-02);
483
- border-top: 1px solid var(--puck-color-grey-03);
484
- color: var(--puck-color-grey-10);
485
- }
486
- ._Footer-inner_eew04_13 {
487
- font-size: var(--puck-font-size-xxs);
488
- margin-left: auto;
489
- margin-right: auto;
490
- max-width: 1440px;
491
- padding: 32px 24px;
492
- }
493
- ._Footer-brand_eew04_21 {
494
- display: flex;
495
- flex-direction: column;
496
- }
497
- ._Footer-main_eew04_26 {
498
- display: flex;
499
- flex-direction: column;
500
- gap: 16px;
501
- margin-bottom: 64px;
502
- }
503
- @media (min-width: 768px) {
504
- ._Footer-main_eew04_26 {
505
- gap: 128px;
506
- flex-direction: row;
507
- margin-bottom: 16px;
508
- }
509
- }
510
- ._Footer-logo_eew04_41 {
511
- flex-grow: 1;
512
- margin-bottom: 16px;
513
- }
514
- ._Footer-copyright_eew04_46 {
515
- color: var(--puck-color-grey-05);
516
- }
517
- ._Footer--dark_eew04_7 ._Footer-copyright_eew04_46 {
518
- color: var(--puck-color-grey-08);
519
- }
520
- ._Footer-sections_eew04_54 {
521
- display: flex;
522
- gap: 32px;
523
- flex-grow: 1;
524
- flex-direction: column;
525
- }
526
- @media (min-width: 768px) {
527
- ._Footer-sections_eew04_54 {
528
- gap: 16px;
529
- flex-direction: row;
530
- }
531
- }
532
- ._Footer-section_eew04_54 {
533
- flex-grow: 1;
534
- }
535
- ._Footer-sectionHeader_eew04_72 {
536
- margin-bottom: 8px;
537
- font-weight: 600;
538
- }
539
- ._Footer-icon_eew04_77 {
540
- color: var(--puck-color-grey-05);
541
- width: 16px;
542
- }
543
- ._Footer--dark_eew04_7 ._Footer-icon_eew04_77 {
544
- color: var(--puck-color-grey-08);
545
- }
546
- ._Footer-link_eew04_86 {
547
- align-items: center;
548
- display: flex;
549
- gap: 8px;
550
- padding-top: 4px;
551
- padding-bottom: 4px;
552
- }
553
- ._Footer--dark_eew04_7 ._Footer-link_eew04_86 {
554
- color: var(--puck-color-grey-08);
555
- }
556
- ._Footer-link_eew04_86:hover {
557
- color: var(--puck-color-azure-04);
558
- }
559
- ._Footer--dark_eew04_7 ._Footer-link_eew04_86:hover {
560
- color: var(--puck-color-azure-08);
561
- }
562
- ._Footer-link_eew04_86:hover ._Footer-icon_eew04_77 {
563
- color: var(--puck-color-azure-05);
564
- }
565
- ._Footer--dark_eew04_7 ._Footer-link_eew04_86:hover ._Footer-icon_eew04_77 {
566
- color: var(--puck-color-azure-09);
567
- }
568
-
569
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/IconButton/IconButton.module.css/#css-module-data */
570
- ._IconButton_thegm_1 {
571
- align-items: center;
572
- background: transparent;
573
- border: none;
574
- border-radius: 4px;
575
- color: currentColor;
576
- display: flex;
577
- font-family: var(--puck-font-family);
578
- justify-content: center;
579
- padding: 4px;
580
- transition: background-color 50ms ease-in, color 50ms ease-in;
581
- }
582
- ._IconButton_thegm_1:focus-visible {
583
- outline: 2px solid var(--puck-color-azure-05);
584
- outline-offset: -2px;
585
- }
586
- @media (hover: hover) and (pointer: fine) {
587
- ._IconButton_thegm_1:hover:not(._IconButton--disabled_thegm_20) {
588
- background: var(--puck-color-azure-10);
589
- cursor: pointer;
590
- transition: none;
591
- }
592
- ._IconButton--dark_thegm_26:hover:not(._IconButton--disabled_thegm_20) {
593
- background: var(--puck-color-grey-04);
594
- color: var(--puck-color-azure-10);
595
- }
596
- }
597
- ._IconButton_thegm_1:active {
598
- background: var(--puck-color-azure-11);
599
- transition: none;
600
- }
601
- ._IconButton-title_thegm_37 {
602
- clip: rect(0 0 0 0);
603
- clip-path: inset(100%);
604
- height: 1px;
605
- overflow: hidden;
606
- position: absolute;
607
- white-space: nowrap;
608
- width: 1px;
609
- }
610
- ._IconButton--disabled_thegm_20 {
611
- color: var(--puck-color-grey-07);
612
- }
613
-
614
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/InfoBar/InfoBar.module.css/#css-module-data */
615
- ._InfoBar_kchdj_1 {
616
- border: 1px solid var(--puck-color-grey-10);
617
- border-radius: 8px;
618
- color: var(--puck-color-grey-03);
619
- display: flex;
620
- font-size: var(--puck-font-size-xxs);
621
- margin-left: auto;
622
- margin-right: auto;
623
- overflow: hidden;
624
- }
625
- ._Info_kchdj_1 {
626
- background-color: var(--puck-color-grey-12);
627
- display: flex;
628
- gap: 8px;
629
- font-family: var(--puck-font-family-monospaced);
630
- border-right: 1px solid var(--puck-color-grey-10);
631
- padding: 12px 16px;
632
- }
633
- ._Info-title_kchdj_21 {
634
- font-weight: 600;
635
- }
636
-
637
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Inline/Inline.module.css/#css-module-data */
638
- ._Inline_6o5on_3 {
639
- display: block;
640
- }
641
- ._Inline-inner_6o5on_7 {
642
- display: flex;
643
- flex-flow: row wrap;
644
- }
645
- ._Inline--noWrap_6o5on_12 > ._Inline-inner_6o5on_7 {
646
- flex-flow: nowrap;
647
- }
648
- ._Inline--sizeNONE_6o5on_16 > ._Inline-inner_6o5on_7 {
649
- gap: 0;
650
- }
651
- ._Inline--sizeXXS_6o5on_20 > ._Inline-inner_6o5on_7 {
652
- gap: 4px;
653
- }
654
- ._Inline--sizeXS_6o5on_24 > ._Inline-inner_6o5on_7 {
655
- gap: 6px;
656
- }
657
- ._Inline--sizeS_6o5on_28 > ._Inline-inner_6o5on_7 {
658
- gap: 8px;
659
- }
660
- ._Inline--sizeM_6o5on_32 > ._Inline-inner_6o5on_7 {
661
- gap: 16px;
662
- }
663
- ._Inline--sizeL_6o5on_36 > ._Inline-inner_6o5on_7 {
664
- gap: 32px;
665
- }
666
- ._Inline--center_6o5on_40 > ._Inline-inner_6o5on_7 {
667
- align-items: center;
668
- }
669
- ._Inline--centerH_6o5on_44 > ._Inline-inner_6o5on_7 {
670
- justify-content: center;
671
- }
672
- ._Inline--grow_6o5on_48 > ._Inline-inner_6o5on_7 > * {
673
- flex-basis: 0;
674
- flex-grow: 1;
675
- }
676
-
677
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Layout/Layout.module.css/#css-module-data */
678
- ._Layout_hy65k_1 {
679
- --header-height: 76px;
680
- --nav-width: 256px;
681
- display: grid;
682
- background-color: white;
683
- grid-template-areas: "switcher bar" "nav page";
684
- grid-template-columns: var(--nav-width) auto;
685
- grid-template-rows: var(--header-height) auto;
686
- height: 100vh;
687
- }
688
- ._Layout-switcher_hy65k_12 {
689
- border-right: 1px solid var(--puck-color-grey-09);
690
- border-bottom: 1px solid var(--puck-color-grey-09);
691
- grid-area: switcher;
692
- }
693
- ._Layout-bar_hy65k_18 {
694
- align-items: center;
695
- border-bottom: 1px solid var(--puck-color-grey-09);
696
- grid-area: bar;
697
- display: flex;
698
- }
699
- ._Layout-nav_hy65k_25 {
700
- border-right: 1px solid var(--puck-color-grey-09);
701
- grid-area: nav;
702
- }
703
- ._Layout-page_hy65k_30 {
704
- grid-area: page;
705
- }
706
-
707
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Nav/Nav.module.css/#css-module-data */
708
- ._Nav-list_b6txo_1 {
709
- list-style: none;
710
- margin: 0;
711
- padding: 0;
712
- }
713
- ._NavSection_b6txo_7 {
714
- padding: 16px;
715
- }
716
- ._NavSection_b6txo_7:first-of-type {
717
- padding-top: 32px;
718
- }
719
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 {
720
- padding-left: 0;
721
- padding-right: 0;
722
- }
723
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 + ._NavSection_b6txo_7 {
724
- border-top: 1px solid var(--puck-color-grey-09);
725
- }
726
- ._NavSection-list_b6txo_24 {
727
- display: flex;
728
- flex-direction: column;
729
- list-style: none;
730
- margin: 0;
731
- padding: 0;
732
- }
733
- ._Nav--slim_b6txo_15 ._NavSection-list_b6txo_24 {
734
- gap: 16px;
735
- }
736
- ._NavSection-title_b6txo_36 {
737
- font-weight: 700;
738
- margin-bottom: 8px;
739
- padding-left: 8px;
740
- padding-right: 8px;
741
- }
742
- ._Nav--slim_b6txo_15 ._NavSection-title_b6txo_36 {
743
- opacity: 0;
744
- }
745
- ._NavItem-link_b6txo_47 {
746
- align-items: center;
747
- color: var(--puck-color-grey-03);
748
- display: flex;
749
- gap: 8px;
750
- text-decoration: none;
751
- cursor: pointer;
752
- border-radius: 4px;
753
- padding: 8px 4px;
754
- }
755
- ._Nav--slim_b6txo_15 ._NavItem-link_b6txo_47 {
756
- border-left: 4px solid transparent;
757
- border-right: 4px solid transparent;
758
- border-radius: 0;
759
- flex-direction: column;
760
- font-size: var(--puck-font-size-xxxs);
761
- }
762
- ._NavItem-linkIcon_b6txo_67 {
763
- height: 24px;
764
- width: 24px;
765
- }
766
- ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
767
- background-color: var(--puck-color-azure-10);
768
- color: var(--puck-color-azure-04);
769
- font-weight: 600;
770
- }
771
- ._Nav--slim_b6txo_15 ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
772
- background-color: transparent;
773
- border-right-color: var(--puck-color-azure-04);
774
- border-top-right-radius: 0;
775
- border-bottom-right-radius: 0;
776
- font-weight: 600;
777
- }
778
- ._NavItem_b6txo_47:not(._NavItem--active_b6txo_72) > ._NavItem-link_b6txo_47:hover {
779
- background-color: var(--puck-color-azure-11);
780
- color: var(--puck-color-azure-04);
781
- }
782
- ._NavItem-list_b6txo_91 {
783
- border-left: 1px solid var(--puck-color-grey-09);
784
- display: flex;
785
- flex-direction: column;
786
- list-style: none;
787
- margin-top: 8px;
788
- margin-left: 4px;
789
- padding: 0;
790
- padding-left: 8px;
791
- }
792
- ._Nav--slim_b6txo_15 ._NavItem-list_b6txo_91 {
793
- border-left: 0;
794
- padding-left: 0;
795
- margin-left: 0;
796
- }
797
-
798
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Link/Link.module.css/#css-module-data */
799
- ._Link_1j70m_1 {
800
- color: var(--puck-color-azure-04);
801
- text-decoration: none;
802
- }
803
- ._Link_1j70m_1:hover {
804
- color: var(--puck-color-azure-05);
805
- }
806
-
807
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Page/Page.module.css/#css-module-data */
808
- ._Page_1uz1e_1 {
809
- display: flex;
810
- flex-direction: column;
811
- height: 100%;
812
- overflow: hidden;
813
- }
814
- ._Page-masthead_1uz1e_8 {
815
- align-items: center;
816
- display: flex;
817
- gap: 16px;
818
- padding: 16px 24px;
819
- box-sizing: border-box;
820
- border-bottom: 1px solid var(--puck-color-grey-10);
821
- min-height: 64px;
822
- }
823
- ._Page-crumbs_1uz1e_18 {
824
- display: flex;
825
- gap: 32px;
826
- }
827
- ._Page-crumb_1uz1e_18 {
828
- color: var(--puck-color-grey-05);
829
- position: relative;
830
- }
831
- ._Page-crumbLink_1uz1e_28 {
832
- color: var(--puck-color-grey-05);
833
- text-decoration: none;
834
- }
835
- ._Page-crumbLink_1uz1e_28:hover {
836
- color: var(--puck-color-azure-04);
837
- }
838
- ._Page-crumb_1uz1e_18:last-of-type {
839
- color: var(--puck-color-grey-01);
840
- font-weight: 600;
841
- }
842
- ._Page-crumb_1uz1e_18::before {
843
- position: absolute;
844
- content: "/";
845
- left: -19px;
846
- color: var(--puck-color-grey-09);
847
- font-weight: 400;
848
- }
849
- ._Page-crumb_1uz1e_18:first-of-type::before {
850
- display: none;
851
- }
852
- ._Page-crumb_1uz1e_18 {
853
- color: var(--puck-color-grey-05);
854
- position: relative;
855
- text-decoration: none;
856
- }
857
- ._Page-actions_1uz1e_60 {
858
- margin-left: auto;
859
- }
860
-
861
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/PuckHeader/PuckHeader.module.css/#css-module-data */
862
- ._PuckHeader_19h0f_1 {
863
- align-items: center;
864
- background-color: var(--puck-color-grey-12);
865
- border-bottom: 1px solid var(--puck-color-grey-09);
866
- display: grid;
867
- box-sizing: border-box;
868
- grid-area: header;
869
- grid-template-columns: min-content auto 256px;
870
- height: var(--header-height);
871
- width: 100%;
872
- }
873
- ._PuckHeader-left_19h0f_16 {
874
- align-items: center;
875
- display: flex;
876
- padding-left: 16px;
877
- }
878
- ._PuckHeader-center_19h0f_22 {
879
- padding-left: 16px;
880
- padding-right: 16px;
881
- }
882
- ._PuckHeader-right_19h0f_27 {
883
- display: flex;
884
- justify-content: flex-end;
885
- gap: 8px;
886
- padding-right: 16px;
887
- }
888
- ._PuckHeader-pageInput_19h0f_34 {
889
- align-items: center;
890
- background-color: var(--puck-color-grey-10);
891
- border: none;
892
- border-radius: 4px;
893
- box-sizing: border-box;
894
- color: var(--puck-color-grey-04);
895
- display: flex;
896
- font-weight: 600;
897
- width: 100%;
898
- }
899
- ._PuckHeader-pageInput_19h0f_34:focus-within {
900
- outline: 2px solid var(--puck-color-azure-05);
901
- }
902
- ._PuckHeader-pageInputActions_19h0f_50 {
903
- display: flex;
904
- gap: 8px;
905
- padding-right: 12px;
906
- }
907
- ._PuckHeader-input_19h0f_56 {
908
- background-color: transparent;
909
- border: none;
910
- color: var(--puck-color-grey-04);
911
- font-weight: 600;
912
- padding: 12px 16px;
913
- width: 100%;
914
- }
915
- ._PuckHeader-input_19h0f_56:focus {
916
- outline: none;
917
- }
918
- ._PuckHeader-historyActions_19h0f_69 {
919
- display: flex;
920
- border-right: 1px solid var(--puck-color-grey-09);
921
- padding-right: 12px;
922
- margin-right: 4px;
923
- }
924
-
925
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Tag/Tag.module.css/#css-module-data */
926
- ._Tag_1baze_1 {
927
- align-items: center;
928
- display: inline-flex;
929
- text-transform: uppercase;
930
- font-weight: 600;
931
- font-size: var(--puck-font-size-xxxs);
932
- gap: 6px;
933
- border-radius: 4px;
934
- border: 1px solid currentColor;
935
- color: var(--puck-color-grey-05);
936
- padding: 4px 8px;
937
- white-space: nowrap;
938
- position: relative;
939
- z-index: 0;
940
- }
941
- ._Tag--colorBlue_1baze_19 {
942
- color: var(--puck-color-azure-05);
943
- }
944
- ._Tag--colorGreen_1baze_23 {
945
- color: var(--puck-color-green-06);
946
- }
947
- ._Tag--colorRed_1baze_27 {
948
- color: var(--puck-color-red-04);
949
- }
950
- ._Tag--colorMuted_1baze_31 {
951
- color: var(--puck-color-grey-06);
952
- }
953
- ._Tag-sprite_1baze_35 {
954
- display: flex;
955
- }
956
- ._Tag--pulse_1baze_39 {
957
- ._Tag-sprite_1baze_35 {
958
- background: currentColor;
959
- border-radius: 50%;
960
- height: 5px;
961
- position: relative;
962
- width: 5px;
963
- }
964
- ._Tag-sprite_1baze_35::before {
965
- animation: _pulse_1baze_1 1s 0s infinite alternate;
966
- animation-fill-mode: both;
967
- background-color: color-mix(in srgb, currentColor 25%, transparent);
968
- border-radius: 50%;
969
- content: "";
970
- top: 0;
971
- left: 0;
972
- right: 0;
973
- bottom: 0;
974
- position: absolute;
975
- transform: scale(0);
976
- z-index: -1;
977
- }
978
- }
979
- @keyframes _pulse_1baze_1 {
980
- 0% {
981
- transform: scale(1);
982
- }
983
- 100% {
984
- transform: scale(2);
985
- }
986
- }
987
-
988
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/AppSwitchers/AppSwitchers.module.css/#css-module-data */
989
- ._AppSwitchers_b7m1z_1 {
990
- align-items: center;
991
- display: flex;
992
- gap: 8px;
993
- padding: 12px 16px;
994
- }
995
- ._AppSwitchers-divider_b7m1z_8 {
996
- color: var(--puck-color-grey-10);
997
- font-size: var(--puck-font-size-l);
998
- }
999
-
1000
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Switcher/Switcher.module.css/#css-module-data */
1001
- ._Switcher_134wo_1 {
1002
- --switcher-width: 32px;
1003
- align-items: center;
1004
- display: flex;
1005
- position: relative;
1006
- }
1007
- ._Switcher-link_134wo_8 {
1008
- align-items: center;
1009
- border-radius: 4px;
1010
- display: flex;
1011
- gap: 16px;
1012
- height: 100%;
1013
- padding: 8px 12px;
1014
- text-decoration: none;
1015
- }
1016
- ._Switcher-switcher_134wo_18 {
1017
- align-items: center;
1018
- background-color: transparent;
1019
- border: none;
1020
- border-radius: 4px;
1021
- color: var(--puck-color-grey-08);
1022
- padding: 8px;
1023
- display: flex;
1024
- width: var(--switcher-width);
1025
- }
1026
- ._Switcher--hasHref_134wo_29 ._Switcher-switcher_134wo_18:hover {
1027
- background-color: var(--puck-color-azure-11);
1028
- color: var(--puck-color-azure-04);
1029
- cursor: pointer;
1030
- }
1031
- ._Switcher-logoInner_134wo_35 {
1032
- border-radius: 100%;
1033
- background-color: var(--puck-color-grey-09);
1034
- height: 24px;
1035
- width: 24px;
1036
- }
1037
- ._Switcher-label_134wo_42 {
1038
- color: black;
1039
- font-weight: 600;
1040
- }
1041
- ._Switcher-link_134wo_8:hover {
1042
- background-color: var(--puck-color-azure-11);
1043
- }
1044
- ._Switcher-link_134wo_8:hover ._Switcher-label_134wo_42 {
1045
- color: var(--puck-color-azure-04);
1046
- }
1047
- ._Switcher--slim_134wo_55 ._Switcher-label_134wo_42 {
1048
- display: none;
1049
- }
1050
- ._Switcher--slim_134wo_55 ._Switcher-logo_134wo_35 {
1051
- transform: translateX(-6px);
1052
- transition: transform 250ms ease-in;
1053
- }
1054
- ._Switcher-menu_134wo_64 {
1055
- background: white;
1056
- border: 1px solid var(--puck-color-grey-09);
1057
- border-radius: 4px;
1058
- display: none;
1059
- position: absolute;
1060
- top: 100%;
1061
- left: calc(100% - var(--switcher-width));
1062
- z-index: 1;
1063
- }
1064
- ._Switcher--menuVisible_134wo_75 ._Switcher-menu_134wo_64 {
1065
- display: block;
1066
- }
1067
- ._Switcher-menuList_134wo_79 {
1068
- list-style: none;
1069
- margin: 0;
1070
- padding: 8px;
1071
- }
1072
- ._Switcher-menuItemAction_134wo_85 {
1073
- background-color: transparent;
1074
- border: none;
1075
- color: black;
1076
- display: block;
1077
- font-size: var(--puck-font-size-xs);
1078
- font-weight: 500;
1079
- padding: 12px 16px;
1080
- text-align: left;
1081
- text-decoration: none;
1082
- }
1083
- ._Switcher-menuItemAction_134wo_85:hover {
1084
- background-color: var(--puck-color-azure-11);
1085
- }
1086
-
1087
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/PuckLayout/PuckLayout.module.css/#css-module-data */
1088
- ._PuckLayout_1yvk1_1 {
1089
- display: flex;
1090
- flex-direction: column;
1091
- width: 100vw;
1092
- height: 100vh;
1093
- }
1094
- ._PuckLayout-layout_1yvk1_8 {
1095
- display: grid;
1096
- grid-template-columns: 68px 256px auto 256px;
1097
- flex-grow: 1;
1098
- min-height: 0;
1099
- }
1100
- ._PuckLayout-loader_1yvk1_15 {
1101
- align-items: center;
1102
- border: 1px solid var(--puck-color-grey-09);
1103
- display: flex;
1104
- justify-content: center;
1105
- background-color: white;
1106
- height: 100%;
1107
- }
1108
- ._PuckLayout-sideHeader_1yvk1_24 {
1109
- align-items: center;
1110
- display: flex;
1111
- border-bottom: 1px solid var(--puck-color-grey-09);
1112
- border-right: 1px solid var(--puck-color-grey-09);
1113
- padding-left: 16px;
1114
- }
1115
- ._PuckLayout-switcher_1yvk1_32 {
1116
- border-bottom: 1px solid var(--puck-color-grey-09);
1117
- border-right: 1px solid var(--puck-color-grey-09);
1118
- }
1119
- ._PuckLayout-nav_1yvk1_37 {
1120
- border-right: 1px solid var(--puck-color-grey-09);
1121
- background-color: var(--puck-color-grey-12);
1122
- }
1123
- ._PuckLayout-versionLoader_1yvk1_42 {
1124
- align-items: center;
1125
- display: flex;
1126
- justify-content: center;
1127
- }
1128
- ._PuckLayout-versionList_1yvk1_48 {
1129
- list-style: none;
1130
- display: flex;
1131
- flex-direction: column;
1132
- gap: 16px;
1133
- margin: 0;
1134
- padding: 16px;
1135
- }
1136
- ._PuckLayout-version_1yvk1_42 {
1137
- background-color: white;
1138
- padding: 8px 12px;
1139
- border: 1px solid var(--puck-color-grey-10);
1140
- border-radius: 4px;
1141
- }
1142
- ._PuckLayout-versionBody_1yvk1_64 {
1143
- display: flex;
1144
- padding-bottom: 4px;
1145
- margin-bottom: 8px;
1146
- border-bottom: 1px solid var(--puck-color-grey-10);
1147
- }
1148
- ._PuckLayout-versionDetails_1yvk1_71 {
1149
- display: flex;
1150
- }
1151
- ._PuckLayout-version_1yvk1_42:hover {
1152
- background-color: var(--puck-color-azure-11);
1153
- border-color: var(--puck-color-azure-04);
1154
- cursor: pointer;
1155
- }
1156
- ._PuckLayout-versionInner_1yvk1_81 {
1157
- color: unset;
1158
- text-decoration: none;
1159
- }
1160
- ._PuckLayout-versionVersion_1yvk1_86 {
1161
- font-weight: 600;
1162
- }
1163
- ._PuckLayout-versionStatus_1yvk1_90 {
1164
- margin-left: auto;
1165
- text-transform: uppercase;
1166
- font-weight: 600;
1167
- font-size: var(--puck-font-size-xxs);
1168
- border-radius: 4px;
1169
- border: 1px solid var(--puck-color-grey-01);
1170
- padding: 4px 8px;
1171
- }
1172
- ._PuckLayout-versionDetails_1yvk1_71 {
1173
- width: 100%;
1174
- }
1175
- ._PuckLayout-versionAuthor_1yvk1_104 {
1176
- flex-grow: 1;
1177
- }
1178
- ._PuckLayout-versionAuthorName_1yvk1_108 {
1179
- font-size: var(--puck-font-size-xxs);
1180
- }
1181
- ._PuckLayout-versionDate_1yvk1_112 {
1182
- font-size: var(--puck-font-size-xxs);
1183
- margin-left: auto;
1184
- }
1185
- ._PuckLayout-fields_1yvk1_117 {
1186
- border-left: 1px solid var(--puck-color-grey-09);
1187
- }
1188
- ._PuckLayout-sidebar_1yvk1_121 {
1189
- background-color: var(--puck-color-grey-12);
1190
- border-right: 1px solid var(--puck-color-grey-09);
1191
- overflow: auto;
1192
- }
1193
-
1194
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
1195
- ._Section-inner_1uwo0_1 {
1196
- margin-left: auto;
1197
- margin-right: auto;
1198
- max-width: 1280px;
1199
- padding: 16px;
1200
- }
1201
- ._Section--flush_1uwo0_8 ._Section-inner_1uwo0_1 {
1202
- padding-bottom: 0;
1203
- padding-top: 0;
1204
- }
1205
- ._Section_1uwo0_1 + ._Section_1uwo0_1 {
1206
- border-top: 1px solid var(--puck-color-grey-09);
1207
- }
1208
- ._Section--full_1uwo0_17 ._Section-inner_1uwo0_1 {
1209
- max-width: unset;
1210
- }
1211
-
1212
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Table/Table.module.css/#css-module-data */
1213
- ._Table_1t44j_1 {
1214
- color: black;
1215
- display: flex;
1216
- flex-direction: column;
1217
- flex-grow: 1;
1218
- }
1219
- ._Table-filters_1t44j_8 {
1220
- margin: 16px;
1221
- }
1222
- ._Table-inner_1t44j_12 {
1223
- text-align: left;
1224
- }
1225
- ._Table-table_1t44j_16 {
1226
- position: relative;
1227
- width: 100%;
1228
- }
1229
- ._Table_1t44j_1 thead {
1230
- background: white;
1231
- font-size: var(--puck-font-size-xxs);
1232
- position: sticky;
1233
- top: 0;
1234
- white-space: nowrap;
1235
- z-index: 1;
1236
- }
1237
- ._Table_1t44j_1 thead::after {
1238
- content: "";
1239
- position: absolute;
1240
- height: 1px;
1241
- width: 100%;
1242
- background-color: var(--puck-color-grey-09);
1243
- }
1244
- ._Table_1t44j_1 tbody tr {
1245
- z-index: 0;
1246
- }
1247
- ._Table_1t44j_1 th {
1248
- background: white;
1249
- font-weight: 600;
1250
- padding-left: 24px;
1251
- padding-right: 24px;
1252
- padding-bottom: 20px;
1253
- padding-top: 20px;
1254
- }
1255
- @media (--standard-viewport) {
1256
- ._Table_1t44j_1 th {
1257
- padding-left: 32px;
1258
- padding-right: 32px;
1259
- }
1260
- }
1261
- ._Table_1t44j_1 td {
1262
- border-bottom: 1px solid var(--puck-color-grey-10);
1263
- padding-left: 24px;
1264
- padding-right: 24px;
1265
- padding-bottom: 20px;
1266
- padding-top: 20px;
1267
- white-space: nowrap;
1268
- }
1269
- ._Table_1t44j_1 tbody tr:last-of-type td {
1270
- border-bottom: none;
1271
- }
1272
- @media (--standard-viewport) {
1273
- ._Table_1t44j_1 td {
1274
- padding-left: 32px;
1275
- padding-right: 32px;
1276
- }
1277
- }
1278
- ._Table-footer_1t44j_78 {
1279
- border-top: 1px solid var(--puck-color-grey-09);
1280
- }
1281
- ._Table--clickableRows_1t44j_82 tbody tr:hover {
1282
- background: var(--puck-color-azure-12);
1283
- cursor: pointer;
1284
- }
1285
- ._Table-placeholder_1t44j_87 {
1286
- align-items: center;
1287
- color: var(--puck-color-grey-06);
1288
- justify-content: center;
1289
- display: flex;
1290
- gap: 8px;
1291
- flex-direction: column;
1292
- width: 100%;
1293
- height: 100%;
1294
- }
1295
-
1296
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Tabs/Tabs.module.css/#css-module-data */
1297
- ._Tabs_1d592_1 {
1298
- display: flex;
1299
- margin: 0;
1300
- padding: 0;
1301
- list-style: none;
1302
- }
1303
- ._TabItem_1d592_8 {
1304
- display: flex;
1305
- }
1306
- ._TabItem-link_1d592_12 {
1307
- align-items: center;
1308
- border-bottom: 3px solid transparent;
1309
- border-top: 3px solid transparent;
1310
- color: black;
1311
- display: flex;
1312
- gap: 4px;
1313
- text-decoration: none;
1314
- padding: 16px;
1315
- }
1316
- ._TabItem-icon_1d592_23 {
1317
- align-items: center;
1318
- color: var(--puck-color-grey-05);
1319
- display: flex;
1320
- }
1321
- ._TabItem--isActive_1d592_29 ._TabItem-link_1d592_12 {
1322
- border-bottom-color: var(--puck-color-azure-04);
1323
- }
1324
- ._TabItem-link_1d592_12:hover {
1325
- background-color: var(--puck-color-azure-10);
1326
- }
1327
-
1328
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/VerticalSpace/VerticalSpace.module.css/#css-module-data */
1329
- ._VerticalSpace_1tjaw_1 {
1330
- padding-top: 16px;
1331
- }
1332
- ._VerticalSpace--size4_1tjaw_5 {
1333
- padding-top: 4px;
1334
- }
1335
- ._VerticalSpace--size8_1tjaw_9 {
1336
- padding-top: 8px;
1337
- }
1338
- ._VerticalSpace--size16_1tjaw_13 {
1339
- padding-top: 16px;
1340
- }
1341
- ._VerticalSpace--size32_1tjaw_17 {
1342
- padding-top: 32px;
1343
- }
1344
- ._VerticalSpace--size40_1tjaw_21 {
1345
- padding-top: 40px;
1346
- }
1347
- ._VerticalSpace--size48_1tjaw_25 {
1348
- padding-top: 48px;
1349
- }
1350
- ._VerticalSpace--size56_1tjaw_29 {
1351
- padding-top: 56px;
1352
- }
1353
- ._VerticalSpace--size96_1tjaw_33 {
1354
- padding-top: 96px;
1355
- }
1356
- ._VerticalSpace--size128_1tjaw_37 {
1357
- padding-top: 128px;
1358
- }
1359
-
1360
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-ai/src/components/Chat/styles.module.css/#css-module-data */
1361
- ._Chat_1p4ln_1 {
1362
- background: white;
1363
- height: 100%;
1364
- display: flex;
1365
- flex-direction: column;
1366
- }
1367
- ._Chat-header_1p4ln_8 {
1368
- display: block;
1369
- padding: 8px 16px;
1370
- font-weight: 600;
1371
- border-bottom: 1px solid var(--puck-color-grey-09);
1372
- }
1373
- @media (min-width: 638px) {
1374
- ._Chat-header_1p4ln_8 {
1375
- display: block;
1376
- padding: 16px;
1377
- }
1378
- }
1379
- ._Chat-placeholder_1p4ln_22 {
1380
- align-items: center;
1381
- color: var(--puck-color-grey-06);
1382
- display: none;
1383
- justify-content: center;
1384
- flex-direction: column;
1385
- height: 100%;
1386
- text-align: center;
1387
- padding: 32px;
1388
- gap: 8px;
1389
- }
1390
- @media (min-width: 638px) {
1391
- ._Chat-placeholder_1p4ln_22 {
1392
- display: flex;
1393
- }
1394
- }
1395
- ._Chat-actions_1p4ln_40 {
1396
- display: flex;
1397
- gap: 8px;
1398
- justify-content: center;
1399
- flex-wrap: wrap;
1400
- margin-top: 4px;
1401
- }
1402
- ._Chat-action_1p4ln_40,
1403
- ._Chat-actionOutlined_1p4ln_49 {
1404
- border-radius: 16px;
1405
- padding: 4px 12px;
1406
- font-size: 12px;
1407
- cursor: pointer;
1408
- }
1409
- ._Chat-action_1p4ln_40 {
1410
- background: var(--puck-color-azure-04);
1411
- color: white;
1412
- }
1413
- ._Chat-action_1p4ln_40:hover {
1414
- opacity: 0.8;
1415
- }
1416
- ._Chat-actionOutlined_1p4ln_49 {
1417
- background: transparent;
1418
- border: 1px solid var(--puck-color-azure-04);
1419
- color: var(--puck-color-azure-04);
1420
- }
1421
- ._Chat-actionOutlined_1p4ln_49:hover {
1422
- background: var(--puck-color-azure-11);
1423
- }
1424
-
1425
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css/#css-module-data */
1426
- ._Chat_dx6l4_1 {
1427
- --fade-size: 32px;
1428
- --chat-background-color: white;
1429
- display: flex;
1430
- flex-direction: column;
1431
- height: 100%;
1432
- max-height: 55vh;
1433
- overflow: hidden;
1434
- }
1435
- @media (min-width: 638px) {
1436
- ._Chat_dx6l4_1 {
1437
- max-height: none;
1438
- }
1439
- }
1440
- ._Chat-inner_dx6l4_17 {
1441
- background-color: var(--chat-background-color);
1442
- display: flex;
1443
- flex-direction: column;
1444
- max-height: 100%;
1445
- position: relative;
1446
- }
1447
- ._Chat--hasMessages_dx6l4_25 ._Chat-inner_dx6l4_17 {
1448
- padding-top: 0;
1449
- }
1450
- ._Chat_dx6l4_1:not(._Chat--hasChildren_dx6l4_29) ._Chat-inner_dx6l4_17 {
1451
- height: 100%;
1452
- padding-top: 0;
1453
- }
1454
- ._Chat--hasMessages_dx6l4_25 ._Chat-messages_dx6l4_34 {
1455
- display: flex;
1456
- flex-direction: column-reverse;
1457
- padding: 16px;
1458
- overflow: auto;
1459
- }
1460
- ._Chat-form_dx6l4_41 {
1461
- background-color: white;
1462
- padding: 16px;
1463
- }
1464
- ._Chat--hideInput_dx6l4_46 ._Chat-form_dx6l4_41 {
1465
- display: none;
1466
- }
1467
- ._Chat--hasMessages_dx6l4_25 ._Chat-form_dx6l4_41 {
1468
- border-top: 1px solid var(--puck-color-grey-09);
1469
- }
1470
- @media (min-width: 638px) {
1471
- ._Chat-form_dx6l4_41 {
1472
- border-top: 1px solid var(--puck-color-grey-09);
1473
- }
1474
- }
1475
- ._Chat-formHelper_dx6l4_60 {
1476
- align-items: center;
1477
- display: flex;
1478
- color: var(--puck-color-grey-04);
1479
- font-size: var(--puck-font-size-xxs);
1480
- font-weight: 600;
1481
- gap: 8px;
1482
- padding-bottom: 12px;
1483
- }
1484
- ._Chat--hasMessages_dx6l4_25 ._Chat-formHelper_dx6l4_60 {
1485
- opacity: 0;
1486
- transition: opacity 250ms ease-in;
1487
- }
1488
- ._Chat-examplePrompts_dx6l4_75 {
1489
- align-items: center;
1490
- display: flex;
1491
- flex-wrap: nowrap;
1492
- gap: 6px;
1493
- padding-top: 16px;
1494
- width: 100%;
1495
- overflow-x: auto;
1496
- }
1497
- ._Chat-examplePrompt_dx6l4_75 {
1498
- align-items: center;
1499
- background: white;
1500
- border: 1px solid var(--puck-color-grey-09);
1501
- border-radius: 48px;
1502
- display: flex;
1503
- gap: 4px;
1504
- font-size: var(--puck-font-size-xxxs);
1505
- padding: 6px 12px;
1506
- text-wrap: nowrap;
1507
- }
1508
- ._Chat-examplePrompt_dx6l4_75:hover {
1509
- background: var(--puck-color-azure-11);
1510
- border-color: var(--puck-color-azure-08);
1511
- color: var(--puck-color-azure-04);
1512
- }
1513
- ._Chat-examplePromptArrow_dx6l4_103 {
1514
- margin-left: auto;
1515
- }
1516
- ._Chat-default_dx6l4_107 {
1517
- overflow-y: auto;
1518
- flex-grow: 1;
1519
- }
1520
- ._Chat--hasMessages_dx6l4_25 ._Chat-default_dx6l4_107 {
1521
- opacity: 0;
1522
- padding: 0;
1523
- pointer-events: none;
1524
- transition: opacity 250ms ease-in;
1525
- }
1526
- ._Chat--hasMessages_dx6l4_25 {
1527
- background-color: white;
1528
- transition: background-color 250ms ease-in;
1529
- }
1530
- ._ChatMessage_dx6l4_124 {
1531
- font-size: var(--puck-font-size-xs);
1532
- line-height: var(--line-height-s);
1533
- }
1534
- ._ChatMessage--userRole_dx6l4_129 ._ChatMessage-text_dx6l4_129 {
1535
- background: var(--puck-color-azure-10);
1536
- border-radius: 16px;
1537
- color: var(--puck-color-grey-03);
1538
- margin-left: 24px;
1539
- margin-bottom: 8px;
1540
- margin-top: 8px;
1541
- padding: 12px 16px;
1542
- }
1543
- ._ChatMessage_dx6l4_124 ul,
1544
- ._ChatMessage_dx6l4_124 ol {
1545
- list-style: decimal;
1546
- margin: 0;
1547
- margin-bottom: 12px;
1548
- margin-top: 12px;
1549
- padding-left: 32px;
1550
- }
1551
- ._ChatMessage_dx6l4_124 li {
1552
- margin-bottom: 8px;
1553
- margin-top: 8px;
1554
- padding-left: 8px;
1555
- }
1556
- ._ChatMessage_dx6l4_124 h1,
1557
- ._ChatMessage_dx6l4_124 h2,
1558
- ._ChatMessage_dx6l4_124 h3,
1559
- ._ChatMessage_dx6l4_124 h4,
1560
- ._ChatMessage_dx6l4_124 h5,
1561
- ._ChatMessage_dx6l4_124 h6 {
1562
- font-weight: 600;
1563
- }
1564
- ._ChatMessage_dx6l4_124 h1 {
1565
- font-size: var(--puck-font-l);
1566
- }
1567
- ._ChatMessage_dx6l4_124 h2 {
1568
- font-size: var(--puck-font-m);
1569
- }
1570
- ._ChatMessage_dx6l4_124 h3 {
1571
- font-size: var(--puck-font-m);
1572
- }
1573
- ._ChatMessage_dx6l4_124 h4 {
1574
- font-size: var(--puck-font-s);
1575
- }
1576
- ._ChatMessage_dx6l4_124 h5 {
1577
- font-size: var(--puck-font-xs);
1578
- }
1579
- ._ChatMessage_dx6l4_124 h6 {
1580
- font-size: var(--puck-font-xm);
1581
- }
1582
- ._ChatMessage_dx6l4_124 p {
1583
- margin-bottom: 8px;
1584
- margin-top: 8px;
1585
- }
1586
- ._ChatMessage_dx6l4_124 a {
1587
- color: var(--puck-color-azure-04);
1588
- font-weight: 600;
1589
- text-decoration: none;
1590
- }
1591
- ._ChatMessage_dx6l4_124 a:hover {
1592
- color: var(--puck-color-azure-05);
1593
- }
1594
- ._ChatMessage_dx6l4_124 hr {
1595
- border-top: none;
1596
- border-bottom-color: var(--puck-color-grey-09);
1597
- margin-bottom: 16px;
1598
- margin-top: 16px;
1599
- }
1600
- ._ChatMessage_dx6l4_124 blockquote {
1601
- margin-bottom: 8px;
1602
- margin-top: 8px;
1603
- margin-left: 0;
1604
- border-left: 2px solid var(--puck-color-grey-09);
1605
- padding-left: 16px;
1606
- padding-bottom: 2px;
1607
- padding-top: 2px;
1608
- }
1609
- ._ChatMessage-data_dx6l4_219 {
1610
- background: var(--puck-color-grey-12);
1611
- border: 1px solid var(--puck-color-grey-08);
1612
- border-radius: 16px;
1613
- color: var(--puck-color-grey-05);
1614
- margin-right: 24px;
1615
- margin-bottom: 12px;
1616
- margin-top: 12px;
1617
- padding: 12px 16px;
1618
- }
1619
- ._ChatMessage-dataInner_dx6l4_230 {
1620
- align-items: center;
1621
- display: flex;
1622
- gap: 8px;
1623
- }
1624
- ._ChatMessage-dataIcon_dx6l4_236 {
1625
- display: flex;
1626
- }
1627
- ._Chat-loader_dx6l4_240 {
1628
- padding: 16px;
1629
- padding-top: 0;
1630
- }
1631
-
1632
- /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-ai/src/components/PromptForm/styles.module.css/#css-module-data */
1633
- ._PromptForm_136g1_1 {
1634
- --radius: 9px;
1635
- background-color: var(--puck-color-grey-09);
1636
- border-radius: var(--radius);
1637
- width: 100%;
1638
- }
1639
- ._PromptForm-inner_136g1_8 {
1640
- border-radius: var(--radius);
1641
- padding: 1px;
1642
- position: relative;
1643
- }
1644
- ._PromptForm--dark_136g1_14 {
1645
- background-color: var(--puck-color-grey-02);
1646
- box-shadow: none;
1647
- }
1648
- ._PromptForm--glow_136g1_19 ._PromptForm-glow_136g1_19 {
1649
- border: 2px solid transparent;
1650
- border-radius: var(--radius);
1651
- mask: linear-gradient(transparent, transparent), linear-gradient(white, white);
1652
- mask-clip: padding-box, border-box;
1653
- mask-composite: intersect;
1654
- position: absolute;
1655
- pointer-events: none;
1656
- inset: 0;
1657
- }
1658
- ._PromptForm--glow_136g1_19 ._PromptForm-glow_136g1_19::after {
1659
- background:
1660
- radial-gradient(
1661
- circle at center,
1662
- var(--puck-color-azure-06),
1663
- transparent 50%);
1664
- content: "";
1665
- offset-path: rect(0 100% 100% 0 round 200px);
1666
- offset-anchor: calc(var(--anchor) * 1%) 50%;
1667
- animation: _loop_136g1_1 9s infinite linear;
1668
- position: absolute;
1669
- height: 312px;
1670
- aspect-ratio: 1 / 1;
1671
- display: inline-block;
1672
- }
1673
- ._PromptForm--dark_136g1_14._PromptForm--glow_136g1_19 ._PromptForm-glow_136g1_19::after {
1674
- background:
1675
- radial-gradient(
1676
- circle at center,
1677
- var(--puck-color-azure-08),
1678
- transparent 50%);
1679
- }
1680
- @keyframes _loop_136g1_1 {
1681
- to {
1682
- offset-distance: 100%;
1683
- }
1684
- }
1685
- ._PromptForm-formInner_136g1_60 {
1686
- position: relative;
1687
- }
1688
- ._PromptForm-input_136g1_64 {
1689
- background-color: white;
1690
- border: none;
1691
- border-radius: 8px;
1692
- display: block;
1693
- resize: none;
1694
- color: var(--puck-color-grey-03);
1695
- padding: 12px 16px;
1696
- padding-left: 16px;
1697
- padding-right: 8px;
1698
- font-family: inherit;
1699
- font-size: var(--puck-font-size-xs);
1700
- line-height: var(--line-height-s);
1701
- padding-bottom: 48px;
1702
- outline-offset: -1;
1703
- width: 100%;
1704
- box-sizing: border-box;
1705
- }
1706
- ._PromptForm-input_136g1_64:focus {
1707
- outline-color: var(--puck-color-azure-04);
1708
- }
1709
- ._PromptForm--dark_136g1_14 ._PromptForm-input_136g1_64 {
1710
- background-color: var(--puck-color-grey-01);
1711
- color: var(--puck-color-grey-08);
1712
- }
1713
- ._PromptForm--disabled_136g1_92 ._PromptForm-input_136g1_64 {
1714
- background-color: var(--puck-color-grey-12);
1715
- cursor: not-allowed;
1716
- }
1717
- ._PromptForm-helper_136g1_97 {
1718
- align-items: center;
1719
- color: var(--puck-color-grey-05);
1720
- display: flex;
1721
- gap: 4px;
1722
- font-size: var(--puck-font-size-xxs);
1723
- font-weight: 500;
1724
- padding: 4px 12px;
1725
- }
1726
- ._PromptForm-actions_136g1_107 {
1727
- display: flex;
1728
- position: absolute;
1729
- gap: 8px;
1730
- bottom: 0;
1731
- left: 0;
1732
- right: 0;
1733
- padding: 6px;
1734
- pointer-events: none;
1735
- }
1736
- ._PromptForm-actionsLeft_136g1_118 {
1737
- align-items: center;
1738
- display: flex;
1739
- padding-left: 8px;
1740
- }
1741
- ._PromptForm-actionsRight_136g1_124 {
1742
- margin-left: auto;
1743
- }
1744
- ._PromptForm-actionSubmit_136g1_128 {
1745
- background: var(--puck-color-azure-04);
1746
- border-radius: 48px;
1747
- color: white;
1748
- display: flex;
1749
- align-items: center;
1750
- justify-content: center;
1751
- align-self: flex-end;
1752
- width: 32px;
1753
- height: 32px;
1754
- border: 0;
1755
- pointer-events: auto;
1756
- cursor: pointer;
1757
- }
1758
- ._PromptForm-actionSubmit_136g1_128:hover {
1759
- background: var(--puck-color-azure-05);
1760
- }
1761
- ._PromptForm--isDisabled_136g1_147 ._PromptForm-actionSubmit_136g1_128 {
1762
- background-color: var(--puck-color-grey-06);
1763
- cursor: not-allowed;
1764
- }
1765
- ._PromptForm--isLoading_136g1_152 ._PromptForm-actionSubmit_136g1_128 {
1766
- background-color: var(--puck-color-azure-06);
1767
- cursor: not-allowed;
1768
- }