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

package/lib-commonjs/components/SendButton/useSendButtonStyles.styles.raw.js

@@ -0,0 +1,236 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    sendButtonClassNames: function() {
+        return sendButtonClassNames;
+    },
+    useSendButtonStyles_unstable: function() {
+        return useSendButtonStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const sendButtonClassNames = {
+    root: 'fai-SendButton',
+    sendIcon: 'fai-SendButton__sendIcon',
+    stopIcon: 'fai-SendButton__stopIcon',
+    stopBackground: 'fai-SendButton__stopBackground',
+    sendButtonMotion: 'fai-SendButton__sendButtonMotion',
+    stopButtonMotion: 'fai-SendButton__stopButtonMotion',
+    stopBackgroundMotion: 'fai-SendButton__stopBackgroundMotion'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'flex',
+        width: '32px',
+        minWidth: '32px',
+        height: '32px',
+        alignItems: 'center',
+        padding: '0'
+    },
+    baseIconButton: {
+        position: 'absolute',
+        alignItems: 'center',
+        display: 'inline-flex',
+        justifyContent: 'center',
+        fontSize: _tokens.tokens.fontSizeBase500,
+        height: '20px',
+        width: '20px'
+    },
+    disabled: {
+        color: _tokens.tokens.colorNeutralForegroundDisabled
+    },
+    iconFilled: {
+        color: _tokens.tokens.colorCompoundBrandBackground,
+        ':hover': {
+            color: _tokens.tokens.colorCompoundBrandBackgroundHover
+        }
+    },
+    stopBackground: {
+        position: 'absolute',
+        width: 'inherit',
+        height: 'inherit',
+        borderRadius: _tokens.tokens.borderRadiusCircular,
+        /** To-do: Change to backgroundColor: var(--Brand-Background-Tint-Rest, #EBEFFF);*/ backgroundColor: _tokens.tokens.colorBrandBackground2
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    baseIconButton: {
+        display: 'inline-flex',
+        justifyContent: 'center',
+        gridArea: 'button',
+        position: 'initial',
+        zIndex: 1,
+        color: _tokens.tokens.colorNeutralForegroundOnBrand,
+        '@media (forced-colors: active)': {
+            color: 'HighlightText'
+        }
+    },
+    dictationActive: {
+        color: _tokens.tokens.colorNeutralForeground2
+    },
+    sendIconFilled: {
+        color: _tokens.tokens.colorNeutralForegroundOnBrand
+    },
+    stopIconFilled: {
+        color: _tokens.tokens.colorBrandForeground2
+    },
+    stopBackground: {
+        gridArea: 'button',
+        height: '100%',
+        width: '100%',
+        borderRadius: _tokens.tokens.borderRadiusCircular,
+        backgroundColor: _tokens.tokens.colorBrandBackground
+    },
+    stopBackgroundSending: {
+        backgroundColor: _tokens.tokens.colorBrandBackground2
+    },
+    stopBackgroundDictationActive: {
+        backgroundColor: _tokens.tokens.colorTransparentBackground
+    },
+    disabled: {
+        color: _tokens.tokens.colorNeutralForegroundDisabled
+    },
+    stopBackgroundDisabled: {
+        backgroundColor: _tokens.tokens.colorNeutralBackgroundDisabled
+    }
+});
+const useRootNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'grid',
+        gridTemplateAreas: `"button"`,
+        gridTemplateRows: '1fr',
+        gridTemplateColumns: '1fr',
+        justifyItems: 'center',
+        alignItems: 'center',
+        padding: _tokens.tokens.spacingVerticalNone,
+        border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorTransparentStroke}`,
+        position: 'relative',
+        ...(0, _reactcomponents.createCustomFocusIndicatorStyle)({
+            outline: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorTransparentStroke} inset`,
+            boxShadow: `0 0 0 ${_tokens.tokens.strokeWidthThin} ${_tokens.tokens.colorStrokeFocus2}`
+        }),
+        '@media (forced-colors: active)': {
+            ..._reactcomponents.shorthands.borderColor('Highlight'),
+            [`& .${sendButtonClassNames.stopBackground}`]: {
+                backgroundColor: 'Highlight'
+            }
+        }
+    },
+    canvas: {
+        minWidth: '40px',
+        height: '40px'
+    },
+    sidecar: {
+        minWidth: '32px',
+        height: '32px'
+    },
+    notSending: {
+        ':hover': {
+            [`& .${sendButtonClassNames.stopBackground}`]: {
+                backgroundColor: _tokens.tokens.colorBrandBackgroundHover,
+                '@media (forced-colors: active)': {
+                    backgroundColor: 'HighlightText'
+                }
+            },
+            [`& .${sendButtonClassNames.sendIcon}, & .${sendButtonClassNames.stopIcon}`]: {
+                color: _tokens.tokens.colorNeutralForegroundOnBrand,
+                '@media (forced-colors: active)': {
+                    color: 'Highlight'
+                }
+            }
+        },
+        ':active': {
+            [`& .${sendButtonClassNames.stopBackground}`]: {
+                backgroundColor: _tokens.tokens.colorBrandBackgroundPressed
+            }
+        }
+    },
+    notSendingDictationActive: {
+        ':hover': {
+            [`& .${sendButtonClassNames.stopBackground}`]: {
+                backgroundColor: _tokens.tokens.colorSubtleBackgroundHover,
+                '@media (forced-colors: active)': {
+                    backgroundColor: 'HighlightText'
+                }
+            },
+            [`& .${sendButtonClassNames.sendIcon}`]: {
+                color: _tokens.tokens.colorNeutralForeground2Hover,
+                '@media (forced-colors: active)': {
+                    color: 'Highlight'
+                }
+            }
+        },
+        ':active': {
+            [`& .${sendButtonClassNames.stopBackground}`]: {
+                backgroundColor: _tokens.tokens.colorSubtleBackgroundPressed
+            },
+            [`& .${sendButtonClassNames.sendIcon}`]: {
+                color: _tokens.tokens.colorNeutralForeground2Pressed
+            }
+        }
+    },
+    sending: {
+        ':hover': {
+            [`& .${sendButtonClassNames.stopBackground}`]: {
+                backgroundColor: _tokens.tokens.colorBrandBackground2Hover,
+                '@media (forced-colors: active)': {
+                    backgroundColor: 'HighlightText'
+                }
+            },
+            [`& .${sendButtonClassNames.stopIcon}`]: {
+                color: _tokens.tokens.colorBrandForeground2Hover,
+                '@media (forced-colors: active)': {
+                    color: 'Highlight'
+                }
+            }
+        },
+        ':active': {
+            [`& .${sendButtonClassNames.stopBackground}`]: {
+                backgroundColor: _tokens.tokens.colorBrandBackground2Pressed
+            },
+            [`& .${sendButtonClassNames.stopIcon}`]: {
+                color: _tokens.tokens.colorBrandForeground2Pressed
+            }
+        }
+    }
+});
+const useSendButtonStyles_unstable = (state)=>{
+    'use no memo';
+    const { isDictationActive, isSendIconFilled, isSending, disabled, designVersion, mode } = state;
+    const styles = useStyles();
+    const nextStyles = useNextStyles();
+    const rootNextStyles = useRootNextStyles();
+    const sendIconFilledStyle = designVersion === 'next' ? nextStyles.sendIconFilled : styles.iconFilled;
+    const stopIconFilledStyle = designVersion === 'next' ? nextStyles.stopIconFilled : styles.iconFilled;
+    state.root.className = (0, _reactcomponents.mergeClasses)(sendButtonClassNames.root, designVersion === 'next' ? rootNextStyles.root : styles.root, isSendIconFilled && sendIconFilledStyle, (state.isButtonMotionRunning || isSending) && sendIconFilledStyle, designVersion === 'next' && rootNextStyles[mode], designVersion === 'next' && rootNextStyles.root, !disabled && designVersion === 'next' && !isSending && (isDictationActive ? rootNextStyles.notSendingDictationActive : rootNextStyles.notSending), !disabled && designVersion === 'next' && isSending && rootNextStyles.sending, disabled && styles.disabled, state.root.className);
+    if (state.sendIcon) {
+        state.sendIcon.className = (0, _reactcomponents.mergeClasses)(sendButtonClassNames.sendIcon, designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton, !disabled && designVersion === 'next' && !isSending && isDictationActive && nextStyles.dictationActive, disabled && designVersion === 'next' && nextStyles.disabled, state.sendIcon.className);
+    }
+    if (state.stopIcon) {
+        state.stopIcon.className = (0, _reactcomponents.mergeClasses)(sendButtonClassNames.stopIcon, designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton, stopIconFilledStyle, state.stopIcon.className);
+    }
+    if (state.stopBackground) {
+        state.stopBackground.className = (0, _reactcomponents.mergeClasses)(sendButtonClassNames.stopBackground, designVersion === 'next' ? nextStyles.stopBackground : styles.stopBackground, designVersion === 'next' && isSending && nextStyles.stopBackgroundSending, designVersion === 'next' && !isSending && isDictationActive && nextStyles.stopBackgroundDictationActive, designVersion === 'next' && disabled && nextStyles.stopBackgroundDisabled, state.stopBackground.className);
+    }
+    // Add style hooks from button
+    (0, _reactcomponents.useButtonStyles_unstable)({
+        ...state,
+        components: {
+            ...state.components,
+            icon: 'span'
+        },
+        iconOnly: false
+    });
+    return state;
+};

