wakz-chat-widget 4.0.2 → 4.1.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.
Files changed (2) hide show
  1. package/index.js +13 -8
  2. package/package.json +2 -2
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * WAKZ Chat Widget v4.0.2
2
+ * WAKZ Chat Widget v4.1.0
3
3
  * ─────────────────────────────────────────────────────────────────
4
4
  * A production-grade, self-contained chat widget using Shadow DOM.
5
5
  * Liquid Glass design — pill header, floating input, dark user bubbles.
@@ -639,6 +639,7 @@
639
639
  ' overflow-y: auto;',
640
640
  ' overflow-x: hidden;',
641
641
  ' padding: 0;',
642
+ ' background: var(--wakz-chat-bg);',
642
643
  ' padding-top: 76px;',
643
644
  ' padding-bottom: 100px;',
644
645
  ' padding-right: 14px;',
@@ -674,8 +675,8 @@
674
675
  '.wakz-user-card {',
675
676
  ' max-width: 78%;',
676
677
  ' padding: 10px 14px 8px;',
677
- ' background: #111111;',
678
- ' color: #ffffff;',
678
+ ' background: var(--wakz-user-bubble);',
679
+ ' color: var(--wakz-user-text);',
679
680
  ' border-radius: 18px 18px 5px 18px;',
680
681
  ' box-shadow: 0 2px 10px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.03);',
681
682
  '}',
@@ -690,7 +691,8 @@
690
691
  '}',
691
692
  '.wakz-user-time {',
692
693
  ' font-size: 9.5px;',
693
- ' color: rgba(255,255,255,0.4);',
694
+ ' color: var(--wakz-user-text);',
695
+ ' opacity: 0.4;',
694
696
  ' display: block;',
695
697
  ' margin-top: 4px;',
696
698
  ' text-align: left;',
@@ -705,6 +707,9 @@
705
707
  ' flex-direction: column;',
706
708
  ' align-items: flex-end;',
707
709
  ' gap: 1px;',
710
+ ' padding: 6px 8px;',
711
+ ' border-radius: 16px;',
712
+ ' background: var(--wakz-bot-bubble);',
708
713
  '}',
709
714
  '.wakz-bot-label {',
710
715
  ' font-size: 10px;',
@@ -718,7 +723,7 @@
718
723
  ' font-size: 13.5px;',
719
724
  ' font-weight: 400;',
720
725
  ' line-height: 1.75;',
721
- ' color: #333333;',
726
+ ' color: var(--wakz-bot-text);',
722
727
  ' white-space: pre-wrap;',
723
728
  ' word-break: break-word;',
724
729
  ' text-align: right;',
@@ -983,8 +988,8 @@
983
988
  '}',
984
989
  /* ── Send Active State ── */
985
990
  '.wakz-send--active {',
986
- ' background: #111111;',
987
- ' border-color: #111111;',
991
+ ' background: var(--wakz-primary);',
992
+ ' border-color: var(--wakz-primary);',
988
993
  ' color: #ffffff;',
989
994
  ' filter: none;',
990
995
  ' backdrop-filter: none;',
@@ -992,7 +997,7 @@
992
997
  ' box-shadow: 0 4px 20px rgba(0,0,0,0.22), 0 1px 6px rgba(0,0,0,0.12);',
993
998
  '}',
994
999
  '.wakz-send--active:hover:not(:disabled) {',
995
- ' background: #222;',
1000
+ ' background: var(--wakz-user-bubble);',
996
1001
  ' transform: scale(1.08);',
997
1002
  ' box-shadow: 0 6px 24px rgba(0,0,0,0.28), 0 2px 8px rgba(0,0,0,0.14);',
998
1003
  '}',
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "wakz-chat-widget",
3
- "version": "4.0.2",
3
+ "version": "4.1.0",
4
4
  "description": "WAKZ Chat Widget — Liquid Glass design with Shadow DOM isolation, CSS Variables, Data-Driven customization, zero dependencies.",
5
5
  "main": "index.js",
6
6
  "scripts": {
7
- "prepublishOnly": "echo 'Ready to publish wakz-chat-widget v4.0.1'"
7
+ "prepublishOnly": "echo 'Ready to publish wakz-chat-widget v4.1.0'"
8
8
  },
9
9
  "keywords": [
10
10
  "chat",