@zipify/wysiwyg 3.5.0-ai-prototype → 3.5.0

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/wysiwyg.css CHANGED
@@ -409,45 +409,6 @@
409
409
  color: rgb(var(--zw-color-red));
410
410
  }
411
411
 
412
- .zw-field[data-v-11f4bb7a] {
413
- display: flex;
414
- flex-direction: column;
415
- }
416
- .zw-field__input[data-v-11f4bb7a] {
417
- --border-color: rgb(var(--zw-color-n60));
418
- --text-color: rgb(var(--zw-color-n85));
419
-
420
- border: 1px solid var(--border-color);
421
- background-color: transparent;
422
- color: var(--text-color);
423
- font-size: var(--zw-font-size-xxs);
424
- outline: none;
425
- padding: 6px;
426
- line-height: var(--zw-line-height-xxs);
427
- transition: 0.1s border ease-out, 0.1s color ease-out;
428
- will-change: border, color;
429
- }
430
- .zw-field__input[data-v-11f4bb7a]:hover {
431
- --border-color: rgb(var(--zw-color-n80));
432
- --text-color: rgb(var(--zw-color-n85));
433
- }
434
- .zw-field__input[data-v-11f4bb7a]:focus,
435
- .zw-field__input[data-v-11f4bb7a]:focus-within {
436
- --border-color: rgb(var(--zw-color-white));
437
- --text-color: rgb(var(--zw-color-white));
438
- }
439
- .zw-field__label[data-v-11f4bb7a] {
440
- display: inline-block;
441
- font-size: var(--zw-font-size-xxs);
442
- padding-bottom: var(--zw-offset-xxs);
443
- line-height: var(--zw-line-height-xxs);
444
- }
445
- .zw-field__label--error[data-v-11f4bb7a] {
446
- font-size: var(--zw-font-size-xxs);
447
- margin: var(--zw-offset-xxs) 0 0;
448
- color: rgb(var(--zw-color-red));
449
- }
450
-
451
412
  .zw-checkbox[data-v-c9d1da12] {
452
413
  display: inline-flex;
453
414
  align-items: center;
@@ -633,73 +594,6 @@
633
594
  display: flex;
634
595
  }
635
596
 
636
- .zw-link-modal-header[data-v-40738e23] {
637
- display: flex;
638
- align-items: center;
639
- justify-content: space-between;
640
- padding: var(--zw-offset-sm);
641
- border-bottom: 2px solid rgb(var(--zw-color-n5));
642
- }
643
- .zw-link-modal-header__title[data-v-40738e23] {
644
- text-transform: uppercase;
645
- font-weight: var(--zw-font-weight-semibold);
646
- font-size: var(--zw-font-size-xxs);
647
- color: rgb(var(--zw-color-white));
648
- }
649
-
650
- .zw-ai-component__suggestion[data-v-390cf52c] {
651
- font-size: 14px;
652
- margin-bottom: 8px;
653
- padding: 16px 8px;
654
- color: #CDD1DC;
655
- border-radius: 2px;
656
- }
657
- .zw-ai-component-suggestion__request[data-v-390cf52c] {
658
- font-size: 12px;
659
- color: #666;
660
- }
661
- .zw-ai-component-suggestion__button[data-v-390cf52c] {
662
- font-size: 14px;
663
- padding: 4px 8px;
664
- background-color: #A4A4A4;
665
- color: #FFF;
666
- border-radius: 2px;
667
- }
668
- .zw-ai-component-suggestion__button[data-v-390cf52c]:hover {
669
- opacity: 0.8;
670
- background-color: #3AAA35;
671
- }
672
-
673
- .zw-suggestion-modal[data-v-a21c0bda] {
674
- width: 500px;
675
- }
676
- .zw-link-modal__body[data-v-a21c0bda] {
677
- padding: var(--zw-offset-sm);
678
- }
679
- .zw-generated-text__suggestion[data-v-a21c0bda] {
680
- font-size: 14px;
681
- color: #908E8E;
682
- }
683
- .zw-ai-component__send-button[data-v-a21c0bda] {
684
- position: absolute;
685
- top: 50%;
686
- transform: translateY(-50%);
687
- right: 16px;
688
- }
689
- .zw-ai-component__icon[data-v-a21c0bda] {
690
- color: #CDD1DC;
691
- }
692
- .zw-ai-component__send-button:hover .zw-ai-component__icon[data-v-a21c0bda] {
693
- color: #878DA2;
694
- transition: color 0.1s ease-in-out;
695
- }
696
- .zw-field__label[data-v-a21c0bda] {
697
- display: inline-block;
698
- font-size: var(--zw-font-size-xxs);
699
- padding-bottom: var(--zw-offset-xxs);
700
- line-height: var(--zw-line-height-xxs);
701
- }
702
-
703
597
  .zw-link-modal-header[data-v-0a0c67c1] {
704
598
  display: flex;
705
599
  align-items: center;
@@ -745,7 +639,7 @@
745
639
  width: 234px;
746
640
  }
747
641
 
