@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
package/dist/index.js
CHANGED
|
@@ -4685,18 +4685,24 @@ var widgetStyles = {
|
|
|
4685
4685
|
width: "56px",
|
|
4686
4686
|
height: "56px",
|
|
4687
4687
|
borderRadius: tokens.radius.full,
|
|
4688
|
-
background: `linear-gradient(135deg,
|
|
4688
|
+
background: `linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%)`,
|
|
4689
4689
|
border: "none",
|
|
4690
4690
|
cursor: "pointer",
|
|
4691
4691
|
display: "flex",
|
|
4692
4692
|
alignItems: "center",
|
|
4693
4693
|
justifyContent: "center",
|
|
4694
|
-
boxShadow: `0 4px
|
|
4694
|
+
boxShadow: `0 4px 12px rgba(0, 0, 0, 0.3)`,
|
|
4695
4695
|
transition: `all ${tokens.transitions.normal}`,
|
|
4696
4696
|
color: tokens.colors.textInverse
|
|
4697
4697
|
},
|
|
4698
|
+
launcherGlow: {
|
|
4699
|
+
boxShadow: `0 4px 20px rgba(76, 154, 255, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3)`
|
|
4700
|
+
},
|
|
4698
4701
|
launcherHover: {
|
|
4699
4702
|
transform: "scale(1.05)",
|
|
4703
|
+
boxShadow: `0 6px 16px rgba(0, 0, 0, 0.4)`
|
|
4704
|
+
},
|
|
4705
|
+
launcherGlowHover: {
|
|
4700
4706
|
boxShadow: `0 6px 24px rgba(76, 154, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4)`
|
|
4701
4707
|
},
|
|
4702
4708
|
// Badge
|
|
@@ -4826,6 +4832,7 @@ function HustleChatWidget({
|
|
|
4826
4832
|
zIndex = 9999,
|
|
4827
4833
|
showBadge = false,
|
|
4828
4834
|
badgeContent,
|
|
4835
|
+
showLauncherGlow = false,
|
|
4829
4836
|
launcherStyle,
|
|
4830
4837
|
panelStyle,
|
|
4831
4838
|
onOpen,
|
|
@@ -4991,7 +4998,9 @@ function HustleChatWidget({
|
|
|
4991
4998
|
onMouseLeave: () => setIsHovered(false),
|
|
4992
4999
|
style: {
|
|
4993
5000
|
...widgetStyles.launcher,
|
|
4994
|
-
...
|
|
5001
|
+
...showLauncherGlow ? widgetStyles.launcherGlow : {},
|
|
5002
|
+
...isHovered && !showLauncherGlow ? widgetStyles.launcherHover : {},
|
|
5003
|
+
...isHovered && showLauncherGlow ? widgetStyles.launcherGlowHover : {},
|
|
4995
5004
|
...positionStyles.launcher,
|
|
4996
5005
|
...launcherStyle,
|
|
4997
5006
|
...isOpen ? { opacity: 0, pointerEvents: "none" } : {}
|