@emblemvault/hustle-react 1.4.6 → 1.4.8
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 +52 -34
- package/dist/browser/hustle-react.js +12 -3
- package/dist/browser/hustle-react.js.map +1 -1
- package/dist/components/index.cjs +12 -3
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +5 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.js +12 -3
- package/dist/components/index.js.map +1 -1
- package/dist/index.cjs +12 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +12 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -103,6 +103,11 @@ interface HustleChatWidgetConfig {
|
|
|
103
103
|
* Badge content (number or string)
|
|
104
104
|
*/
|
|
105
105
|
badgeContent?: string | number;
|
|
106
|
+
/**
|
|
107
|
+
* Whether to show glow effect on launcher button
|
|
108
|
+
* @default false
|
|
109
|
+
*/
|
|
110
|
+
showLauncherGlow?: boolean;
|
|
106
111
|
/**
|
|
107
112
|
* Custom styles for the launcher button
|
|
108
113
|
*/
|
|
@@ -103,6 +103,11 @@ interface HustleChatWidgetConfig {
|
|
|
103
103
|
* Badge content (number or string)
|
|
104
104
|
*/
|
|
105
105
|
badgeContent?: string | number;
|
|
106
|
+
/**
|
|
107
|
+
* Whether to show glow effect on launcher button
|
|
108
|
+
* @default false
|
|
109
|
+
*/
|
|
110
|
+
showLauncherGlow?: boolean;
|
|
106
111
|
/**
|
|
107
112
|
* Custom styles for the launcher button
|
|
108
113
|
*/
|
package/dist/components/index.js
CHANGED
|
@@ -4235,18 +4235,24 @@ var widgetStyles = {
|
|
|
4235
4235
|
width: "56px",
|
|
4236
4236
|
height: "56px",
|
|
4237
4237
|
borderRadius: tokens.radius.full,
|
|
4238
|
-
background: `linear-gradient(135deg,
|
|
4238
|
+
background: `linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%)`,
|
|
4239
4239
|
border: "none",
|
|
4240
4240
|
cursor: "pointer",
|
|
4241
4241
|
display: "flex",
|
|
4242
4242
|
alignItems: "center",
|
|
4243
4243
|
justifyContent: "center",
|
|
4244
|
-
boxShadow: `0 4px
|
|
4244
|
+
boxShadow: `0 4px 12px rgba(0, 0, 0, 0.3)`,
|
|
4245
4245
|
transition: `all ${tokens.transitions.normal}`,
|
|
4246
4246
|
color: tokens.colors.textInverse
|
|
4247
4247
|
},
|
|
4248
|
+
launcherGlow: {
|
|
4249
|
+
boxShadow: `0 4px 20px rgba(76, 154, 255, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3)`
|
|
4250
|
+
},
|
|
4248
4251
|
launcherHover: {
|
|
4249
4252
|
transform: "scale(1.05)",
|
|
4253
|
+
boxShadow: `0 6px 16px rgba(0, 0, 0, 0.4)`
|
|
4254
|
+
},
|
|
4255
|
+
launcherGlowHover: {
|
|
4250
4256
|
boxShadow: `0 6px 24px rgba(76, 154, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4)`
|
|
4251
4257
|
},
|
|
4252
4258
|
// Badge
|
|
@@ -4376,6 +4382,7 @@ function HustleChatWidget({
|
|
|
4376
4382
|
zIndex = 9999,
|
|
4377
4383
|
showBadge = false,
|
|
4378
4384
|
badgeContent,
|
|
4385
|
+
showLauncherGlow = false,
|
|
4379
4386
|
launcherStyle,
|
|
4380
4387
|
panelStyle,
|
|
4381
4388
|
onOpen,
|
|
@@ -4541,7 +4548,9 @@ function HustleChatWidget({
|
|
|
4541
4548
|
onMouseLeave: () => setIsHovered(false),
|
|
4542
4549
|
style: {
|
|
4543
4550
|
...widgetStyles.launcher,
|
|
4544
|
-
...
|
|
4551
|
+
...showLauncherGlow ? widgetStyles.launcherGlow : {},
|
|
4552
|
+
...isHovered && !showLauncherGlow ? widgetStyles.launcherHover : {},
|
|
4553
|
+
...isHovered && showLauncherGlow ? widgetStyles.launcherGlowHover : {},
|
|
4545
4554
|
...positionStyles.launcher,
|
|
4546
4555
|
...launcherStyle,
|
|
4547
4556
|
...isOpen ? { opacity: 0, pointerEvents: "none" } : {}
|