@fluentui-copilot/react-send-button 0.0.0-nightly-20250708-1433-52f2b6b1.1 → 0.0.0-nightly-20250710-0405-e728c4d6.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-send-button",
   "entries": [
     {
-      "date": "Tue, 08 Jul 2025 14:40:39 GMT",
-      "tag": "@fluentui-copilot/react-send-button_v0.0.0-nightly-20250708-1433-52f2b6b1.1",
-      "version": "0.0.0-nightly-20250708-1433-52f2b6b1.1",
+      "date": "Thu, 10 Jul 2025 04:12:56 GMT",
+      "tag": "@fluentui-copilot/react-send-button_v0.0.0-nightly-20250710-0405-e728c4d6.1",
+      "version": "0.0.0-nightly-20250710-0405-e728c4d6.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-send-button
 
-This log was last generated on Tue, 08 Jul 2025 14:40:39 GMT and should not be manually modified.
+This log was last generated on Thu, 10 Jul 2025 04:12:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250708-1433-52f2b6b1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.0.0-nightly-20250708-1433-52f2b6b1.1)
+## [0.0.0-nightly-20250710-0405-e728c4d6.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.0.0-nightly-20250710-0405-e728c4d6.1)
 
-Tue, 08 Jul 2025 14:40:39 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.1.2..@fluentui-copilot/react-send-button_v0.0.0-nightly-20250708-1433-52f2b6b1.1)
+Thu, 10 Jul 2025 04:12:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.1.2..@fluentui-copilot/react-send-button_v0.0.0-nightly-20250710-0405-e728c4d6.1)
 
 ### Changes
 

package/lib/SendButton.js

@@ -1 +1,2 @@
 export { SendButton, renderSendButton_unstable, useSendButton_unstable, sendButtonClassNames, useSendButtonStyles_unstable } from './components/SendButton';
+//# sourceMappingURL=SendButton.js.map

package/lib/components/SendButton/SendButton.js

@@ -3,9 +3,10 @@ import { useSendButton_unstable } from './useSendButton';
 import { renderSendButton_unstable } from './renderSendButton';
 import { useSendButtonStyles_unstable } from './useSendButtonStyles.styles';
 // SendButton component - TODO: add more docs
-export const SendButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useSendButton_unstable(props, ref);
-    useSendButtonStyles_unstable(state);
-    return renderSendButton_unstable(state);
+export const SendButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useSendButton_unstable(props, ref);
+  useSendButtonStyles_unstable(state);
+  return renderSendButton_unstable(state);
 });
 SendButton.displayName = 'SendButton';
+//# sourceMappingURL=SendButton.js.map

package/lib/components/SendButton/SendButton.types.js

@@ -1,3 +1,4 @@
 /**
  * State used in rendering SendButton
- */ export { };
+ */export {};
+//# sourceMappingURL=SendButton.types.js.map

package/lib/components/SendButton/buttonMotion.js

@@ -5,208 +5,147 @@ const scaleStop = 1.2;
 const startScaleCircle = 0.1;
 const scaleCircle = 1.1;
 const motionSpeedMultiplier = 1;
