@puckeditor/plugin-ai 0.1.0-canary.cad10367 → 0.1.0-canary.dfd624ec
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 +247 -120
- package/dist/index.d.mts +107 -27
- package/dist/index.d.ts +107 -27
- package/dist/index.js +679 -511
- package/dist/index.mjs +667 -499
- package/package.json +4 -5
package/dist/index.css
CHANGED
|
@@ -234,7 +234,7 @@ p {
|
|
|
234
234
|
}
|
|
235
235
|
|
|
236
236
|
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
|
|
237
|
-
._Modal-
|
|
237
|
+
._Modal-background_1bedq_1 {
|
|
238
238
|
align-items: center;
|
|
239
239
|
display: flex;
|
|
240
240
|
justify-content: center;
|
|
@@ -248,24 +248,26 @@ p {
|
|
|
248
248
|
opacity: 0;
|
|
249
249
|
pointer-events: none;
|
|
250
250
|
}
|
|
251
|
-
._Modal--
|
|
251
|
+
._Modal--visible_1bedq_16 ._Modal-background_1bedq_1 {
|
|
252
252
|
opacity: 1;
|
|
253
253
|
transition: opacity ease 100ms;
|
|
254
254
|
pointer-events: auto;
|
|
255
255
|
}
|
|
256
|
-
._Modal-
|
|
256
|
+
._Modal-modal_1bedq_22 {
|
|
257
257
|
background: white;
|
|
258
|
-
border-radius:
|
|
258
|
+
border-radius: 16px;
|
|
259
259
|
display: block;
|
|
260
|
-
|
|
260
|
+
max-height: calc(100vh - 24px);
|
|
261
|
+
margin-inline: 24px;
|
|
262
|
+
overflow: auto;
|
|
261
263
|
}
|
|
262
264
|
|
|
263
265
|
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
|
|
264
|
-
.
|
|
266
|
+
._Button_1wyvm_1 {
|
|
265
267
|
appearance: none;
|
|
266
268
|
background: none;
|
|
267
269
|
border: 1px solid transparent;
|
|
268
|
-
border-radius:
|
|
270
|
+
border-radius: 8px;
|
|
269
271
|
color: var(--puck-color-white);
|
|
270
272
|
display: inline-flex;
|
|
271
273
|
align-items: center;
|
|
@@ -283,69 +285,80 @@ p {
|
|
|
283
285
|
white-space: nowrap;
|
|
284
286
|
margin: 0;
|
|
285
287
|
}
|
|
286
|
-
.
|
|
287
|
-
.
|
|
288
|
+
._Button_1wyvm_1:hover,
|
|
289
|
+
._Button_1wyvm_1:active {
|
|
288
290
|
transition: none;
|
|
289
291
|
}
|
|
290
|
-
._Button--
|
|
292
|
+
._Button--medium_1wyvm_29 {
|
|
291
293
|
min-height: 34px;
|
|
292
294
|
padding-bottom: 7px;
|
|
293
295
|
padding-left: 19px;
|
|
294
296
|
padding-right: 19px;
|
|
295
297
|
padding-top: 7px;
|
|
296
298
|
}
|
|
297
|
-
._Button--
|
|
299
|
+
._Button--large_1wyvm_37 {
|
|
298
300
|
padding-bottom: 11px;
|
|
299
301
|
padding-left: 19px;
|
|
300
302
|
padding-right: 19px;
|
|
301
303
|
padding-top: 11px;
|
|
302
304
|
}
|
|
303
|
-
._Button-
|
|
305
|
+
._Button-icon_1wyvm_44 {
|
|
304
306
|
margin-top: 2px;
|
|
305
307
|
}
|
|
306
|
-
._Button--
|
|
308
|
+
._Button--primary_1wyvm_48 {
|
|
307
309
|
background: var(--puck-color-azure-04);
|
|
308
310
|
}
|
|
309
|
-
.
|
|
311
|
+
._Button_1wyvm_1:focus-visible {
|
|
310
312
|
outline: 2px solid var(--puck-color-azure-05);
|
|
311
313
|
outline-offset: 2px;
|
|
312
314
|
}
|
|
313
315
|
@media (hover: hover) and (pointer: fine) {
|
|
314
|
-
._Button--
|
|
316
|
+
._Button--primary_1wyvm_48:hover {
|
|
315
317
|
background-color: var(--puck-color-azure-03);
|
|
316
318
|
}
|
|
317
319
|
}
|
|
318
|
-
._Button--
|
|
320
|
+
._Button--primary_1wyvm_48:active {
|
|
319
321
|
background-color: var(--puck-color-azure-02);
|
|
320
322
|
}
|
|
321
|
-
._Button--
|
|
323
|
+
._Button--secondary_1wyvm_67 {
|
|
322
324
|
border: 1px solid currentColor;
|
|
323
325
|
color: currentColor;
|
|
324
326
|
}
|
|
325
327
|
@media (hover: hover) and (pointer: fine) {
|
|
326
|
-
._Button--
|
|
328
|
+
._Button--secondary_1wyvm_67:hover {
|
|
327
329
|
background-color: var(--puck-color-azure-12);
|
|
328
330
|
color: var(--puck-color-black);
|
|
329
331
|
}
|
|
330
332
|
}
|
|
331
|
-
._Button--
|
|
333
|
+
._Button--secondary_1wyvm_67:active {
|
|
332
334
|
background-color: var(--puck-color-azure-11);
|
|
333
335
|
color: var(--puck-color-black);
|
|
334
336
|
}
|
|
335
|
-
._Button--
|
|
337
|
+
._Button--danger_1wyvm_84 {
|
|
338
|
+
background: var(--puck-color-red-04);
|
|
339
|
+
}
|
|
340
|
+
@media (hover: hover) and (pointer: fine) {
|
|
341
|
+
._Button--danger_1wyvm_84:hover {
|
|
342
|
+
background-color: var(--puck-color-red-03);
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
._Button--danger_1wyvm_84:active {
|
|
346
|
+
background-color: var(--puck-color-red-02);
|
|
347
|
+
}
|
|
348
|
+
._Button--flush_1wyvm_98 {
|
|
336
349
|
border-radius: 0;
|
|
337
350
|
}
|
|
338
|
-
._Button--
|
|
339
|
-
._Button--
|
|
351
|
+
._Button--disabled_1wyvm_102,
|
|
352
|
+
._Button--disabled_1wyvm_102:hover {
|
|
340
353
|
background-color: var(--puck-color-grey-09);
|
|
341
354
|
color: var(--puck-color-grey-03);
|
|
342
355
|
cursor: not-allowed;
|
|
343
356
|
}
|
|
344
|
-
._Button--
|
|
357
|
+
._Button--fullWidth_1wyvm_109 {
|
|
345
358
|
justify-content: center;
|
|
346
359
|
width: 100%;
|
|
347
360
|
}
|
|
348
|
-
._Button-
|
|
361
|
+
._Button-spinner_1wyvm_114 {
|
|
349
362
|
padding-left: 8px;
|
|
350
363
|
}
|
|
351
364
|
|
|
@@ -372,43 +385,72 @@ p {
|
|
|
372
385
|
}
|
|
373
386
|
|
|
374
387
|
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Heading/Heading.module.css/#css-module-data */
|
|
375
|
-
.
|
|
388
|
+
._Heading_qkzg9_1 {
|
|
376
389
|
display: block;
|
|
377
390
|
font-weight: 700;
|
|
378
391
|
margin: 0;
|
|
379
392
|
}
|
|
380
|
-
.
|
|
393
|
+
._Heading_qkzg9_1 b {
|
|
381
394
|
font-weight: 700;
|
|
382
395
|
}
|
|
383
|
-
._Heading--
|
|
384
|
-
font-size: var(--puck-font-size-xxxxl);
|
|
385
|
-
letter-spacing: 0.08ch;
|
|
386
|
-
font-weight: 800;
|
|
387
|
-
}
|
|
388
|
-
._Heading--xxxl_1czuc_17 {
|
|
396
|
+
._Heading--xxxxl_qkzg9_11 {
|
|
389
397
|
font-size: var(--puck-font-size-xxxl);
|
|
390
398
|
}
|
|
391
|
-
._Heading--
|
|
399
|
+
._Heading--xxxl_qkzg9_15 {
|
|
392
400
|
font-size: var(--puck-font-size-xxl);
|
|
393
401
|
}
|
|
394
|
-
._Heading--
|
|
402
|
+
._Heading--xxl_qkzg9_19 {
|
|
395
403
|
font-size: var(--puck-font-size-xl);
|
|
396
404
|
}
|
|
397
|
-
._Heading--
|
|
405
|
+
._Heading--xl_qkzg9_23 {
|
|
398
406
|
font-size: var(--puck-font-size-l);
|
|
399
407
|
}
|
|
400
|
-
._Heading--
|
|
408
|
+
._Heading--l_qkzg9_27 {
|
|
401
409
|
font-size: var(--puck-font-size-m);
|
|
402
410
|
}
|
|
403
|
-
._Heading--
|
|
411
|
+
._Heading--m_qkzg9_31 {
|
|
404
412
|
font-size: var(--puck-font-size-s);
|
|
405
413
|
}
|
|
406
|
-
._Heading--
|
|
414
|
+
._Heading--s_qkzg9_35 {
|
|
407
415
|
font-size: var(--puck-font-size-xs);
|
|
408
416
|
}
|
|
409
|
-
._Heading--
|
|
417
|
+
._Heading--xs_qkzg9_39 {
|
|
418
|
+
font-size: var(--puck-font-size-xxs);
|
|
419
|
+
}
|
|
420
|
+
._Heading--xxs_qkzg9_43 {
|
|
410
421
|
font-size: var(--puck-font-size-xxs);
|
|
411
422
|
}
|
|
423
|
+
@media (min-width: 768px) {
|
|
424
|
+
._Heading--xxxxl_qkzg9_11 {
|
|
425
|
+
font-size: var(--puck-font-size-xxxxl);
|
|
426
|
+
letter-spacing: 0.08ch;
|
|
427
|
+
font-weight: 800;
|
|
428
|
+
}
|
|
429
|
+
._Heading--xxxl_qkzg9_15 {
|
|
430
|
+
font-size: var(--puck-font-size-xxxl);
|
|
431
|
+
}
|
|
432
|
+
._Heading--xxl_qkzg9_19 {
|
|
433
|
+
font-size: var(--puck-font-size-xxl);
|
|
434
|
+
}
|
|
435
|
+
._Heading--xl_qkzg9_23 {
|
|
436
|
+
font-size: var(--puck-font-size-xl);
|
|
437
|
+
}
|
|
438
|
+
._Heading--l_qkzg9_27 {
|
|
439
|
+
font-size: var(--puck-font-size-l);
|
|
440
|
+
}
|
|
441
|
+
._Heading--m_qkzg9_31 {
|
|
442
|
+
font-size: var(--puck-font-size-m);
|
|
443
|
+
}
|
|
444
|
+
._Heading--s_qkzg9_35 {
|
|
445
|
+
font-size: var(--puck-font-size-s);
|
|
446
|
+
}
|
|
447
|
+
._Heading--xs_qkzg9_39 {
|
|
448
|
+
font-size: var(--puck-font-size-xs);
|
|
449
|
+
}
|
|
450
|
+
._Heading--xxs_qkzg9_43 {
|
|
451
|
+
font-size: var(--puck-font-size-xxs);
|
|
452
|
+
}
|
|
453
|
+
}
|
|
412
454
|
|
|
413
455
|
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Align/Align.module.css/#css-module-data */
|
|
414
456
|
._Align_oewlu_1 {
|
|
@@ -602,13 +644,13 @@ p {
|
|
|
602
644
|
}
|
|
603
645
|
|
|
604
646
|
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Page/Page.module.css/#css-module-data */
|
|
605
|
-
.
|
|
647
|
+
._Page_1ajs1_1 {
|
|
606
648
|
display: flex;
|
|
607
649
|
flex-direction: column;
|
|
608
650
|
height: 100%;
|
|
609
651
|
overflow: hidden;
|
|
610
652
|
}
|
|
611
|
-
._Page-
|
|
653
|
+
._Page-masthead_1ajs1_8 {
|
|
612
654
|
align-items: center;
|
|
613
655
|
display: flex;
|
|
614
656
|
gap: 16px;
|
|
@@ -616,44 +658,78 @@ p {
|
|
|
616
658
|
box-sizing: border-box;
|
|
617
659
|
border-bottom: 1px solid var(--puck-color-grey-10);
|
|
618
660
|
min-height: 64px;
|
|
661
|
+
overflow-x: auto;
|
|
619
662
|
}
|
|
620
|
-
._Page-
|
|
663
|
+
._Page-crumbs_1ajs1_19 {
|
|
621
664
|
display: flex;
|
|
622
665
|
gap: 32px;
|
|
623
666
|
}
|
|
624
|
-
._Page-
|
|
667
|
+
._Page-crumb_1ajs1_19 {
|
|
625
668
|
color: var(--puck-color-grey-05);
|
|
626
669
|
position: relative;
|
|
670
|
+
white-space: nowrap;
|
|
627
671
|
}
|
|
628
|
-
._Page-
|
|
672
|
+
._Page-crumbLink_1ajs1_30 {
|
|
629
673
|
color: var(--puck-color-grey-05);
|
|
630
674
|
text-decoration: none;
|
|
631
675
|
}
|
|
632
|
-
._Page-
|
|
676
|
+
._Page-crumbLink_1ajs1_30:hover {
|
|
633
677
|
color: var(--puck-color-azure-04);
|
|
634
678
|
}
|
|
635
|
-
._Page-
|
|
679
|
+
._Page-crumb_1ajs1_19:last-of-type {
|
|
636
680
|
color: var(--puck-color-grey-01);
|
|
637
681
|
font-weight: 600;
|
|
638
682
|
}
|
|
639
|
-
._Page-
|
|
683
|
+
._Page-crumb_1ajs1_19::before {
|
|
640
684
|
position: absolute;
|
|
641
685
|
content: "/";
|
|
642
686
|
left: -19px;
|
|
643
687
|
color: var(--puck-color-grey-09);
|
|
644
688
|
font-weight: 400;
|
|
645
689
|
}
|
|
646
|
-
._Page-
|
|
690
|
+
._Page-crumb_1ajs1_19:first-of-type::before {
|
|
647
691
|
display: none;
|
|
648
692
|
}
|
|
649
|
-
._Page-
|
|
693
|
+
._Page-crumb_1ajs1_19 {
|
|
650
694
|
color: var(--puck-color-grey-05);
|
|
651
695
|
position: relative;
|
|
652
696
|
text-decoration: none;
|
|
653
697
|
}
|
|
654
|
-
._Page-
|
|
698
|
+
._Page-actions_1ajs1_62 {
|
|
655
699
|
margin-left: auto;
|
|
656
700
|
}
|
|
701
|
+
._Page-footer_1ajs1_66 {
|
|
702
|
+
border-top: 1px solid var(--puck-color-grey-10);
|
|
703
|
+
padding: 16px 24px;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Pagination/Pagination.module.css/#css-module-data */
|
|
707
|
+
._Pagination_1okv2_1 {
|
|
708
|
+
align-items: baseline;
|
|
709
|
+
display: flex;
|
|
710
|
+
gap: 4px;
|
|
711
|
+
}
|
|
712
|
+
._PaginationButton_1okv2_8 {
|
|
713
|
+
align-items: center;
|
|
714
|
+
border-radius: 4px;
|
|
715
|
+
color: var(--puck-color-grey-05);
|
|
716
|
+
display: flex;
|
|
717
|
+
justify-content: center;
|
|
718
|
+
text-decoration: none;
|
|
719
|
+
min-width: 40px;
|
|
720
|
+
height: 40px;
|
|
721
|
+
}
|
|
722
|
+
._PaginationButton--isActive_1okv2_20 {
|
|
723
|
+
background-color: var(--puck-color-azure-11);
|
|
724
|
+
color: var(--puck-color-azure-04);
|
|
725
|
+
}
|
|
726
|
+
._PaginationButton_1okv2_8:hover {
|
|
727
|
+
background-color: var(--puck-color-azure-11);
|
|
728
|
+
color: var(--puck-color-azure-04);
|
|
729
|
+
}
|
|
730
|
+
._Pagination-ellipsis_1okv2_30 {
|
|
731
|
+
color: var(--puck-color-grey-05);
|
|
732
|
+
}
|
|
657
733
|
|
|
658
734
|
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
|
|
659
735
|
._Section-inner_1uwo0_1 {
|
|
@@ -737,23 +813,26 @@ p {
|
|
|
737
813
|
}
|
|
738
814
|
|
|
739
815
|
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Table/Table.module.css/#css-module-data */
|
|
740
|
-
.
|
|
816
|
+
._Table_1bbu5_1 {
|
|
741
817
|
color: black;
|
|
742
818
|
display: flex;
|
|
743
819
|
flex-direction: column;
|
|
744
820
|
flex-grow: 1;
|
|
821
|
+
overflow-y: auto;
|
|
745
822
|
}
|
|
746
|
-
._Table-
|
|
823
|
+
._Table-filters_1bbu5_9 {
|
|
747
824
|
margin: 16px;
|
|
748
825
|
}
|
|
749
|
-
._Table-
|
|
826
|
+
._Table-inner_1bbu5_13 {
|
|
750
827
|
text-align: left;
|
|
751
828
|
}
|
|
752
|
-
._Table-
|
|
829
|
+
._Table-table_1bbu5_17 {
|
|
830
|
+
color: var(--puck-color-grey-02);
|
|
831
|
+
font-size: var(--puck-font-size-xxs);
|
|
753
832
|
position: relative;
|
|
754
833
|
width: 100%;
|
|
755
834
|
}
|
|
756
|
-
.
|
|
835
|
+
._Table_1bbu5_1 thead {
|
|
757
836
|
background: white;
|
|
758
837
|
font-size: var(--puck-font-size-xxs);
|
|
759
838
|
position: sticky;
|
|
@@ -761,55 +840,61 @@ p {
|
|
|
761
840
|
white-space: nowrap;
|
|
762
841
|
z-index: 1;
|
|
763
842
|
}
|
|
764
|
-
.
|
|
843
|
+
._Table_1bbu5_1 thead::after {
|
|
765
844
|
content: "";
|
|
766
845
|
position: absolute;
|
|
767
846
|
height: 1px;
|
|
768
847
|
width: 100%;
|
|
769
|
-
background-color: var(--puck-color-grey-
|
|
848
|
+
background-color: var(--puck-color-grey-10);
|
|
849
|
+
}
|
|
850
|
+
._Table--hideHeader_1bbu5_41 thead {
|
|
851
|
+
display: none;
|
|
770
852
|
}
|
|
771
|
-
.
|
|
853
|
+
._Table_1bbu5_1 tbody tr {
|
|
772
854
|
z-index: 0;
|
|
773
855
|
}
|
|
774
|
-
.
|
|
775
|
-
background:
|
|
776
|
-
font-weight:
|
|
856
|
+
._Table_1bbu5_1 th {
|
|
857
|
+
background: var(--puck-color-grey-12);
|
|
858
|
+
font-weight: 400;
|
|
777
859
|
padding-left: 24px;
|
|
778
860
|
padding-right: 24px;
|
|
779
|
-
padding-bottom:
|
|
780
|
-
padding-top:
|
|
861
|
+
padding-bottom: 12px;
|
|
862
|
+
padding-top: 12px;
|
|
781
863
|
}
|
|
782
864
|
@media (--standard-viewport) {
|
|
783
|
-
.
|
|
865
|
+
._Table_1bbu5_1 th {
|
|
784
866
|
padding-left: 32px;
|
|
785
867
|
padding-right: 32px;
|
|
786
868
|
}
|
|
787
869
|
}
|
|
788
|
-
.
|
|
870
|
+
._Table_1bbu5_1 td {
|
|
789
871
|
border-bottom: 1px solid var(--puck-color-grey-10);
|
|
790
872
|
padding-left: 24px;
|
|
791
873
|
padding-right: 24px;
|
|
792
|
-
padding-bottom:
|
|
793
|
-
padding-top:
|
|
874
|
+
padding-bottom: 16px;
|
|
875
|
+
padding-top: 16px;
|
|
794
876
|
white-space: nowrap;
|
|
795
877
|
}
|
|
796
|
-
.
|
|
878
|
+
._Table_1bbu5_1 td:not(:first-of-type) {
|
|
879
|
+
color: var(--puck-color-grey-05);
|
|
880
|
+
}
|
|
881
|
+
._Table_1bbu5_1 tbody tr:last-of-type td {
|
|
797
882
|
border-bottom: none;
|
|
798
883
|
}
|
|
799
884
|
@media (--standard-viewport) {
|
|
800
|
-
.
|
|
885
|
+
._Table_1bbu5_1 td {
|
|
801
886
|
padding-left: 32px;
|
|
802
887
|
padding-right: 32px;
|
|
803
888
|
}
|
|
804
889
|
}
|
|
805
|
-
._Table-
|
|
890
|
+
._Table-footer_1bbu5_89 {
|
|
806
891
|
border-top: 1px solid var(--puck-color-grey-09);
|
|
807
892
|
}
|
|
808
|
-
._Table--
|
|
893
|
+
._Table--clickableRows_1bbu5_93 tbody tr:hover {
|
|
809
894
|
background: var(--puck-color-azure-12);
|
|
810
895
|
cursor: pointer;
|
|
811
896
|
}
|
|
812
|
-
._Table-
|
|
897
|
+
._Table-placeholder_1bbu5_98 {
|
|
813
898
|
align-items: center;
|
|
814
899
|
color: var(--puck-color-grey-06);
|
|
815
900
|
justify-content: center;
|
|
@@ -819,6 +904,12 @@ p {
|
|
|
819
904
|
width: 100%;
|
|
820
905
|
height: 100%;
|
|
821
906
|
}
|
|
907
|
+
._Table-loader_1bbu5_109 {
|
|
908
|
+
padding: 16px 24px;
|
|
909
|
+
}
|
|
910
|
+
._TableRow--highlightRow_1bbu5_113 {
|
|
911
|
+
background-color: var(--puck-color-grey-12);
|
|
912
|
+
}
|
|
822
913
|
|
|
823
914
|
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/VerticalSpace/VerticalSpace.module.css/#css-module-data */
|
|
824
915
|
._VerticalSpace_1tjaw_1 {
|
|
@@ -852,8 +943,43 @@ p {
|
|
|
852
943
|
padding-top: 128px;
|
|
853
944
|
}
|
|
854
945
|
|
|
946
|
+
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Viewport/styles.module.css/#css-module-data */
|
|
947
|
+
._Viewport_1vvhm_3 {
|
|
948
|
+
}
|
|
949
|
+
._Viewport--standard_1vvhm_6,
|
|
950
|
+
._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
|
|
951
|
+
display: none;
|
|
952
|
+
}
|
|
953
|
+
._Viewport--narrow_1vvhm_11 {
|
|
954
|
+
display: block;
|
|
955
|
+
}
|
|
956
|
+
._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11 {
|
|
957
|
+
display: inline;
|
|
958
|
+
}
|
|
959
|
+
._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
|
|
960
|
+
display: flex;
|
|
961
|
+
}
|
|
962
|
+
@media (min-width: 768px) {
|
|
963
|
+
._Viewport--narrow_1vvhm_11,
|
|
964
|
+
._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11,
|
|
965
|
+
._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
|
|
966
|
+
display: none;
|
|
967
|
+
}
|
|
968
|
+
}
|
|
969
|
+
@media (min-width: 768px) {
|
|
970
|
+
._Viewport--standard_1vvhm_6 {
|
|
971
|
+
display: block;
|
|
972
|
+
}
|
|
973
|
+
._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
|
|
974
|
+
display: inline;
|
|
975
|
+
}
|
|
976
|
+
._Viewport--flex_1vvhm_19._Viewport--standard_1vvhm_6 {
|
|
977
|
+
display: flex;
|
|
978
|
+
}
|
|
979
|
+
}
|
|
980
|
+
|
|
855
981
|
/* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css/#css-module-data */
|
|
856
|
-
.
|
|
982
|
+
._Chat_150yz_1 {
|
|
857
983
|
--fade-size: 32px;
|
|
858
984
|
--chat-background-color: white;
|
|
859
985
|
display: flex;
|
|
@@ -863,46 +989,46 @@ p {
|
|
|
863
989
|
overflow: hidden;
|
|
864
990
|
}
|
|
865
991
|
@media (min-width: 638px) {
|
|
866
|
-
.
|
|
992
|
+
._Chat_150yz_1 {
|
|
867
993
|
max-height: none;
|
|
868
994
|
}
|
|
869
995
|
}
|
|
870
|
-
._Chat-
|
|
996
|
+
._Chat-inner_150yz_17 {
|
|
871
997
|
background-color: var(--chat-background-color);
|
|
872
998
|
display: flex;
|
|
873
999
|
flex-direction: column;
|
|
874
1000
|
max-height: 100%;
|
|
875
1001
|
position: relative;
|
|
876
1002
|
}
|
|
877
|
-
._Chat--
|
|
1003
|
+
._Chat--hasMessages_150yz_25 ._Chat-inner_150yz_17 {
|
|
878
1004
|
padding-top: 0;
|
|
879
1005
|
}
|
|
880
|
-
.
|
|
1006
|
+
._Chat_150yz_1:not(._Chat--hasChildren_150yz_29) ._Chat-inner_150yz_17 {
|
|
881
1007
|
height: 100%;
|
|
882
1008
|
padding-top: 0;
|
|
883
1009
|
}
|
|
884
|
-
._Chat--
|
|
1010
|
+
._Chat--hasMessages_150yz_25 ._Chat-messages_150yz_34 {
|
|
885
1011
|
display: flex;
|
|
886
1012
|
flex-direction: column-reverse;
|
|
887
1013
|
padding: 16px;
|
|
888
1014
|
overflow: auto;
|
|
889
1015
|
}
|
|
890
|
-
._Chat-
|
|
1016
|
+
._Chat-form_150yz_41 {
|
|
891
1017
|
background-color: white;
|
|
892
1018
|
padding: 16px;
|
|
893
1019
|
}
|
|
894
|
-
._Chat--
|
|
1020
|
+
._Chat--hideInput_150yz_46 ._Chat-form_150yz_41 {
|
|
895
1021
|
display: none;
|
|
896
1022
|
}
|
|
897
|
-
._Chat--
|
|
1023
|
+
._Chat--hasMessages_150yz_25 ._Chat-form_150yz_41 {
|
|
898
1024
|
border-top: 1px solid var(--puck-color-grey-09);
|
|
899
1025
|
}
|
|
900
1026
|
@media (min-width: 638px) {
|
|
901
|
-
._Chat-
|
|
1027
|
+
._Chat-form_150yz_41 {
|
|
902
1028
|
border-top: 1px solid var(--puck-color-grey-09);
|
|
903
1029
|
}
|
|
904
1030
|
}
|
|
905
|
-
._Chat-
|
|
1031
|
+
._Chat-formHelper_150yz_60 {
|
|
906
1032
|
align-items: center;
|
|
907
1033
|
display: flex;
|
|
908
1034
|
color: var(--puck-color-grey-04);
|
|
@@ -911,11 +1037,11 @@ p {
|
|
|
911
1037
|
gap: 8px;
|
|
912
1038
|
padding-bottom: 12px;
|
|
913
1039
|
}
|
|
914
|
-
._Chat--
|
|
1040
|
+
._Chat--hasMessages_150yz_25 ._Chat-formHelper_150yz_60 {
|
|
915
1041
|
opacity: 0;
|
|
916
1042
|
transition: opacity 250ms ease-in;
|
|
917
1043
|
}
|
|
918
|
-
._Chat-
|
|
1044
|
+
._Chat-examplePrompts_150yz_75 {
|
|
919
1045
|
align-items: center;
|
|
920
1046
|
display: flex;
|
|
921
1047
|
flex-wrap: nowrap;
|
|
@@ -924,7 +1050,7 @@ p {
|
|
|
924
1050
|
width: 100%;
|
|
925
1051
|
overflow-x: auto;
|
|
926
1052
|
}
|
|
927
|
-
._Chat-
|
|
1053
|
+
._Chat-examplePrompt_150yz_75 {
|
|
928
1054
|
align-items: center;
|
|
929
1055
|
background: white;
|
|
930
1056
|
border: 1px solid var(--puck-color-grey-09);
|
|
@@ -935,33 +1061,34 @@ p {
|
|
|
935
1061
|
padding: 6px 12px;
|
|
936
1062
|
text-wrap: nowrap;
|
|
937
1063
|
}
|
|
938
|
-
._Chat-
|
|
1064
|
+
._Chat-examplePrompt_150yz_75:hover {
|
|
939
1065
|
background: var(--puck-color-azure-11);
|
|
940
1066
|
border-color: var(--puck-color-azure-08);
|
|
941
1067
|
color: var(--puck-color-azure-04);
|
|
942
1068
|
}
|
|
943
|
-
._Chat-
|
|
1069
|
+
._Chat-examplePromptArrow_150yz_103 {
|
|
944
1070
|
margin-left: auto;
|
|
945
1071
|
}
|
|
946
|
-
._Chat-
|
|
1072
|
+
._Chat-default_150yz_107 {
|
|
947
1073
|
overflow-y: auto;
|
|
948
1074
|
flex-grow: 1;
|
|
949
1075
|
}
|
|
950
|
-
._Chat--
|
|
1076
|
+
._Chat--hasMessages_150yz_25 ._Chat-default_150yz_107 {
|
|
951
1077
|
opacity: 0;
|
|
952
1078
|
padding: 0;
|
|
953
1079
|
pointer-events: none;
|
|
954
1080
|
transition: opacity 250ms ease-in;
|
|
955
1081
|
}
|
|
956
|
-
._Chat--
|
|
1082
|
+
._Chat--hasMessages_150yz_25 {
|
|
957
1083
|
background-color: white;
|
|
958
1084
|
transition: background-color 250ms ease-in;
|
|
959
1085
|
}
|
|
960
|
-
.
|
|
1086
|
+
._ChatMessage_150yz_124 {
|
|
961
1087
|
font-size: var(--puck-font-size-xs);
|
|
962
1088
|
line-height: var(--line-height-s);
|
|
1089
|
+
overflow-wrap: break-word;
|
|
963
1090
|
}
|
|
964
|
-
._ChatMessage--
|
|
1091
|
+
._ChatMessage--userRole_150yz_130 ._ChatMessage-text_150yz_130 {
|
|
965
1092
|
background: var(--puck-color-azure-10);
|
|
966
1093
|
border-radius: 16px;
|
|
967
1094
|
color: var(--puck-color-grey-03);
|
|
@@ -970,64 +1097,64 @@ p {
|
|
|
970
1097
|
margin-top: 8px;
|
|
971
1098
|
padding: 12px 16px;
|
|
972
1099
|
}
|
|
973
|
-
.
|
|
974
|
-
.
|
|
1100
|
+
._ChatMessage_150yz_124 ul,
|
|
1101
|
+
._ChatMessage_150yz_124 ol {
|
|
975
1102
|
list-style: decimal;
|
|
976
1103
|
margin: 0;
|
|
977
1104
|
margin-bottom: 12px;
|
|
978
1105
|
margin-top: 12px;
|
|
979
1106
|
padding-left: 32px;
|
|
980
1107
|
}
|
|
981
|
-
.
|
|
1108
|
+
._ChatMessage_150yz_124 li {
|
|
982
1109
|
margin-bottom: 8px;
|
|
983
1110
|
margin-top: 8px;
|
|
984
1111
|
padding-left: 8px;
|
|
985
1112
|
}
|
|
986
|
-
.
|
|
987
|
-
.
|
|
988
|
-
.
|
|
989
|
-
.
|
|
990
|
-
.
|
|
991
|
-
.
|
|
1113
|
+
._ChatMessage_150yz_124 h1,
|
|
1114
|
+
._ChatMessage_150yz_124 h2,
|
|
1115
|
+
._ChatMessage_150yz_124 h3,
|
|
1116
|
+
._ChatMessage_150yz_124 h4,
|
|
1117
|
+
._ChatMessage_150yz_124 h5,
|
|
1118
|
+
._ChatMessage_150yz_124 h6 {
|
|
992
1119
|
font-weight: 600;
|
|
993
1120
|
}
|
|
994
|
-
.
|
|
1121
|
+
._ChatMessage_150yz_124 h1 {
|
|
995
1122
|
font-size: var(--puck-font-l);
|
|
996
1123
|
}
|
|
997
|
-
.
|
|
1124
|
+
._ChatMessage_150yz_124 h2 {
|
|
998
1125
|
font-size: var(--puck-font-m);
|
|
999
1126
|
}
|
|
1000
|
-
.
|
|
1127
|
+
._ChatMessage_150yz_124 h3 {
|
|
1001
1128
|
font-size: var(--puck-font-m);
|
|
1002
1129
|
}
|
|
1003
|
-
.
|
|
1130
|
+
._ChatMessage_150yz_124 h4 {
|
|
1004
1131
|
font-size: var(--puck-font-s);
|
|
1005
1132
|
}
|
|
1006
|
-
.
|
|
1133
|
+
._ChatMessage_150yz_124 h5 {
|
|
1007
1134
|
font-size: var(--puck-font-xs);
|
|
1008
1135
|
}
|
|
1009
|
-
.
|
|
1136
|
+
._ChatMessage_150yz_124 h6 {
|
|
1010
1137
|
font-size: var(--puck-font-xm);
|
|
1011
1138
|
}
|
|
1012
|
-
.
|
|
1139
|
+
._ChatMessage_150yz_124 p {
|
|
1013
1140
|
margin-bottom: 8px;
|
|
1014
1141
|
margin-top: 8px;
|
|
1015
1142
|
}
|
|
1016
|
-
.
|
|
1143
|
+
._ChatMessage_150yz_124 a {
|
|
1017
1144
|
color: var(--puck-color-azure-04);
|
|
1018
1145
|
font-weight: 600;
|
|
1019
1146
|
text-decoration: none;
|
|
1020
1147
|
}
|
|
1021
|
-
.
|
|
1148
|
+
._ChatMessage_150yz_124 a:hover {
|
|
1022
1149
|
color: var(--puck-color-azure-05);
|
|
1023
1150
|
}
|
|
1024
|
-
.
|
|
1151
|
+
._ChatMessage_150yz_124 hr {
|
|
1025
1152
|
border-top: none;
|
|
1026
1153
|
border-bottom-color: var(--puck-color-grey-09);
|
|
1027
1154
|
margin-bottom: 16px;
|
|
1028
1155
|
margin-top: 16px;
|
|
1029
1156
|
}
|
|
1030
|
-
.
|
|
1157
|
+
._ChatMessage_150yz_124 blockquote {
|
|
1031
1158
|
margin-bottom: 8px;
|
|
1032
1159
|
margin-top: 8px;
|
|
1033
1160
|
margin-left: 0;
|
|
@@ -1036,7 +1163,7 @@ p {
|
|
|
1036
1163
|
padding-bottom: 2px;
|
|
1037
1164
|
padding-top: 2px;
|
|
1038
1165
|
}
|
|
1039
|
-
._ChatMessage-
|
|
1166
|
+
._ChatMessage-data_150yz_220 {
|
|
1040
1167
|
background: var(--puck-color-grey-12);
|
|
1041
1168
|
border: 1px solid var(--puck-color-grey-08);
|
|
1042
1169
|
border-radius: 16px;
|
|
@@ -1046,19 +1173,19 @@ p {
|
|
|
1046
1173
|
margin-top: 12px;
|
|
1047
1174
|
padding: 12px 16px;
|
|
1048
1175
|
}
|
|
1049
|
-
._ChatMessage-
|
|
1176
|
+
._ChatMessage-dataInner_150yz_231 {
|
|
1050
1177
|
align-items: center;
|
|
1051
1178
|
display: flex;
|
|
1052
1179
|
gap: 8px;
|
|
1053
1180
|
}
|
|
1054
|
-
._ChatMessage-
|
|
1181
|
+
._ChatMessage-dataIcon_150yz_237 {
|
|
1055
1182
|
display: flex;
|
|
1056
1183
|
}
|
|
1057
|
-
._Chat-
|
|
1184
|
+
._Chat-loader_150yz_241 {
|
|
1058
1185
|
padding: 16px;
|
|
1059
1186
|
padding-top: 0;
|
|
1060
1187
|
}
|
|
1061
|
-
._Chat-
|
|
1188
|
+
._Chat-error_150yz_246 {
|
|
1062
1189
|
align-items: center;
|
|
1063
1190
|
display: flex;
|
|
1064
1191
|
gap: 8px;
|
|
@@ -1066,10 +1193,10 @@ p {
|
|
|
1066
1193
|
margin: 16px;
|
|
1067
1194
|
margin-top: 0;
|
|
1068
1195
|
}
|
|
1069
|
-
._Chat-
|
|
1196
|
+
._Chat-errorLabel_150yz_255 {
|
|
1070
1197
|
color: var(--puck-color-red-04);
|
|
1071
1198
|
}
|
|
1072
|
-
._Chat-
|
|
1199
|
+
._Chat-errorAction_150yz_259 {
|
|
1073
1200
|
margin-left: auto;
|
|
1074
1201
|
}
|
|
1075
1202
|
|