@fluentui-copilot/react-send-button 0.1.2 → 0.1.4

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@fluentui-copilot/react-send-button",
   "entries": [
     {
-      "date": "Tue, 01 Jul 2025 14:43:47 GMT",
+      "date": "Wed, 27 Aug 2025 23:19:12 GMT",
+      "tag": "@fluentui-copilot/react-send-button_v0.1.4",
+      "version": "0.1.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui-copilot/react-send-button",
+            "commit": "c199731a876599c38b001c9b9f18845d52885220",
+            "comment": "feat: Add WHCM styles"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 17 Jul 2025 17:49:25 GMT",
+      "tag": "@fluentui-copilot/react-send-button_v0.1.3",
+      "version": "0.1.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-send-button",
+            "commit": "fef5160c07333e8d9996952a305b34e357604919",
+            "comment": "feat: enable griffel raw styles"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 01 Jul 2025 14:45:29 GMT",
       "tag": "@fluentui-copilot/react-send-button_v0.1.2",
       "version": "0.1.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui-copilot/react-send-button
 
-This log was last generated on Tue, 01 Jul 2025 14:43:47 GMT and should not be manually modified.
+This log was last generated on Wed, 27 Aug 2025 23:19:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.4](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.1.4)
+
+Wed, 27 Aug 2025 23:19:12 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.1.3..@fluentui-copilot/react-send-button_v0.1.4)
+
+### Patches
+
+- feat: Add WHCM styles ([PR #3310](https://github.com/microsoft/fluentai/pull/3310) by jiangemma@microsoft.com)
+
+## [0.1.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.1.3)
+
+Thu, 17 Jul 2025 17:49:25 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.1.2..@fluentui-copilot/react-send-button_v0.1.3)
+
+### Patches
+
+- feat: enable griffel raw styles ([PR #3227](https://github.com/microsoft/fluentai/pull/3227) by hochelmartin@gmail.com)
+
 ## [0.1.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.1.2)
 
-Tue, 01 Jul 2025 14:43:47 GMT 
+Tue, 01 Jul 2025 14:45:29 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.0.4..@fluentui-copilot/react-send-button_v0.1.2)
 
 ### 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