@fluentui-copilot/react-send-button 0.0.4-hotfix.1 → 0.0.4-hotfix.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.
Files changed (26) hide show
  1. package/CHANGELOG.json +4 -4
  2. package/CHANGELOG.md +5 -5
  3. package/lib/SendButton.js +1 -0
  4. package/lib/components/SendButton/SendButton.js +5 -4
  5. package/lib/components/SendButton/SendButton.types.js +2 -1
  6. package/lib/components/SendButton/buttonMotion.js +138 -199
  7. package/lib/components/SendButton/index.js +1 -0
  8. package/lib/components/SendButton/renderSendButton.js +30 -38
  9. package/lib/components/SendButton/useSendButton.js +97 -95
  10. package/lib/components/SendButton/useSendButtonStyles.styles.raw.js +187 -176
  11. package/lib/index.js +1 -0
  12. package/lib-commonjs/SendButton.js +1 -0
  13. package/lib-commonjs/components/SendButton/SendButton.js +1 -1
  14. package/lib-commonjs/components/SendButton/SendButton.js.map +1 -1
  15. package/lib-commonjs/components/SendButton/SendButton.types.js +1 -0
  16. package/lib-commonjs/components/SendButton/buttonMotion.js +1 -1
  17. package/lib-commonjs/components/SendButton/buttonMotion.js.map +1 -1
  18. package/lib-commonjs/components/SendButton/index.js +1 -0
  19. package/lib-commonjs/components/SendButton/renderSendButton.js +1 -1
  20. package/lib-commonjs/components/SendButton/renderSendButton.js.map +1 -1
  21. package/lib-commonjs/components/SendButton/useSendButton.js +1 -1
  22. package/lib-commonjs/components/SendButton/useSendButton.js.map +1 -1
  23. package/lib-commonjs/components/SendButton/useSendButtonStyles.styles.raw.js +1 -1
  24. package/lib-commonjs/components/SendButton/useSendButtonStyles.styles.raw.js.map +1 -1
  25. package/lib-commonjs/index.js +1 -0
  26. package/package.json +4 -4
package/CHANGELOG.json CHANGED
@@ -2,16 +2,16 @@
2
2
  "name": "@fluentui-copilot/react-send-button",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 12 Aug 2025 16:09:22 GMT",
6
- "tag": "@fluentui-copilot/react-send-button_v0.0.4-hotfix.1",
7
- "version": "0.0.4-hotfix.1",
5
+ "date": "Fri, 19 Sep 2025 15:10:20 GMT",
6
+ "tag": "@fluentui-copilot/react-send-button_v0.0.4-hotfix.2",
7
+ "version": "0.0.4-hotfix.2",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "hochelmartin@gmail.com",
12
12
  "package": "@fluentui-copilot/react-send-button",
13
13
  "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
14
- "comment": "release: prepare hotfix 0.26.2-hotfix.1"
14
+ "comment": "release: prepare hotfix 0.26.2-hotfix.2"
15
15
  }
16
16
  ]
17
17
  }
package/CHANGELOG.md CHANGED
@@ -1,17 +1,17 @@
1
1
  # Change Log - @fluentui-copilot/react-send-button
2
2
 
3
- This log was last generated on Tue, 12 Aug 2025 16:09:22 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 19 Sep 2025 15:10:20 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.4-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.0.4-hotfix.1)
7
+ ## [0.0.4-hotfix.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.0.4-hotfix.2)
8
8
 
9
- Tue, 12 Aug 2025 16:09:22 GMT
10
- [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.0.4..@fluentui-copilot/react-send-button_v0.0.4-hotfix.1)
9
+ Fri, 19 Sep 2025 15:10:20 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-send-button_v0.0.4..@fluentui-copilot/react-send-button_v0.0.4-hotfix.2)
11
11
 
12
12
  ### Changes
13
13
 
14
- - release: prepare hotfix 0.26.2-hotfix.1 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
14
+ - release: prepare hotfix 0.26.2-hotfix.2 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
15
15
 
16
16
  ## [0.0.4](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-send-button_v0.0.4)
17
17
 
package/lib/SendButton.js CHANGED
@@ -1 +1,2 @@
1
1
  export { SendButton, renderSendButton_unstable, useSendButton_unstable, sendButtonClassNames, useSendButtonStyles_unstable } from './components/SendButton';