package/lib-commonjs/components/SendButton/useSendButtonStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSendButtonStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  mergeClasses,\n  useButtonStyles_unstable,\n  createCustomFocusIndicatorStyle,\n  shorthands,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\n\nimport type { SendButtonSlots, SendButtonState } from './SendButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const sendButtonClassNames: SlotClassNames<SendButtonSlots> = {\n  root: 'fai-SendButton',\n  sendIcon: 'fai-SendButton__sendIcon',\n  stopIcon: 'fai-SendButton__stopIcon',\n  stopBackground: 'fai-SendButton__stopBackground',\n  sendButtonMotion: 'fai-SendButton__sendButtonMotion',\n  stopButtonMotion: 'fai-SendButton__stopButtonMotion',\n  stopBackgroundMotion: 'fai-SendButton__stopBackgroundMotion',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    width: '32px',\n    minWidth: '32px',\n    height: '32px',\n    alignItems: 'center',\n    padding: '0',\n  },\n\n  baseIconButton: {\n    position: 'absolute',\n    alignItems: 'center',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    fontSize: tokens.fontSizeBase500, // 20px\n    height: '20px',\n    width: '20px',\n  },\n\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n\n  iconFilled: {\n    color: tokens.colorCompoundBrandBackground,\n    ':hover': {\n      color: tokens.colorCompoundBrandBackgroundHover,\n    },\n  },\n\n  stopBackground: {\n    position: 'absolute',\n    width: 'inherit',\n    height: 'inherit',\n    borderRadius: tokens.borderRadiusCircular,\n    /** To-do: Change to backgroundColor: var(--Brand-Background-Tint-Rest, #EBEFFF);*/\n    backgroundColor: tokens.colorBrandBackground2,\n  },\n});\n\nconst useNextStyles = makeStyles({\n  baseIconButton: {\n    display: 'inline-flex',\n    justifyContent: 'center',\n    gridArea: 'button',\n    position: 'initial',\n    zIndex: 1,\n    color: tokens.colorNeutralForegroundOnBrand,\n\n    '@media (forced-colors: active)': {\n      color: 'HighlightText',\n    },\n  },\n\n  dictationActive: {\n    color: tokens.colorNeutralForeground2,\n  },\n\n  sendIconFilled: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n\n  stopIconFilled: {\n    color: tokens.colorBrandForeground2,\n  },\n\n  stopBackground: {\n    gridArea: 'button',\n    height: '100%',\n    width: '100%',\n    borderRadius: tokens.borderRadiusCircular,\n    backgroundColor: tokens.colorBrandBackground,\n  },\n\n  stopBackgroundSending: {\n    backgroundColor: tokens.colorBrandBackground2,\n  },\n\n  stopBackgroundDictationActive: {\n    backgroundColor: tokens.colorTransparentBackground,\n  },\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  stopBackgroundDisabled: {\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n  },\n});\n\nconst useRootNextStyles = makeStyles({\n  root: {\n    display: 'grid',\n    gridTemplateAreas: `\"button\"`,\n    gridTemplateRows: '1fr',\n    gridTemplateColumns: '1fr',\n    justifyItems: 'center',\n    alignItems: 'center',\n    padding: tokens.spacingVerticalNone,\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    position: 'relative',\n    ...createCustomFocusIndicatorStyle({\n      outline: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke} inset`,\n      boxShadow: `0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2}`,\n    }),\n\n    '@media (forced-colors: active)': {\n      ...shorthands.borderColor('Highlight'),\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: 'Highlight',\n      },\n    },\n  },\n\n  canvas: {\n    minWidth: '40px',\n    height: '40px',\n  },\n\n  sidecar: {\n    minWidth: '32px',\n    height: '32px',\n  },\n\n  notSending: {\n    ':hover': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorBrandBackgroundHover,\n\n        '@media (forced-colors: active)': {\n          backgroundColor: 'HighlightText',\n        },\n      },\n\n      [`& .${sendButtonClassNames.sendIcon}, & .${sendButtonClassNames.stopIcon}`]: {\n        color: tokens.colorNeutralForegroundOnBrand,\n\n        '@media (forced-colors: active)': {\n          color: 'Highlight',\n        },\n      },\n    },\n    ':active': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorBrandBackgroundPressed,\n      },\n    },\n  },\n  notSendingDictationActive: {\n    ':hover': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorSubtleBackgroundHover,\n\n        '@media (forced-colors: active)': {\n          backgroundColor: 'HighlightText',\n        },\n      },\n\n      [`& .${sendButtonClassNames.sendIcon}`]: {\n        color: tokens.colorNeutralForeground2Hover,\n\n        '@media (forced-colors: active)': {\n          color: 'Highlight',\n        },\n      },\n    },\n    ':active': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorSubtleBackgroundPressed,\n      },\n      [`& .${sendButtonClassNames.sendIcon}`]: {\n        color: tokens.colorNeutralForeground2Pressed,\n      },\n    },\n  },\n\n  sending: {\n    ':hover': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorBrandBackground2Hover,\n\n        '@media (forced-colors: active)': {\n          backgroundColor: 'HighlightText',\n        },\n      },\n      [`& .${sendButtonClassNames.stopIcon}`]: {\n        color: tokens.colorBrandForeground2Hover,\n\n        '@media (forced-colors: active)': {\n          color: 'Highlight',\n        },\n      },\n    },\n    ':active': {\n      [`& .${sendButtonClassNames.stopBackground}`]: {\n        backgroundColor: tokens.colorBrandBackground2Pressed,\n      },\n      [`& .${sendButtonClassNames.stopIcon}`]: {\n        color: tokens.colorBrandForeground2Pressed,\n      },\n    },\n  },\n});\n\n/**\n * Apply styling to the SendButton slots based on the state\n */\nexport const useSendButtonStyles_unstable = (state: SendButtonState): SendButtonState => {\n  'use no memo';\n  const { isDictationActive, isSendIconFilled, isSending, disabled, designVersion, mode } = state;\n\n  const styles = useStyles();\n  const nextStyles = useNextStyles();\n  const rootNextStyles = useRootNextStyles();\n\n  const sendIconFilledStyle = designVersion === 'next' ? nextStyles.sendIconFilled : styles.iconFilled;\n  const stopIconFilledStyle = designVersion === 'next' ? nextStyles.stopIconFilled : styles.iconFilled;\n\n  state.root.className = mergeClasses(\n    sendButtonClassNames.root,\n    designVersion === 'next' ? rootNextStyles.root : styles.root,\n    isSendIconFilled && sendIconFilledStyle,\n    (state.isButtonMotionRunning || isSending) && sendIconFilledStyle,\n    designVersion === 'next' && rootNextStyles[mode],\n    designVersion === 'next' && rootNextStyles.root,\n    !disabled &&\n      designVersion === 'next' &&\n      !isSending &&\n      (isDictationActive ? rootNextStyles.notSendingDictationActive : rootNextStyles.notSending),\n    !disabled && designVersion === 'next' && isSending && rootNextStyles.sending,\n    disabled && styles.disabled,\n    state.root.className,\n  );\n\n  if (state.sendIcon) {\n    state.sendIcon.className = mergeClasses(\n      sendButtonClassNames.sendIcon,\n      designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton,\n      !disabled && designVersion === 'next' && !isSending && isDictationActive && nextStyles.dictationActive,\n      disabled && designVersion === 'next' && nextStyles.disabled,\n      state.sendIcon.className,\n    );\n  }\n\n  if (state.stopIcon) {\n    state.stopIcon.className = mergeClasses(\n      sendButtonClassNames.stopIcon,\n      designVersion === 'next' ? nextStyles.baseIconButton : styles.baseIconButton,\n      stopIconFilledStyle,\n      state.stopIcon.className,\n    );\n  }\n\n  if (state.stopBackground) {\n    state.stopBackground.className = mergeClasses(\n      sendButtonClassNames.stopBackground,\n      designVersion === 'next' ? nextStyles.stopBackground : styles.stopBackground,\n      designVersion === 'next' && isSending && nextStyles.stopBackgroundSending,\n      designVersion === 'next' && !isSending && isDictationActive && nextStyles.stopBackgroundDictationActive,\n      designVersion === 'next' && disabled && nextStyles.stopBackgroundDisabled,\n      state.stopBackground.className,\n    );\n  }\n\n  // Add style hooks from button\n  useButtonStyles_unstable({ ...state, components: { ...state.components, icon: 'span' }, iconOnly: false });\n\n  return state;\n};\n"],"names":["sendButtonClassNames","useSendButtonStyles_unstable","root","sendIcon","stopIcon","stopBackground","sendButtonMotion","stopButtonMotion","stopBackgroundMotion","useStyles","makeStyles","display","width","minWidth","height","alignItems","padding","baseIconButton","position","justifyContent","fontSize","tokens","fontSizeBase500","disabled","color","colorNeutralForegroundDisabled","iconFilled","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","borderRadius","borderRadiusCircular","backgroundColor","colorBrandBackground2","useNextStyles","gridArea","zIndex","colorNeutralForegroundOnBrand","dictationActive","colorNeutralForeground2","sendIconFilled","stopIconFilled","colorBrandForeground2","colorBrandBackground","stopBackgroundSending","stopBackgroundDictationActive","colorTransparentBackground","stopBackgroundDisabled","colorNeutralBackgroundDisabled","useRootNextStyles","gridTemplateAreas","gridTemplateRows","gridTemplateColumns","justifyItems","spacingVerticalNone","border","strokeWidthThin","colorTransparentStroke","createCustomFocusIndicatorStyle","outline","boxShadow","colorStrokeFocus2","shorthands","borderColor","canvas","sidecar","notSending","colorBrandBackgroundHover","colorBrandBackgroundPressed","notSendingDictationActive","colorSubtleBackgroundHover","colorNeutralForeground2Hover","colorSubtleBackgroundPressed","colorNeutralForeground2Pressed","sending","colorBrandBackground2Hover","colorBrandForeground2Hover","colorBrandBackground2Pressed","colorBrandForeground2Pressed","state","isDictationActive","isSendIconFilled","isSending","designVersion","mode","styles","nextStyles","rootNextStyles","sendIconFilledStyle","stopIconFilledStyle","className","mergeClasses","isButtonMotionRunning","useButtonStyles_unstable","components","icon","iconOnly"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/index.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _SendButton = require("./SendButton");
- //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-send-button",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Fluent AI control for the send button used in ChatInput and PromptInput.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,9 +12,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-provider": "^0.12.2",
-    "@fluentui-copilot/react-utilities": "^0.0.9",
-    "@fluentui-copilot/tokens": "^0.3.11",
+    "@fluentui-copilot/react-provider": "^0.12.4",
+    "@fluentui-copilot/react-utilities": "^0.0.10",
+    "@fluentui-copilot/tokens": "^0.3.13",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {