hanc-webrtc-widgets 2.5.2 → 2.5.4
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/README.md
CHANGED
|
@@ -343,7 +343,7 @@ The essentials to get started:
|
|
|
343
343
|
| Attribute | Type | Default | Description |
|
|
344
344
|
|-----------|------|---------|-------------|
|
|
345
345
|
| `agent-id` **(required)** | string | - | Your Hanc AI agent ID |
|
|
346
|
-
| `theme` | string | `"default"` | Theme name: `"default"`, `"emerald"`, `"rose"`, `"amber"`, `"cyan"`, `"purple"`, `"blue"` |
|
|
346
|
+
| `theme` | string | `"default"` | Theme name: `"default"`, `"emerald"`, `"rose"`, `"amber"`, `"cyan"`, `"purple"`, `"blue"`, `"white"`, `"black"`, `"orange"` |
|
|
347
347
|
| `theme-mode` | string | `"auto"` | `"auto"` (system), `"dark"`, or `"light"` |
|
|
348
348
|
| `size` | number | `370` | Container size in pixels (responsive - scales down on smaller screens) |
|
|
349
349
|
| `container-padding` | number | `45` | Padding around orb (orb size = size - padding * 2) |
|
|
@@ -426,7 +426,7 @@ The essentials to get started:
|
|
|
426
426
|
|-----------|------|---------|-------------|
|
|
427
427
|
| `agent-id` **(required)** | string | - | Your Hanc AI agent ID |
|
|
428
428
|
| `position` | string | `"bottom-right"` | Corner position: `"bottom-right"`, `"bottom-left"`, `"top-right"`, `"top-left"` |
|
|
429
|
-
| `theme` | string | `"default"` | Theme name: `"default"`, `"emerald"`, `"rose"`, `"amber"`, `"cyan"`, `"purple"`, `"blue"` |
|
|
429
|
+
| `theme` | string | `"default"` | Theme name: `"default"`, `"emerald"`, `"rose"`, `"amber"`, `"cyan"`, `"purple"`, `"blue"`, `"white"`, `"black"`, `"orange"` |
|
|
430
430
|
| `theme-mode` | string | `"auto"` | `"auto"` (system), `"dark"`, or `"light"` |
|
|
431
431
|
| `size` | number | `120` | Widget size in pixels |
|
|
432
432
|
|
|
@@ -478,7 +478,7 @@ The essentials to get started:
|
|
|
478
478
|
| Attribute | Type | Default | Description |
|
|
479
479
|
|-----------|------|---------|-------------|
|
|
480
480
|
| `agent-id` **(required)** | string | - | Your Hanc AI agent ID |
|
|
481
|
-
| `theme` | string | `"default"` | Theme name: `"default"`, `"emerald"`, `"rose"`, `"amber"`, `"cyan"`, `"purple"`, `"blue"` |
|
|
481
|
+
| `theme` | string | `"default"` | Theme name: `"default"`, `"emerald"`, `"rose"`, `"amber"`, `"cyan"`, `"purple"`, `"blue"`, `"white"`, `"black"`, `"orange"` |
|
|
482
482
|
| `theme-mode` | string | `"auto"` | `"auto"` (system), `"dark"`, or `"light"` |
|
|
483
483
|
| `button-start-text` | string | `"Talk to AI Agent"` | Button text when idle |
|
|
484
484
|
| `orb-size` | number | `48` | Orb diameter in pixels |
|
|
@@ -529,7 +529,7 @@ The essentials to get started:
|
|
|
529
529
|
|-----------|------|---------|-------------|
|
|
530
530
|
| `agent-id` **(required)** | string | - | Your Hanc AI agent ID |
|
|
531
531
|
| `position` | string | `"bottom-right"` | Corner position: `"bottom-right"`, `"bottom-left"`, `"top-right"`, `"top-left"`, or `"static"` |
|
|
532
|
-
| `theme` | string | `"default"` | Theme name: `"default"`, `"emerald"`, `"rose"`, `"amber"`, `"cyan"`, `"purple"`, `"blue"` |
|
|
532
|
+
| `theme` | string | `"default"` | Theme name: `"default"`, `"emerald"`, `"rose"`, `"amber"`, `"cyan"`, `"purple"`, `"blue"`, `"white"`, `"black"`, `"orange"` |
|
|
533
533
|
| `theme-mode` | string | `"auto"` | `"auto"` (system), `"dark"`, or `"light"` |
|
|
534
534
|
| `button-start-text` | string | `"Talk to AI Agent"` | Button text when idle |
|
|
535
535
|
| `orb-size` | number | `48` | Orb diameter in pixels |
|
|
@@ -604,6 +604,9 @@ Optimized for dark backgrounds (default for floating/inline widgets):
|
|
|
604
604
|
- `cyan` - Cool cyan/turquoise
|
|
605
605
|
- `purple` - Deep purple/violet
|
|
606
606
|
- `blue` - Classic blue
|
|
607
|
+
- `white` - Silver/white tones
|
|
608
|
+
- `black` - Dark charcoal/graphite
|
|
609
|
+
- `orange` - Vivid orange
|
|
607
610
|
|
|
608
611
|
### Light Theme Presets
|
|
609
612
|
|
|
@@ -615,6 +618,9 @@ Optimized for light backgrounds (default for pill widget):
|
|
|
615
618
|
- `orange` - Warm orange
|
|
616
619
|
- `blue` - Vibrant blue
|
|
617
620
|
- `pink` - Hot pink
|
|
621
|
+
- `silver` - Soft gray/silver
|
|
622
|
+
- `charcoal` - Deep black/charcoal
|
|
623
|
+
- `deepOrange` - Rich deep orange
|
|
618
624
|
|
|
619
625
|
### Custom Colors
|
|
620
626
|
|
|
@@ -718,6 +724,9 @@ All themes include both dark and light variants that automatically switch based
|
|
|
718
724
|
- `cyan` - Cool cyan/turquoise shades
|
|
719
725
|
- `purple` - Deep purple/violet colors
|
|
720
726
|
- `blue` - Classic blue spectrum
|
|
727
|
+
- `white` - Silver/white (soft glow in dark, muted gray in light)
|
|
728
|
+
- `black` - Charcoal/graphite (subtle in dark, bold contrast in light)
|
|
729
|
+
- `orange` - Vivid orange (bright in dark, deep rich orange in light)
|
|
721
730
|
|
|
722
731
|
**Dark variants** are optimized for dark backgrounds with subtle glow.
|
|
723
732
|
**Light variants** are optimized for light backgrounds with stronger, more visible glow.
|