@fluentui-copilot/react-send-button 0.0.1 → 0.0.3-hotfix.1

package/CHANGELOG.json

@@ -2,7 +2,60 @@
   "name": "@fluentui-copilot/react-send-button",
   "entries": [
     {
-      "date": "Sat, 19 Apr 2025 00:04:02 GMT",
+      "date": "Wed, 06 Aug 2025 16:01:29 GMT",
+      "tag": "@fluentui-copilot/react-send-button_v0.0.3-hotfix.1",
+      "version": "0.0.3-hotfix.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-send-button",
+            "commit": "cb43a5bd5258c678c965fddff7e7d5a95f9d0396",
+            "comment": "release: prepare hotfix 0.25.3-hotfix.1"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 30 Apr 2025 01:47:49 GMT",
+      "tag": "@fluentui-copilot/react-send-button_v0.0.3",
+      "version": "0.0.3",
+      "comments": {
+        "none": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-send-button",
+            "commit": "1391e0a7243d050db30fcc27547fd3e91df0162c",
+            "comment": "chore: update tsconfig to remove allowSyntheticDefaultImports to enforce named imports."
+          }
+        ],
+        "patch": [
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/react-send-button",
+            "commit": "5a9efb11481fbe2c9bd25c8825ec4a9b991050ab",
+            "comment": "chore: Bump @fluentui/react-components to 9.58.3."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 24 Apr 2025 00:19:01 GMT",
+      "tag": "@fluentui-copilot/react-send-button_v0.0.2",
+      "version": "0.0.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "estebanmu@microsoft.com",
+            "package": "@fluentui-copilot/react-send-button",
+            "commit": "19cf739deebae7d461f7cc303683f1895e6837a8",
+            "comment": "fix: Change arrow icon in next theme to be always filled and decrease stop icon to 20/16 from 24/20."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 19 Apr 2025 00:05:40 GMT",
       "tag": "@fluentui-copilot/react-send-button_v0.0.1",
       "version": "0.0.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,39 @@
 # Change Log - @fluentui-copilot/react-send-button
 
-This log was last generated on Sat, 19 Apr 2025 00:04:02 GMT and should not be manually modified.
+This log was last generated on Wed, 06 Aug 2025 16:01:29 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.0.3-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.0.3-hotfix.1)
+
+Wed, 06 Aug 2025 16:01:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.0.3..@fluentui-copilot/react-send-button_v0.0.3-hotfix.1)
+
+### Changes
+
+- release: prepare hotfix 0.25.3-hotfix.1 ([PR #3280](https://github.com/microsoft/fluentai/pull/3280) by hochelmartin@gmail.com)
+
+## [0.0.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.0.3)
+
+Wed, 30 Apr 2025 01:47:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.0.2..@fluentui-copilot/react-send-button_v0.0.3)
+
+### Patches
+
+- chore: Bump @fluentui/react-components to 9.58.3. ([PR #2963](https://github.com/microsoft/fluentai/pull/2963) by owcampbe@microsoft.com)
+
+## [0.0.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.0.2)
+
+Thu, 24 Apr 2025 00:19:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.0.1..@fluentui-copilot/react-send-button_v0.0.2)
+
+### Patches
+
+- fix: Change arrow icon in next theme to be always filled and decrease stop icon to 20/16 from 24/20. ([PR #2941](https://github.com/microsoft/fluentai/pull/2941) by estebanmu@microsoft.com)
+
 ## [0.0.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.0.1)
 
-Sat, 19 Apr 2025 00:04:02 GMT
+Sat, 19 Apr 2025 00:05:40 GMT
 
 ### Patches
 

package/lib/SendButton.js

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

package/lib/components/SendButton/SendButton.js

@@ -3,10 +3,9 @@ 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,4 +1,3 @@
 /**
  * State used in rendering SendButton
- */export {};
-//# sourceMappingURL=SendButton.types.js.map
+ */ export { };

package/lib/components/SendButton/buttonMotion.js

@@ -5,147 +5,208 @@ 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,4 +2,3 @@ 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,38 +1,46 @@
-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