CSS Modules: migrate bundle package (#5666)

* CSS Modules: migrate bundle package

* Fix build and sorting

* fix tsd

* fix fluent theme class overrides

* more fixes

* Fix passing style options

* fix actual exports

* snaps

* Changelog

* fix remaining

Author: OEvgeny

CHANGELOG.md

@@ -146,6 +146,7 @@ Breaking changes in this release:
 - New debug API, by [@compulim](https://github.com/compulim) in PR [#5663](https://github.com/microsoft/BotFramework-WebChat/pull/5663) and PR [#5664](https://github.com/microsoft/BotFramework-WebChat/pull/5664), see [`DEBUGGING.md`](docs/DEBUGGING.md) for more
    - Debug into element: open <kbd>F12</kbd>, select the subject in Element pane, type `$0.webChat.debugger`
    - Breakpoint: open <kbd>F12</kbd>, select the subject in Element pane, type `$0.webChat.breakpoint.incomingActivity`
+- The `botframework-webchat` package now uses CSS modules for styling purposes, in PR [#5666](https://github.com/microsoft/BotFramework-WebChat/pull/5666), by [@OEvgeny](https://github.com/OEvgeny)
 
 ### Changed
 

__tests__/html2/accessibility/adaptiveCard/withTapAction.html

@@ -30,7 +30,7 @@
         await host.sendShiftTab();
 
         const focusingOnRoot =
-          document.activeElement === document.querySelector('.webchat__adaptive-card-renderer').firstChild;
+          document.activeElement === document.querySelector('.adaptive-card-renderer').firstChild;
 
         expect(focusingOnRoot).toBe(true);
 

__tests__/html2/adaptiveCard/rerender.html

@@ -66,7 +66,7 @@
         ]
       });
 
-      const adaptiveCardEl = document.querySelector('.webchat__adaptive-card-renderer');
+      const adaptiveCardEl = document.querySelector('.adaptive-card-renderer');
       const [currentRenderedChild] = adaptiveCardEl.children;
 
       await new Promise(resolve => setTimeout(resolve, 200));

__tests__/html2/adaptiveCard/tapAction.html

@@ -51,7 +51,7 @@
         // When using runHookActivityMiddleware, an additional hidden activities will be rendered to run the hook function. Thus, minNumActivitiesShown must be +1.
         await pageConditions.numActivitiesShown(1);
 
-        const renderer = document.querySelector('.webchat__adaptive-card-renderer');
+        const renderer = document.querySelector('.adaptive-card-renderer');
         const card = renderer.querySelector('.ac-adaptiveCard[tabindex="0"]');
 
         expect(card).toBeTruthy();