2
+ //# sourceMappingURL=SendButton.js.map
package/lib/components/SendButton/SendButton.js CHANGED
@@ -3,9 +3,10 @@ import { useSendButton_unstable } from './useSendButton';
3
3
  import { renderSendButton_unstable } from './renderSendButton';
4
4
  import { useSendButtonStyles_unstable } from './useSendButtonStyles.styles';
5
5
  // SendButton component - TODO: add more docs
6
- export const SendButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
7
- const state = useSendButton_unstable(props, ref);
8
- useSendButtonStyles_unstable(state);
9
- return renderSendButton_unstable(state);
6
+ export const SendButton = /*#__PURE__*/React.forwardRef((props, ref) => {
7
+ const state = useSendButton_unstable(props, ref);
8
+ useSendButtonStyles_unstable(state);
9
+ return renderSendButton_unstable(state);
10
10
  });
11
11
  SendButton.displayName = 'SendButton';
12
+ //# sourceMappingURL=SendButton.js.map
package/lib/components/SendButton/SendButton.types.js CHANGED
@@ -1,3 +1,4 @@
1
1
  /**
2
2
  * State used in rendering SendButton
3
- */ export { };
3
+ */export {};
4
+ //# sourceMappingURL=SendButton.types.js.map
package/lib/components/SendButton/buttonMotion.js CHANGED
@@ -5,208 +5,147 @@ const scaleStop = 1.2;
5
5
  const startScaleCircle = 0.1;
6
6
  const scaleCircle = 1.1;
7
7
  const motionSpeedMultiplier = 1;
