@contenify/chatbot 2.0.0 → 3.0.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/styles.css CHANGED
@@ -418,18 +418,20 @@
418
418
  }
419
419
 
420
420
  .cnfy-msg-body.you {
421
+ margin-top: 15px;
422
+ background: #efefef;
423
+ text-align: right;
424
+ word-break: break-word;
421
425
  border-radius: 11px;
422
- display: block;
423
- width: fit-content;
424
- max-width: 80%;
426
+ width: fit-content;
425
427
  min-width: 60px;
426
- margin-left: auto;
428
+ max-width: 80%;
429
+ margin-left: auto;
427
430
  margin-right: 0;
428
- text-align: right;
429
431
  padding: 8px 12px;
430
432
  font-size: .875rem;
431
433
  line-height: 1.625;
432
- word-break: break-word;
434
+ display: block;
433
435
  }
434
436
 
435
437
  .cnfy-copy-btn{
@@ -502,24 +504,58 @@
502
504
  margin: 0;
503
505
  }
504
506
 
507
+ .cnfy-article-content {
508
+ font-size: 0.875rem;
509
+ line-height: 1.7;
510
+ color: var(--cnfy-gray-800);
511
+ }
512
+
513
+ .cnfy-article-content h1 {
514
+ font-size: 1.05rem;
515
+ font-weight: 700;
516
+ margin: 0 0 0.5rem;
517
+ color: var(--cnfy-gray-900);
518
+ }
519
+
520
+ .cnfy-article-content h2 {
521
+ font-size: 0.95rem;
522
+ font-weight: 600;
523
+ margin: 1rem 0 0.4rem;
524
+ color: var(--cnfy-gray-900);
525
+ }
526
+
527
+ .cnfy-article-content p {
528
+ margin: 0.4rem 0;
529
+ }
530
+
505
531
  .cnfy-msg-keywords {
506
- padding-top: 1rem;
532
+ padding-top: 0.75rem;
507
533
  border-top: 1px solid var(--cnfy-gray-200);
508
- margin-top: 1.5rem;
534
+ margin-top: 1rem;
535
+ }
536
+
537
+ .cnfy-msg-keywords-label {
538
+ font-size: 0.7rem;
539
+ font-weight: 600;
540
+ text-transform: uppercase;
541
+ letter-spacing: 0.05em;
542
+ color: var(--cnfy-gray-500);
543
+ margin-bottom: 0.5rem;
509
544
  }
510
545
 
511
546
  .cnfy-msg-keywords-list {
512
547
  display: flex;
513
548
  flex-wrap: wrap;
514
- gap: 0.5rem;
549
+ gap: 0.4rem;
515
550
  }
516
551
 
517
552
  .cnfy-msg-keyword-tag {
518
- font-size: 0.75rem;
519
- padding: 0.25rem 0.75rem;
553
+ font-size: 0.7rem;
554
+ padding: 0.2rem 0.6rem;
520
555
  border-radius: 9999px;
521
556
  background-color: var(--cnfy-gray-100);
522
557
  color: var(--cnfy-gray-700);
558
+ border: 1px solid var(--cnfy-gray-200);
523
559
  }
524
560
 
525
561
  .cnfy-msg-actions {
@@ -957,6 +993,48 @@
957
993
  margin-bottom: 0.5rem;
958
994
  }
959
995
 
996
+ .cnfy-edit-input {
997
+ width: 100%;
998
+ padding: 0.5rem 0.75rem;
999
+ font-size: 0.875rem;
1000
+ border: 1px solid var(--cnfy-gray-300);
1001
+ border-radius: 0.375rem;
1002
+ outline: none;
1003
+ background: #fff;
1004
+ color: var(--cnfy-gray-900);
1005
+ box-sizing: border-box;
1006
+ }
1007
+
1008
+ .cnfy-edit-input:focus {
1009
+ border-color: var(--cnfy-primary, #6366f1);
1010
+ box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
1011
+ }
1012
+
1013
+ .cnfy-edit-input--mono {
1014
+ font-family: ui-monospace, monospace;
1015
+ font-size: 0.8125rem;
1016
+ color: var(--cnfy-gray-600);
1017
+ }
1018
+
1019
+ .cnfy-edit-textarea {
1020
+ width: 100%;
1021
+ padding: 0.5rem 0.75rem;
1022
+ font-size: 0.875rem;
1023
+ border: 1px solid var(--cnfy-gray-300);
1024
+ border-radius: 0.375rem;
1025
+ outline: none;
1026
+ background: #fff;
1027
+ color: var(--cnfy-gray-900);
1028
+ resize: vertical;
1029
+ box-sizing: border-box;
1030
+ line-height: 1.5;
1031
+ }
1032
+
1033
+ .cnfy-edit-textarea:focus {
1034
+ border-color: var(--cnfy-primary, #6366f1);
1035
+ box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
1036
+ }
1037
+
960
1038
  .cnfy-keyword-list {
961
1039
  display: flex;
962
1040
  flex-wrap: wrap;
@@ -1868,10 +1946,30 @@
1868
1946
  }
1869
1947
 
1870
1948
  .cnfy-block-h1{
1871
- font-size: 0.9rem;
1949
+ font-size: 1.5rem;
1872
1950
  }
1873
1951
 
1952
+
1874
1953
  .cnfy-block-h2{
1875
1954
  font-size: 1rem;
1876
1955
  }
1877
1956
 
1957
+ .cnfy-creating-indicator {
1958
+ display: flex;
1959
+ align-items: center;
1960
+ gap: 0.5rem;
1961
+ padding: 0.5rem 0;
1962
+ font-size: 0.85rem;
1963
+ color: var(--cnfy-gray-500);
1964
+ }
1965
+
1966
+ @keyframes cnfy-blink {
1967
+ 0%, 100% { opacity: 1; }
1968
+ 50% { opacity: 0; }
1969
+ }
1970
+
1971
+ .cnfy-cursor-blink {
1972
+ animation: cnfy-blink 1s step-end infinite;
1973
+ font-weight: bold;
1974
+ }
1975
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contenify/chatbot",
3
- "version": "2.0.0",
3
+ "version": "3.0.0",
4
4
  "description": "AI-powered news chatbot widget for content creation",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",