@neoptocom/neopto-ui 1.4.1 → 1.4.2
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/index.cjs +3 -3
- package/dist/index.js +3 -3
- package/package.json +1 -1
- package/src/components/Chat/AgentButton.tsx +3 -3
package/dist/index.cjs
CHANGED
|
@@ -1301,13 +1301,13 @@ var AgentButton = ({
|
|
|
1301
1301
|
style: {
|
|
1302
1302
|
filter: disabled ? "grayscale(100%)" : "grayscale(0%)",
|
|
1303
1303
|
opacity: disabled ? 0.3 : 1,
|
|
1304
|
-
transition: "filter
|
|
1304
|
+
transition: "filter 0.5s ease-in-out, opacity 0.5s ease-in-out"
|
|
1305
1305
|
},
|
|
1306
1306
|
children: [
|
|
1307
1307
|
circleAnimations.map((circle, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1308
1308
|
"div",
|
|
1309
1309
|
{
|
|
1310
|
-
className: `absolute ${circle.style} h-20 min-w-20 w-20 overflow-visible flex justify-between transition-opacity duration-
|
|
1310
|
+
className: `absolute ${circle.style} h-20 min-w-20 w-20 overflow-visible flex justify-between transition-opacity duration-500 ease-in-out`,
|
|
1311
1311
|
style: { opacity: disabled ? 0 : 1 },
|
|
1312
1312
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1313
1313
|
AnimatedBgCircle_default,
|
|
@@ -1326,7 +1326,7 @@ var AgentButton = ({
|
|
|
1326
1326
|
className: `absolute ${rect.style} h-20 transition-all ease-in-out ${delayedHasNotification ? "w-[324px] px-0" : "w-20 px-10"} overflow-visible flex justify-between`,
|
|
1327
1327
|
style: {
|
|
1328
1328
|
opacity: disabled ? 0 : delayedHasNotification ? 1 : 0,
|
|
1329
|
-
transitionDuration: "
|
|
1329
|
+
transitionDuration: "0.5s"
|
|
1330
1330
|
},
|
|
1331
1331
|
children: /* @__PURE__ */ jsxRuntime.jsx(AnimatedBgRectangle_default, { colors: animationColors, delay: rect.delay })
|
|
1332
1332
|
},
|
package/dist/index.js
CHANGED
|
@@ -1280,13 +1280,13 @@ var AgentButton = ({
|
|
|
1280
1280
|
style: {
|
|
1281
1281
|
filter: disabled ? "grayscale(100%)" : "grayscale(0%)",
|
|
1282
1282
|
opacity: disabled ? 0.3 : 1,
|
|
1283
|
-
transition: "filter
|
|
1283
|
+
transition: "filter 0.5s ease-in-out, opacity 0.5s ease-in-out"
|
|
1284
1284
|
},
|
|
1285
1285
|
children: [
|
|
1286
1286
|
circleAnimations.map((circle, index) => /* @__PURE__ */ jsx(
|
|
1287
1287
|
"div",
|
|
1288
1288
|
{
|
|
1289
|
-
className: `absolute ${circle.style} h-20 min-w-20 w-20 overflow-visible flex justify-between transition-opacity duration-
|
|
1289
|
+
className: `absolute ${circle.style} h-20 min-w-20 w-20 overflow-visible flex justify-between transition-opacity duration-500 ease-in-out`,
|
|
1290
1290
|
style: { opacity: disabled ? 0 : 1 },
|
|
1291
1291
|
children: /* @__PURE__ */ jsx(
|
|
1292
1292
|
AnimatedBgCircle_default,
|
|
@@ -1305,7 +1305,7 @@ var AgentButton = ({
|
|
|
1305
1305
|
className: `absolute ${rect.style} h-20 transition-all ease-in-out ${delayedHasNotification ? "w-[324px] px-0" : "w-20 px-10"} overflow-visible flex justify-between`,
|
|
1306
1306
|
style: {
|
|
1307
1307
|
opacity: disabled ? 0 : delayedHasNotification ? 1 : 0,
|
|
1308
|
-
transitionDuration: "
|
|
1308
|
+
transitionDuration: "0.5s"
|
|
1309
1309
|
},
|
|
1310
1310
|
children: /* @__PURE__ */ jsx(AnimatedBgRectangle_default, { colors: animationColors, delay: rect.delay })
|
|
1311
1311
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neoptocom/neopto-ui",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A modern React component library built with Tailwind CSS v4 and TypeScript. Features dark mode, design tokens, and comprehensive Storybook documentation. Requires Tailwind v4+.",
|
|
6
6
|
"keywords": [
|
|
@@ -77,13 +77,13 @@ const AgentButton = ({
|
|
|
77
77
|
style={{
|
|
78
78
|
filter: disabled ? "grayscale(100%)" : "grayscale(0%)",
|
|
79
79
|
opacity: disabled ? 0.3 : 1,
|
|
80
|
-
transition: "filter
|
|
80
|
+
transition: "filter 0.5s ease-in-out, opacity 0.5s ease-in-out",
|
|
81
81
|
}}
|
|
82
82
|
>
|
|
83
83
|
{circleAnimations.map((circle, index) => (
|
|
84
84
|
<div
|
|
85
85
|
key={`circle-${index}`}
|
|
86
|
-
className={`absolute ${circle.style} h-20 min-w-20 w-20 overflow-visible flex justify-between transition-opacity duration-
|
|
86
|
+
className={`absolute ${circle.style} h-20 min-w-20 w-20 overflow-visible flex justify-between transition-opacity duration-500 ease-in-out`}
|
|
87
87
|
style={{ opacity: disabled ? 0 : 1 }}
|
|
88
88
|
>
|
|
89
89
|
<AnimatedBgCircle
|
|
@@ -103,7 +103,7 @@ const AgentButton = ({
|
|
|
103
103
|
} overflow-visible flex justify-between`}
|
|
104
104
|
style={{
|
|
105
105
|
opacity: disabled ? 0 : delayedHasNotification ? 1 : 0,
|
|
106
|
-
transitionDuration: "
|
|
106
|
+
transitionDuration: "0.5s",
|
|
107
107
|
}}
|
|
108
108
|
>
|
|
109
109
|
<AnimatedBgRectangle colors={animationColors} delay={rect.delay} />
|