botframework-webchat-fluent-theme 4.18.1-main.20250114.4df27b8 → 4.18.1-main.20250114.cf2b542

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "botframework-webchat-fluent-theme",
-  "version": "4.18.1-main.20250114.4df27b8",
+  "version": "4.18.1-main.20250114.cf2b542",
   "description": "Fluent theme for Bot Framework Web Chat",
   "main": "./dist/botframework-webchat-fluent-theme.js",
   "types": "./dist/botframework-webchat-fluent-theme.d.ts",
@@ -68,15 +68,15 @@
     "@types/math-random": "^1.0.2",
     "@types/node": "^20.12.11",
     "@types/react": "^16.14.60",
-    "botframework-webchat-base": "4.18.1-main.20250114.4df27b8",
-    "botframework-webchat-styles": "4.18.1-main.20250114.4df27b8",
+    "botframework-webchat-base": "4.18.1-main.20250114.cf2b542",
+    "botframework-webchat-styles": "4.18.1-main.20250114.cf2b542",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "botframework-webchat-api": "4.18.1-main.20250114.4df27b8",
-    "botframework-webchat-component": "4.18.1-main.20250114.4df27b8",
-    "botframework-webchat-core": "4.18.1-main.20250114.4df27b8",
+    "botframework-webchat-api": "4.18.1-main.20250114.cf2b542",
+    "botframework-webchat-component": "4.18.1-main.20250114.cf2b542",
+    "botframework-webchat-core": "4.18.1-main.20250114.cf2b542",
     "classnames": "2.5.1",
     "inject-meta-tag": "0.0.1",
     "math-random": "2.0.1",

package/src/components/theme/Theme.module.css

@@ -33,9 +33,6 @@
   --webchat-colorNeutralStencil1: var(--colorNeutralStencil1, #e6e6e6); /* #575757 for dark mode */
   --webchat-colorNeutralStencil2: var(--colorNeutralStencil2, #fafafa); /* #333333 for dark mode */
 
-  --webchat-colorNeutralShadowAmbient: var(--colorNeutralShadowAmbient, rgba(0, 0, 0, 0.12));
-  --webchat-colorNeutralShadowKey: var(--colorNeutralShadowKey, rgba(0, 0, 0, 0.14));
-
   --webchat-colorTransparentBackground: var(--colorTransparentBackground, rgba(0, 0, 0, 0.4));
 
   --webchat-colorNeutralStrokeDisabled: var(--colorNeutralStrokeDisabled, #e0e0e0);
@@ -593,31 +590,3 @@
 :global(.webchat-fluent).theme :global(.webchat__monochrome-image-masker) {
   background-color: var(--webchat-colorNeutralForeground4);
 }
-
-/* Feedback button */
-:global(.webchat-fluent).theme :global(.webchat__thumb-button) {
-  color: var(--webchat-colorNeutralForeground1);
-
-  &:focus-visible {
-    outline: var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);
-  }
-
-  &[aria-disabled='true'] {
-    color: var(--webchat-colorNeutralForegroundDisabled);
-  }
-}
-
-/* Tooltip */
-:global(.webchat-fluent).theme :global(.webchat__tooltip) {
-  --webchat__tooltip-background: var(--tooltip-background, var(--webchat-colorNeutralBackground1));
-
-  color: var(--webchat-colorNeutralForeground1);
-  filter: drop-shadow(0 0 2px var(--webchat-colorNeutralShadowAmbient))
-    drop-shadow(0 4px 8px var(--webchat-colorNeutralShadowKey));
-  font-family: var(--webchat-fontFamilyBase);
-  font-size: var(--webchat-fontSizeBase200);
-  font-weight: var(--webchat-fontWeightRegular);
-  line-height: var(--webchat-lineHeightBase200);
-  padding: var(--webchat-spacingVerticalSNudge) var(--webchat-spacingHorizontalM);
-  transition: opacity var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);
-}

package/src/private/FluentThemeProvider.tsx

@@ -1,4 +1,4 @@
-import { type ActivityMiddleware, type StyleOptions } from 'botframework-webchat-api';
+import type { ActivityMiddleware } from 'botframework-webchat-api';
 import { Components } from 'botframework-webchat-component';
 import { WebChatDecorator } from 'botframework-webchat-component/decorator';
 import React, { memo, type ReactNode } from 'react';
@@ -43,20 +43,11 @@ const sendBoxMiddleware = [() => () => () => PrimarySendBox];
 
 const styles = createStyles();
 
-const fluentStyleOptions: StyleOptions = Object.freeze({
-  feedbackActionsPlacement: 'activity-actions'
-});
-
 const FluentThemeProvider = ({ children, variant = 'fluent' }: Props) => (
   <VariantComposer variant={variant}>
     <WebChatTheme>
       <TelephoneKeypadProvider>
-        <ThemeProvider
-          activityMiddleware={activityMiddleware}
-          sendBoxMiddleware={sendBoxMiddleware}
-          styleOptions={fluentStyleOptions}
-          styles={styles}
-        >
+        <ThemeProvider activityMiddleware={activityMiddleware} sendBoxMiddleware={sendBoxMiddleware} styles={styles}>
           <WebChatDecorator>{children}</WebChatDecorator>
         </ThemeProvider>
       </TelephoneKeypadProvider>