-const sendMotion = ()=>{
-    const enterKeyframes = [
-        {
-            keyframes: [
-                {
-                    transform: `scale(0)`
-                }
-            ],
-            duration: 0
-        },
-        {
-            keyframes: [
-                {
-                    transform: `scale(0)`
-                },
-                {
-                    transform: `scale(${scaleSend})`
-                }
-            ],
-            duration: motionTokens.durationNormal * motionSpeedMultiplier,
-            easing: motionTokens.curveDecelerateMax,
-            delay: motionTokens.durationSlow * motionSpeedMultiplier
-        },
-        {
-            keyframes: [
-                {
-                    transform: `scale(${scaleSend})`
-                },
-                {
-                    transform: 'scale(1)'
-                }
-            ],
-            duration: motionTokens.durationSlow * motionSpeedMultiplier,
-            easing: motionTokens.curveDecelerateMid,
-            delay: (motionTokens.durationSlow + motionTokens.durationNormal) * motionSpeedMultiplier
-        }
-    ];
-    const exitKeyframes = [
-        {
-            keyframes: [
-                {
-                    transform: `scale(1)`
-                },
-                {
-                    transform: `scale(0)`
-                }
-            ],
-            duration: motionTokens.durationFast * motionSpeedMultiplier,
-            easing: motionTokens.curveDecelerateMid
-        }
-    ];
-    return {
-        enter: enterKeyframes,
-        exit: exitKeyframes
-    };
+const sendMotion = () => {
+  const enterKeyframes = [{
+    keyframes: [{
+      transform: `scale(0)`
+    }],
+    duration: 0
+  }, {
+    keyframes: [{
+      transform: `scale(0)`
+    }, {
+      transform: `scale(${scaleSend})`
+    }],
+    duration: motionTokens.durationNormal * motionSpeedMultiplier,
+    easing: motionTokens.curveDecelerateMax,
+    delay: motionTokens.durationSlow * motionSpeedMultiplier
+  }, {
+    keyframes: [{
+      transform: `scale(${scaleSend})`
+    }, {
+      transform: 'scale(1)'
+    }],
+    duration: motionTokens.durationSlow * motionSpeedMultiplier,
+    easing: motionTokens.curveDecelerateMid,
+    delay: (motionTokens.durationSlow + motionTokens.durationNormal) * motionSpeedMultiplier
+  }];
+  const exitKeyframes = [{
+    keyframes: [{
+      transform: `scale(1)`
+    }, {
+      transform: `scale(0)`
+    }],
+    duration: motionTokens.durationFast * motionSpeedMultiplier,
+    easing: motionTokens.curveDecelerateMid
+  }];
+  return {
+    enter: enterKeyframes,
+    exit: exitKeyframes
+  };
 };
-const stopMotion = ()=>{
-    const enterKeyframes = [
-        {
-            keyframes: [
-                {
-                    opacity: 0
-                }
-            ],
-            duration: 0
-        },
-        {
-            keyframes: [
-                {
-                    opacity: 1
-                }
-            ],
-            duration: 0,
-            delay: 30 * motionSpeedMultiplier
-        },
-        {
-            keyframes: [
-                {
-                    transform: `scale(${startScaleStop})`
-                },
-                {
-                    transform: `scale(1)`
-                }
-            ],
-            duration: motionTokens.durationSlower * motionSpeedMultiplier,
-            easing: motionTokens.curveDecelerateMid
-        }
-    ];
-    const exitKeyframes = [
-        {
-            keyframes: [
-                {
-                    transform: `scale(1)`
-                },
-                {
-                    transform: `scale(${scaleStop})`
-                }
-            ],
-            duration: motionTokens.durationFast * motionSpeedMultiplier,
-            easing: motionTokens.curveDecelerateMax,
-            delay: motionTokens.durationUltraFast * motionSpeedMultiplier
-        },
-        {
-            keyframes: [
-                {
-                    transform: `scale(${scaleStop})`
-                },
-                {
-                    transform: 'scale(0)'
-                }
-            ],
-            duration: motionTokens.durationFaster,
-            easing: motionTokens.curveDecelerateMin,
-            delay: (motionTokens.durationUltraFast + motionTokens.durationFast) * motionSpeedMultiplier
-        }
-    ];
-    return {
-        enter: enterKeyframes,
-        exit: exitKeyframes
-    };
+const stopMotion = () => {
+  const enterKeyframes = [{
+    keyframes: [{
+      opacity: 0
+    }],
+    duration: 0
+  }, {
+    keyframes: [{
+      opacity: 1
+    }],
+    duration: 0,
+    delay: 30 * motionSpeedMultiplier
+  }, {
+    keyframes: [{
+      transform: `scale(${startScaleStop})`
+    }, {
+      transform: `scale(1)`
+    }],
+    duration: motionTokens.durationSlower * motionSpeedMultiplier,
+    easing: motionTokens.curveDecelerateMid
+  }];
+  const exitKeyframes = [{
+    keyframes: [{
+      transform: `scale(1)`
+    }, {
+      transform: `scale(${scaleStop})`
+    }],
+    duration: motionTokens.durationFast * motionSpeedMultiplier,
+    easing: motionTokens.curveDecelerateMax,
+    delay: motionTokens.durationUltraFast * motionSpeedMultiplier
+  }, {
+    keyframes: [{
+      transform: `scale(${scaleStop})`
+    }, {
+      transform: 'scale(0)'
+    }],
+    duration: motionTokens.durationFaster,
+    easing: motionTokens.curveDecelerateMin,
+    delay: (motionTokens.durationUltraFast + motionTokens.durationFast) * motionSpeedMultiplier
+  }];
+  return {
+    enter: enterKeyframes,
+    exit: exitKeyframes
+  };
 };
-const circleMotion = ()=>{
-    const enterKeyframes = [
-        {
-            keyframes: [
-                {
-                    opacity: 0
-                }
-            ],
-            duration: 0
-        },
-        {
-            keyframes: [
-                {
-                    opacity: 0
-                },
-                {
-                    opacity: 1
-                }
-            ],
-            duration: 0,
-            delay: motionTokens.durationFaster * motionSpeedMultiplier
-        },
-        {
-            keyframes: [
-                {
-                    transform: `scale(${startScaleCircle})`
-                },
-                {
-                    transform: `scale(${scaleCircle})`
-                }
-            ],
-            duration: motionTokens.durationSlow * motionSpeedMultiplier,
-            easing: motionTokens.curveDecelerateMax,
-            delay: motionTokens.durationFaster * motionSpeedMultiplier
-        },
-        {
-            keyframes: [
-                {
-                    transform: `scale(${scaleCircle})`
-                },
-                {
-                    transform: `scale(1)`
-                }
-            ],
-            duration: motionTokens.durationNormal * motionSpeedMultiplier,
-            easing: motionTokens.curveDecelerateMin,
-            delay: (motionTokens.durationSlow + motionTokens.durationFaster) * motionSpeedMultiplier
-        }
-    ];
-    const exitKeyframes = [
-        {
-            keyframes: [
-                {
-                    transform: `scale(1)`
-                },
-                {
-                    transform: `scale(${scaleCircle})`
-                }
-            ],
-            duration: motionTokens.durationFast * motionSpeedMultiplier,
-            easing: motionTokens.curveDecelerateMax
-        },
-        {
-            keyframes: [
-                {
-                    transform: `scale(${scaleCircle})`
-                },
-                {
-                    transform: 'scale(0)'
-                }
-            ],
-            duration: motionTokens.durationFaster * motionSpeedMultiplier,
-            easing: motionTokens.curveDecelerateMin,
-            delay: motionTokens.durationFast * motionSpeedMultiplier
-        }
-    ];
-    return {
-        enter: enterKeyframes,
-        exit: exitKeyframes
-    };
+const circleMotion = () => {
+  const enterKeyframes = [{
+    keyframes: [{
+      opacity: 0
+    }],
+    duration: 0
+  }, {
+    keyframes: [{
+      opacity: 0
+    }, {
+      opacity: 1
+    }],
+    duration: 0,
+    delay: motionTokens.durationFaster * motionSpeedMultiplier
+  }, {
+    keyframes: [{
+      transform: `scale(${startScaleCircle})`
+    }, {
+      transform: `scale(${scaleCircle})`
+    }],
+    duration: motionTokens.durationSlow * motionSpeedMultiplier,
+    easing: motionTokens.curveDecelerateMax,
+    delay: motionTokens.durationFaster * motionSpeedMultiplier
+  }, {
+    keyframes: [{
+      transform: `scale(${scaleCircle})`
+    }, {
+      transform: `scale(1)`
+    }],
+    duration: motionTokens.durationNormal * motionSpeedMultiplier,
+    easing: motionTokens.curveDecelerateMin,
+    delay: (motionTokens.durationSlow + motionTokens.durationFaster) * motionSpeedMultiplier
+  }];
+  const exitKeyframes = [{
+    keyframes: [{
+      transform: `scale(1)`
+    }, {
+      transform: `scale(${scaleCircle})`
+    }],
+    duration: motionTokens.durationFast * motionSpeedMultiplier,
+    easing: motionTokens.curveDecelerateMax
+  }, {
+    keyframes: [{
+      transform: `scale(${scaleCircle})`
+    }, {
+      transform: 'scale(0)'
+    }],
+    duration: motionTokens.durationFaster * motionSpeedMultiplier,
+    easing: motionTokens.curveDecelerateMin,
+    delay: motionTokens.durationFast * motionSpeedMultiplier
+  }];
+  return {
+    enter: enterKeyframes,
+    exit: exitKeyframes
+  };
 };
 export const SendButtonMotion = createPresenceComponent(sendMotion);
 export const StopButtonMotion = createPresenceComponent(stopMotion);
 export const CircleButtonMotion = createPresenceComponent(circleMotion);
+//# sourceMappingURL=buttonMotion.js.map

package/lib/components/SendButton/index.js

@@ -2,3 +2,4 @@ export { SendButton } from './SendButton';
 export { renderSendButton_unstable } from './renderSendButton';
 export { useSendButton_unstable } from './useSendButton';
 export { sendButtonClassNames, useSendButtonStyles_unstable } from './useSendButtonStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/SendButton/renderSendButton.js

@@ -1,46 +1,38 @@
-  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of SendButton
- */ export const renderSendButton_unstable = (state)=>{
-    if (state.designVersion === 'next') {
-        return renderSendButtonNext(state);
-    }
-    return renderSendButtonCurrent(state);
+ */
+export const renderSendButton_unstable = state => {
+  if (state.designVersion === 'next') {
+    return renderSendButtonNext(state);
+  }
+  return renderSendButtonCurrent(state);
 };
 function renderSendButtonCurrent(state) {
-    assertSlots(state);
-    return /*#__PURE__*/ _jsxs(state.root, {
-        children: [
-            state.stopIcon && /*#__PURE__*/ _jsxs(_Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx(state.stopBackgroundMotion, {
-                        children: /*#__PURE__*/ _jsx(state.stopBackground, {})
-                    }),
-                    /*#__PURE__*/ _jsx(state.stopButtonMotion, {
-                        children: /*#__PURE__*/ _jsx(state.stopIcon, {})
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx(state.sendButtonMotion, {
-                children: /*#__PURE__*/ _jsx(state.sendIcon, {})
-            })
-        ]
-    });
+  assertSlots(state);
+  return /*#__PURE__*/_jsxs(state.root, {
+    children: [state.stopIcon && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(state.stopBackgroundMotion, {
+        children: /*#__PURE__*/_jsx(state.stopBackground, {})
+      }), /*#__PURE__*/_jsx(state.stopButtonMotion, {
+        children: /*#__PURE__*/_jsx(state.stopIcon, {})
+      })]
+    }), /*#__PURE__*/_jsx(state.sendButtonMotion, {
+      children: /*#__PURE__*/_jsx(state.sendIcon, {})
+    })]
+  });
 }
 function renderSendButtonNext(state) {
-    assertSlots(state);
-    return /*#__PURE__*/ _jsxs(state.root, {
-        children: [
-            /*#__PURE__*/ _jsx(state.stopBackgroundMotion, {
-                children: /*#__PURE__*/ _jsx(state.stopBackground, {})
-            }),
-            state.stopIcon && /*#__PURE__*/ _jsx(state.stopButtonMotion, {
-                children: /*#__PURE__*/ _jsx(state.stopIcon, {})
-            }),
-            /*#__PURE__*/ _jsx(state.sendButtonMotion, {
-                children: /*#__PURE__*/ _jsx(state.sendIcon, {})
-            })
-        ]
-    });
+  assertSlots(state);
+  return /*#__PURE__*/_jsxs(state.root, {
+    children: [/*#__PURE__*/_jsx(state.stopBackgroundMotion, {
+      children: /*#__PURE__*/_jsx(state.stopBackground, {})
+    }), state.stopIcon && /*#__PURE__*/_jsx(state.stopButtonMotion, {
+      children: /*#__PURE__*/_jsx(state.stopIcon, {})
+    }), /*#__PURE__*/_jsx(state.sendButtonMotion, {
+      children: /*#__PURE__*/_jsx(state.sendIcon, {})
+    })]
+  });
 }
+//# sourceMappingURL=renderSendButton.js.map