8
- const sendMotion = ()=>{
9
- const enterKeyframes = [
10
- {
11
- keyframes: [
12
- {
13
- transform: `scale(0)`
14
- }
15
- ],
16
- duration: 0
17
- },
18
- {
19
- keyframes: [
20
- {
21
- transform: `scale(0)`
22
- },
23
- {
24
- transform: `scale(${scaleSend})`
25
- }
26
- ],
27
- duration: motionTokens.durationNormal * motionSpeedMultiplier,
28
- easing: motionTokens.curveDecelerateMax,
29
- delay: motionTokens.durationSlow * motionSpeedMultiplier
30
- },
31
- {
32
- keyframes: [
33
- {
34
- transform: `scale(${scaleSend})`
35
- },
36
- {
37
- transform: 'scale(1)'
38
- }
39
- ],
40
- duration: motionTokens.durationSlow * motionSpeedMultiplier,
41
- easing: motionTokens.curveDecelerateMid,
42
- delay: (motionTokens.durationSlow + motionTokens.durationNormal) * motionSpeedMultiplier
43
- }
44
- ];
45
- const exitKeyframes = [
46
- {
47
- keyframes: [
48
- {
49
- transform: `scale(1)`
50
- },
51
- {
52
- transform: `scale(0)`
53
- }
54
- ],
55
- duration: motionTokens.durationFast * motionSpeedMultiplier,
56
- easing: motionTokens.curveDecelerateMid
57
- }
58
- ];
59
- return {
60
- enter: enterKeyframes,
61
- exit: exitKeyframes
62
- };
8
+ const sendMotion = () => {
9
+ const enterKeyframes = [{
10
+ keyframes: [{
11
+ transform: `scale(0)`
12
+ }],
13
+ duration: 0
14
+ }, {
15
+ keyframes: [{
16
+ transform: `scale(0)`
17
+ }, {
18
+ transform: `scale(${scaleSend})`
19
+ }],
20
+ duration: motionTokens.durationNormal * motionSpeedMultiplier,
21
+ easing: motionTokens.curveDecelerateMax,
22
+ delay: motionTokens.durationSlow * motionSpeedMultiplier
23
+ }, {
24
+ keyframes: [{
25
+ transform: `scale(${scaleSend})`
26
+ }, {
27
+ transform: 'scale(1)'
28
+ }],
29
+ duration: motionTokens.durationSlow * motionSpeedMultiplier,
30
+ easing: motionTokens.curveDecelerateMid,
31
+ delay: (motionTokens.durationSlow + motionTokens.durationNormal) * motionSpeedMultiplier
32
+ }];
33
+ const exitKeyframes = [{
34
+ keyframes: [{
35
+ transform: `scale(1)`
36
+ }, {
37
+ transform: `scale(0)`
38
+ }],
39
+ duration: motionTokens.durationFast * motionSpeedMultiplier,
40
+ easing: motionTokens.curveDecelerateMid
41
+ }];
42
+ return {
43
+ enter: enterKeyframes,
44
+ exit: exitKeyframes
45
+ };
63
46
  };
64
- const stopMotion = ()=>{
65
- const enterKeyframes = [
66
- {
67
- keyframes: [
68
- {
69
- opacity: 0
70
- }
71
- ],
72
- duration: 0
73
- },
74
- {
75
- keyframes: [
76
- {
77
- opacity: 1
78
- }
79
- ],
80
- duration: 0,
81
- delay: 30 * motionSpeedMultiplier
82
- },
83
- {
84
- keyframes: [
85
- {
86
- transform: `scale(${startScaleStop})`
87
- },
88
- {
89
- transform: `scale(1)`
90
- }
91
- ],
92
- duration: motionTokens.durationSlower * motionSpeedMultiplier,
93
- easing: motionTokens.curveDecelerateMid
94
- }
95
- ];
96
- const exitKeyframes = [
97
- {
98
- keyframes: [
99
- {
100
- transform: `scale(1)`
101
- },
102
- {
103
- transform: `scale(${scaleStop})`
104
- }
105
- ],
106
- duration: motionTokens.durationFast * motionSpeedMultiplier,
107
- easing: motionTokens.curveDecelerateMax,
108
- delay: motionTokens.durationUltraFast * motionSpeedMultiplier
109
- },
110
- {
111
- keyframes: [
112
- {
113
- transform: `scale(${scaleStop})`
114
- },
115
- {
116
- transform: 'scale(0)'
117
- }
118
- ],
119
- duration: motionTokens.durationFaster,
120
- easing: motionTokens.curveDecelerateMin,
121
- delay: (motionTokens.durationUltraFast + motionTokens.durationFast) * motionSpeedMultiplier
122
- }
123
- ];
124
- return {
125
- enter: enterKeyframes,
126
- exit: exitKeyframes
127
- };
47
+ const stopMotion = () => {
48
+ const enterKeyframes = [{
49
+ keyframes: [{
50
+ opacity: 0
51
+ }],
52
+ duration: 0
53
+ }, {
54
+ keyframes: [{
55
+ opacity: 1
56
+ }],
57
+ duration: 0,
58
+ delay: 30 * motionSpeedMultiplier
59
+ }, {
60
+ keyframes: [{
61
+ transform: `scale(${startScaleStop})`
62
+ }, {
63
+ transform: `scale(1)`
64
+ }],
65
+ duration: motionTokens.durationSlower * motionSpeedMultiplier,
66
+ easing: motionTokens.curveDecelerateMid
67
+ }];
68
+ const exitKeyframes = [{
69
+ keyframes: [{
70
+ transform: `scale(1)`
71
+ }, {
72
+ transform: `scale(${scaleStop})`
73
+ }],
74
+ duration: motionTokens.durationFast * motionSpeedMultiplier,
75
+ easing: motionTokens.curveDecelerateMax,
76
+ delay: motionTokens.durationUltraFast * motionSpeedMultiplier
77
+ }, {
78
+ keyframes: [{
79
+ transform: `scale(${scaleStop})`
80
+ }, {
81
+ transform: 'scale(0)'
82
+ }],
83
+ duration: motionTokens.durationFaster,
84
+ easing: motionTokens.curveDecelerateMin,
85
+ delay: (motionTokens.durationUltraFast + motionTokens.durationFast) * motionSpeedMultiplier
86
+ }];
87
+ return {
88
+ enter: enterKeyframes,
89
+ exit: exitKeyframes
90
+ };
128
91
  };
129
- const circleMotion = ()=>{
130
- const enterKeyframes = [
131
- {
132
- keyframes: [
133
- {
134
- opacity: 0
135
- }
136
- ],
137
- duration: 0
138
- },
139
- {
140
- keyframes: [
141
- {
142
- opacity: 0
143
- },
144
- {
145
- opacity: 1
146
- }
147
- ],
148
- duration: 0,
149
- delay: motionTokens.durationFaster * motionSpeedMultiplier
150
- },
151
- {
152
- keyframes: [
153
- {
154
- transform: `scale(${startScaleCircle})`
155
- },
156
- {
157
- transform: `scale(${scaleCircle})`
158
- }
159
- ],
160
- duration: motionTokens.durationSlow * motionSpeedMultiplier,
161
- easing: motionTokens.curveDecelerateMax,
162
- delay: motionTokens.durationFaster * motionSpeedMultiplier
163
- },
164
- {
165
- keyframes: [
166
- {
167
- transform: `scale(${scaleCircle})`
168
- },
169
- {
170
- transform: `scale(1)`
171
- }
172
- ],
173
- duration: motionTokens.durationNormal * motionSpeedMultiplier,
174
- easing: motionTokens.curveDecelerateMin,
175
- delay: (motionTokens.durationSlow + motionTokens.durationFaster) * motionSpeedMultiplier
176
- }
177
- ];
178
- const exitKeyframes = [
179
- {
180
- keyframes: [
181
- {
182
- transform: `scale(1)`
183
- },
184
- {
185
- transform: `scale(${scaleCircle})`
186
- }
187
- ],
188
- duration: motionTokens.durationFast * motionSpeedMultiplier,
189
- easing: motionTokens.curveDecelerateMax
190
- },
191
- {
192
- keyframes: [
193
- {
194
- transform: `scale(${scaleCircle})`
195
- },
196
- {
197
- transform: 'scale(0)'
198
- }
199
- ],
200
- duration: motionTokens.durationFaster * motionSpeedMultiplier,
201
- easing: motionTokens.curveDecelerateMin,
202
- delay: motionTokens.durationFast * motionSpeedMultiplier
203
- }
204
- ];
205
- return {
206
- enter: enterKeyframes,
207
- exit: exitKeyframes
208
- };
92
+ const circleMotion = () => {
93
+ const enterKeyframes = [{
94
+ keyframes: [{
95
+ opacity: 0
96
+ }],
97
+ duration: 0
98
+ }, {
99
+ keyframes: [{
100
+ opacity: 0
101
+ }, {
102
+ opacity: 1
103
+ }],
104
+ duration: 0,
105
+ delay: motionTokens.durationFaster * motionSpeedMultiplier
106
+ }, {
107
+ keyframes: [{
108
+ transform: `scale(${startScaleCircle})`
109
+ }, {
110
+ transform: `scale(${scaleCircle})`
111
+ }],
112
+ duration: motionTokens.durationSlow * motionSpeedMultiplier,
113
+ easing: motionTokens.curveDecelerateMax,
114
+ delay: motionTokens.durationFaster * motionSpeedMultiplier
115
+ }, {
116
+ keyframes: [{
117
+ transform: `scale(${scaleCircle})`
118
+ }, {
119
+ transform: `scale(1)`
120
+ }],
121
+ duration: motionTokens.durationNormal * motionSpeedMultiplier,
122
+ easing: motionTokens.curveDecelerateMin,
123
+ delay: (motionTokens.durationSlow + motionTokens.durationFaster) * motionSpeedMultiplier
124
+ }];
125
+ const exitKeyframes = [{
126
+ keyframes: [{
127
+ transform: `scale(1)`
128
+ }, {
129
+ transform: `scale(${scaleCircle})`
130
+ }],
131
+ duration: motionTokens.durationFast * motionSpeedMultiplier,
132
+ easing: motionTokens.curveDecelerateMax
133
+ }, {
134
+ keyframes: [{
135
+ transform: `scale(${scaleCircle})`
136
+ }, {
137
+ transform: 'scale(0)'
138
+ }],
139
+ duration: motionTokens.durationFaster * motionSpeedMultiplier,
140
+ easing: motionTokens.curveDecelerateMin,
141
+ delay: motionTokens.durationFast * motionSpeedMultiplier
142
+ }];
143
+ return {
144
+ enter: enterKeyframes,
145
+ exit: exitKeyframes
146
+ };
209
147
  };
210
148
  export const SendButtonMotion = createPresenceComponent(sendMotion);
211
149
  export const StopButtonMotion = createPresenceComponent(stopMotion);
212
150
  export const CircleButtonMotion = createPresenceComponent(circleMotion);
151
+ //# sourceMappingURL=buttonMotion.js.map
package/lib/components/SendButton/index.js CHANGED
@@ -2,3 +2,4 @@ export { SendButton } from './SendButton';
2
2
  export { renderSendButton_unstable } from './renderSendButton';
3
3
  export { useSendButton_unstable } from './useSendButton';
4
4
  export { sendButtonClassNames, useSendButtonStyles_unstable } from './useSendButtonStyles.styles';
5
+ //# sourceMappingURL=index.js.map
package/lib/components/SendButton/renderSendButton.js CHANGED
@@ -1,46 +1,38 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
2
2
  import { assertSlots } from '@fluentui/react-components';
3
3
  /**
4
4
  * Render the final JSX of SendButton
5
- */ export const renderSendButton_unstable = (state)=>{
6
- if (state.designVersion === 'next') {
7
- return renderSendButtonNext(state);
8
- }
9
- return renderSendButtonCurrent(state);
5
+ */
6
+ export const renderSendButton_unstable = state => {
7
+ if (state.designVersion === 'next') {
8
+ return renderSendButtonNext(state);
9
+ }
10
+ return renderSendButtonCurrent(state);
10
11
  };
11
12
  function renderSendButtonCurrent(state) {
12
- assertSlots(state);
13
- return /*#__PURE__*/ _jsxs(state.root, {
14
- children: [
15
- state.stopIcon && /*#__PURE__*/ _jsxs(_Fragment, {
16
- children: [
17
- /*#__PURE__*/ _jsx(state.stopBackgroundMotion, {
18
- children: /*#__PURE__*/ _jsx(state.stopBackground, {})
19
- }),
20
- /*#__PURE__*/ _jsx(state.stopButtonMotion, {
21
- children: /*#__PURE__*/ _jsx(state.stopIcon, {})
22
- })
23
- ]
24
- }),
25
- /*#__PURE__*/ _jsx(state.sendButtonMotion, {
26
- children: /*#__PURE__*/ _jsx(state.sendIcon, {})
27
- })
28
- ]
29
- });
13
+ assertSlots(state);
14
+ return /*#__PURE__*/_jsxs(state.root, {
15
+ children: [state.stopIcon && /*#__PURE__*/_jsxs(_Fragment, {
16
+ children: [/*#__PURE__*/_jsx(state.stopBackgroundMotion, {
17
+ children: /*#__PURE__*/_jsx(state.stopBackground, {})
18
+ }), /*#__PURE__*/_jsx(state.stopButtonMotion, {
19
+ children: /*#__PURE__*/_jsx(state.stopIcon, {})
20
+ })]
21
+ }), /*#__PURE__*/_jsx(state.sendButtonMotion, {
22
+ children: /*#__PURE__*/_jsx(state.sendIcon, {})
23
+ })]
24
+ });
30
25
  }
31
26
  function renderSendButtonNext(state) {
32
- assertSlots(state);
33
- return /*#__PURE__*/ _jsxs(state.root, {
34
- children: [
35
- /*#__PURE__*/ _jsx(state.stopBackgroundMotion, {
36
- children: /*#__PURE__*/ _jsx(state.stopBackground, {})
37
- }),
38
- state.stopIcon && /*#__PURE__*/ _jsx(state.stopButtonMotion, {
39
- children: /*#__PURE__*/ _jsx(state.stopIcon, {})
40
- }),
41
- /*#__PURE__*/ _jsx(state.sendButtonMotion, {
42
- children: /*#__PURE__*/ _jsx(state.sendIcon, {})
43
- })
44
- ]
45
- });
27
+ assertSlots(state);
28
+ return /*#__PURE__*/_jsxs(state.root, {
29
+ children: [/*#__PURE__*/_jsx(state.stopBackgroundMotion, {
30
+ children: /*#__PURE__*/_jsx(state.stopBackground, {})
31
+ }), state.stopIcon && /*#__PURE__*/_jsx(state.stopButtonMotion, {
32
+ children: /*#__PURE__*/_jsx(state.stopIcon, {})
33
+ }), /*#__PURE__*/_jsx(state.sendButtonMotion, {
34
+ children: /*#__PURE__*/_jsx(state.sendIcon, {})
35
+ })]
36
+ });
46
37
  }
38
+ //# sourceMappingURL=renderSendButton.js.map