748
- .zw-toolbar[data-v-d18ac382] {
642
+ .zw-toolbar[data-v-09336b0a] {
749
643
  border: 1px solid rgba(var(--zw-color-white), 0.2);
750
644
  border-radius: 2px;
751
645
  background-color: rgb(var(--zw-color-n15));
@@ -754,8 +648,8 @@
754
648
  text-align: left;
755
649
  position: absolute;
756
650
  }
757
- .zw-toolbar[data-v-d18ac382]::before,
758
- .zw-toolbar[data-v-d18ac382]::after {
651
+ .zw-toolbar[data-v-09336b0a]::before,
652
+ .zw-toolbar[data-v-09336b0a]::after {
759
653
  content: "";
760
654
  display: block;
761
655
  width: 100%;
@@ -763,96 +657,23 @@
763
657
  position: absolute;
764
658
  --zw-toolbar-safe-zone: calc(-1 * var(--zw-toolbar-offset-y));
765
659
  }
766
- .zw-toolbar[data-v-d18ac382]::before {
660
+ .zw-toolbar[data-v-09336b0a]::before {
767
661
  top: var(--zw-toolbar-safe-zone);
768
662
  }
769
- .zw-toolbar[data-v-d18ac382]::after {
663
+ .zw-toolbar[data-v-09336b0a]::after {
770
664
  bottom: var(--zw-toolbar-safe-zone);
771
665
  }
772
- .zw-toolbar--enter-active[data-v-d18ac382],
773
- .zw-toolbar--leave-active[data-v-d18ac382] {
666
+ .zw-toolbar--enter-active[data-v-09336b0a],
667
+ .zw-toolbar--leave-active[data-v-09336b0a] {
774
668
  transition: opacity 150ms ease-out;
775
669
  }
776
- .zw-toolbar--leave-active[data-v-d18ac382] {
670
+ .zw-toolbar--leave-active[data-v-09336b0a] {
777
671
  transition: opacity 0s ease-in;
778
672
  }
779
- .zw-toolbar--enter[data-v-d18ac382],
780
- .zw-toolbar--leave-to[data-v-d18ac382] {
673
+ .zw-toolbar--enter[data-v-09336b0a],
674
+ .zw-toolbar--leave-to[data-v-09336b0a] {
781
675
  opacity: 0;
782
676
  }
783
-
784
- .zw-ai-component__suggestion[data-v-6fbdb7d6] {
785
- font-size: 14px;
786
- margin-bottom: 8px;
787
- padding: 16px 8px;
788
- background-color: #FFF;
789
- border: 0.5px solid #CDD1DC;
790
- border-radius: 2px;
791
- }
792
- .zw-ai-component-suggestion__request[data-v-6fbdb7d6] {
793
- font-size: 12px;
794
- color: #666;
795
- }
796
- .zw-ai-component-suggestion__button[data-v-6fbdb7d6] {
797
- font-size: 14px;
798
- padding: 2px 4px;
799
- background-color: #3AAA35;
800
- color: #FFF;
801
- border-radius: 2px;
802
- }
803
- .zw-ai-component-suggestion__button[data-v-6fbdb7d6]:hover {
804
- opacity: 0.8;
805
- }
806
-
807
- .zw-floating-menu__button[data-v-88889ea8] {
808
- padding: 2px;
809
- background-color: rgba(255, 252, 252, 1);
810
- border-radius: 50%;
811
- box-shadow: 0 0 0 0 1px #878DA2;
812
- }
813
- .zw-link-modal[data-v-88889ea8] {
814
- width: 450px;
815
- background-color: #FCFCFC;
816
- border-radius: 8px;
817
- box-shadow: 0 0 0 0.5px #878DA2, 0 0 2px 0.5px rgba(135, 141, 162, 0.5), 0 1px 8px 0.5px rgba(135, 141, 162, 0.1), 0 2px 12px 0.5px rgba(135, 141, 162, 0.1), 0 4px 20 0.5px rgba(135, 141, 162, 0.25);
818
- }
819
- .zw-link-modal__body[data-v-88889ea8] {
820
- padding: var(--zw-offset-sm);
821
- }
822
- .zw-link-form__body[data-v-88889ea8] {
823
- overscroll-behavior: contain;
824
- overflow: auto;
825
- max-height: max(min(calc(1051.21px - calc(calc(3.5px * 16) + 47.9844px) - calc(0.25px * 16)), calc(34.75px * 16)), calc(10px * 16));
826
- }
827
- .zw-ai-component__selected-text[data-v-88889ea8] {
828
- font-size: 14px;
829
- margin-bottom: 8px;
830
- padding: 16px 8px;
831
- background-color: #FFF;
832
- border: 0.5px solid #000;
833
- border-radius: 2px;
834
- }
835
- .zw-ai-component__input[data-v-88889ea8] {
836
- width: 100%;
837
- min-height: 40px;
838
- border: 1px solid #E9E9E9;
839
- border-radius: 5px;
840
- padding: 8px;
841
- font-size: 14px;
842
- }
843
- .zw-ai-component__send-button[data-v-88889ea8] {
844
- position: absolute;
845
- top: 50%;
846
- transform: translateY(-50%);
847
- right: 16px;
848
- }
849
- .zw-ai-component__icon[data-v-88889ea8] {
850
- color: #CDD1DC;
851
- }
852
- .zw-ai-component__send-button:hover .zw-ai-component__icon[data-v-88889ea8] {
853
- color: #878DA2;
854
- transition: color 0.1s ease-in-out;
855
- }
856
677
  .zw-wysiwyg {
857
678
  --zw-color-n5: 13, 13, 13; /* #0D0D0D; */
858
679
  --zw-color-n15: 38, 38, 38; /* #262626; */