Revert "feat: CB-3517 css-modules for styling components (#1732)" (#1766)

This reverts commit f294ca7767.

webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionIcon.tsx

@@ -8,20 +8,11 @@
 import { observer } from 'mobx-react-lite';
 import styled, { css, use } from 'reshadow';
 
-import {
-  ConnectionImageWithMask,
-  ConnectionImageWithMaskSvgStyles,
-  s,
-  SContext,
-  StyleRegistry,
-  useResource,
-  useStyles,
-} from '@cloudbeaver/core-blocks';
+import { ConnectionImageWithMask, useResource, useStyles } from '@cloudbeaver/core-blocks';
 import { ConnectionInfoResource, DBDriverResource } from '@cloudbeaver/core-connections';
 import { CachedMapAllKey } from '@cloudbeaver/core-sdk';
 import type { ComponentStyle } from '@cloudbeaver/core-theming';
 
-import { default as ConnectionImageWithMaskSvgBackgroundStyles } from './ConnectionImageWithMask.m.css';
 import type { IConnectionSelectorExtraProps } from './IConnectionSelectorExtraProps';
 
 const connectionIconStyle = css`
@@ -30,6 +21,8 @@ const connectionIconStyle = css`
     display: flex;
 
     & ConnectionImageWithMask {
+      background-color: #fff;
+      padding: 2px;
       border-radius: var(--theme-form-element-radius);
 
       &[|small] {
@@ -44,16 +37,6 @@ interface Props extends IConnectionSelectorExtraProps {
   className?: string;
 }
 
-const registry: StyleRegistry = [
-  [
-    ConnectionImageWithMaskSvgStyles,
-    {
-      mode: 'append',
-      styles: [ConnectionImageWithMaskSvgBackgroundStyles],
-    },
-  ],
-];
-
 export const ConnectionIcon: React.FC<Props> = observer(function ConnectionIcon({ connectionKey, small = true, style, className }) {
   const styles = useStyles(style, connectionIconStyle);
 
@@ -72,17 +55,15 @@ export const ConnectionIcon: React.FC<Props> = observer(function ConnectionIcon(
   }
 
   return styled(styles)(
-    <icon className={s(ConnectionImageWithMaskSvgBackgroundStyles, { connectionIcon: true }, className)}>
-      <SContext registry={registry}>
-        <ConnectionImageWithMask
-          icon={driver.icon}
-          connected={connection.data.connected}
-          maskId="connection-icon"
-          size={16}
-          paddingSize={0}
-          {...use({ small })}
-        />
-      </SContext>
+    <icon className={className}>
+      <ConnectionImageWithMask
+        icon={driver.icon}
+        connected={connection.data.connected}
+        maskId="connection-icon"
+        size={24}
+        paddingSize={4}
+        {...use({ small })}
+      />
     </icon>,
   );
 });

webapp/packages/plugin-datasource-context-switch/src/ConnectionSchemaManager/ConnectionSelector/ConnectionImageWithMask.m.css

@@ -1,3 +0,0 @@
-.connectionIcon .background {
-  fill: #fff;
-}