CB-5180 rename .m -> .module

webapp/packages/core-app/src/AppScreen/Main.m.css → webapp/packages/core-app/src/AppScreen/Main.module.css

@@ -1,3 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
 .space {
   composes: theme-typography--body2 theme-background-surface theme-text-on-surface from global;
   display: flex;

webapp/packages/core-app/src/AppScreen/Main.tsx

@@ -11,7 +11,7 @@ import { getComputed, Loader, Pane, ResizerControls, s, Split, useS, useSplitUse
 import { useService } from '@cloudbeaver/core-di';
 import { LeftBarPanelService, SideBarPanel, SideBarPanelService } from '@cloudbeaver/core-ui';
 
-import style from './Main.m.css';
+import style from './Main.module.css';
 import { RightArea } from './RightArea';
 
 export const Main = observer(function Main() {

webapp/packages/core-app/src/AppScreen/RightArea.module.css

@@ -0,0 +1,17 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+.loader {
+  height: 100%;
+}
+.slideBox {
+  flex: 1;
+}
+.pane {
+  display: flex;
+  composes: theme-background-surface theme-text-on-surface from global;
+}

webapp/packages/core-app/src/AppScreen/RightArea.tsx

@@ -24,7 +24,7 @@ import { useService } from '@cloudbeaver/core-di';
 import { OptionsPanelService } from '@cloudbeaver/core-ui';
 
 import { AppScreenService } from './AppScreenService';
-import style from './RightArea.m.css';
+import style from './RightArea.module.css';
 
 interface Props {
   className?: string;

webapp/packages/core-app/src/Body.tsx

@@ -19,7 +19,7 @@ import { ThemeService } from '@cloudbeaver/core-theming';
 import { DNDProvider } from '@cloudbeaver/core-ui';
 import { useAppVersion } from '@cloudbeaver/core-version';
 
-import style from './Body.m.css';
+import style from './Body.module.css';
 import { useAppHeight } from './useAppHeight';
 import { useClientActivity } from './useClientActivity';
 

webapp/packages/core-blocks/src/ActionIconButton.tsx

@@ -7,7 +7,7 @@
  */
 import { observer } from 'mobx-react-lite';
 
-import style from './ActionIconButton.m.css';
+import style from './ActionIconButton.module.css';
 import { IconButton, type IconButtonProps } from './IconButton';
 import { s } from './s';
 import { useS } from './useS';

webapp/packages/core-blocks/src/AppRefreshButton.m.css → webapp/packages/core-blocks/src/AppRefreshButton.module.css

@@ -1,3 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
 .button {
   color: white;
   font-weight: 500;

webapp/packages/core-blocks/src/AppRefreshButton.tsx

@@ -10,7 +10,7 @@ import type React from 'react';
 import { App, useService } from '@cloudbeaver/core-di';
 import { clsx } from '@cloudbeaver/core-utils';
 
-import style from './AppRefreshButton.m.css';
+import style from './AppRefreshButton.module.css';
 
 interface IProps {
   className?: string;

webapp/packages/core-blocks/src/Button.m.css → webapp/packages/core-blocks/src/Button.module.css

@@ -1,3 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
 .buttonLabel {
   composes: theme-button__label from global;
 }

webapp/packages/core-blocks/src/Button.tsx

@@ -8,7 +8,7 @@
 import { observable } from 'mobx';
 import { observer } from 'mobx-react-lite';
 
-import style from './Button.m.css';
+import style from './Button.module.css';
 import { IconOrImage } from './IconOrImage';
 import { Loader } from './Loader/Loader';
 import { s } from './s';

webapp/packages/core-blocks/src/Cell.tsx

@@ -7,7 +7,7 @@
  */
 import { observer } from 'mobx-react-lite';
 
-import style from './Cell.m.css';
+import style from './Cell.module.css';
 import { Container } from './Containers/Container';
 import { s } from './s';
 import { useS } from './useS';

webapp/packages/core-blocks/src/Code.module.css

@@ -0,0 +1,12 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+.codeContainer {
+    composes: theme-background-secondary theme-text-on-secondary from global;
+    padding: 16px;
+    border-radius: var(--theme-group-element-radius);
+}

webapp/packages/core-blocks/src/Code.tsx

@@ -5,10 +5,11 @@
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
  */
-import style from './Code.m.css';
+import { observer } from 'mobx-react-lite';
+
+import style from './Code.module.css';
 import { s } from './s';
 import { useS } from './useS';
-import {observer} from "mobx-react-lite";
 
 interface Props {
   className?: string;

webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.m.css → webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.module.css

@@ -1,3 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
 .body {
   flex: 1;
   box-sizing: content-box;

webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogBody.tsx

@@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite';
 
 import { s } from '../../s';
 import { useS } from '../../useS';
-import styles from './CommonDialogBody.m.css';
+import styles from './CommonDialogBody.module.css';
 
 interface Props {
   noBodyPadding?: boolean;

webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.module.css

@@ -0,0 +1,18 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+.footer {
+  flex-shrink: 0;
+  padding: 0 24px 24px 24px;
+  display: flex;
+  z-index: 0;
+  box-sizing: border-box;
+
+  &:empty {
+    display: none;
+  }
+}

webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogFooter.tsx

@@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite';
 
 import { s } from '../../s';
 import { useS } from '../../useS';
-import styles from './CommonDialogFooter.m.css';
+import styles from './CommonDialogFooter.module.css';
 
 interface Props {
   className?: string;

webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogHeader.tsx

@@ -12,7 +12,7 @@ import { IconOrImage } from '../../IconOrImage';
 import { useTranslate } from '../../localization/useTranslate';
 import { s } from '../../s';
 import { useS } from '../../useS';
-import styles from './CommonDialogHeader.m.css';
+import styles from './CommonDialogHeader.module.css';
 
 interface Props {
   title?: string;

webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.tsx

@@ -14,7 +14,7 @@ import { s } from '../../s';
 import { useFocus } from '../../useFocus';
 import { useS } from '../../useS';
 import { DialogContext } from '../DialogContext';
-import styles from './CommonDialogWrapper.m.css';
+import styles from './CommonDialogWrapper.module.css';
 
 export interface CommonDialogWrapperProps {
   size?: 'small' | 'medium' | 'large';

webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.module.css

@@ -0,0 +1,11 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+.footer {
+  align-items: center;
+  gap: 16px;
+}

webapp/packages/core-blocks/src/CommonDialog/ConfirmationDialog.tsx

@@ -17,7 +17,7 @@ import { CommonDialogBody } from './CommonDialog/CommonDialogBody';
 import { CommonDialogFooter } from './CommonDialog/CommonDialogFooter';
 import { CommonDialogHeader } from './CommonDialog/CommonDialogHeader';
 import { CommonDialogWrapper } from './CommonDialog/CommonDialogWrapper';
-import style from './ConfirmationDialog.m.css';
+import style from './ConfirmationDialog.module.css';
 
 export interface ConfirmationDialogPayload {
   icon?: string;

webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.m.css → webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.module.css

@@ -1,3 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
 .loader {
   height: 100%;
 }

webapp/packages/core-blocks/src/CommonDialog/DialogsPortal.tsx

@@ -18,7 +18,7 @@ import { s } from '../s';
 import { useObjectRef } from '../useObjectRef';
 import { useS } from '../useS';
 import { DialogContext, IDialogContext } from './DialogContext';
-import style from './DialogsPortal.m.css';
+import style from './DialogsPortal.module.css';
 
 export const DialogsPortal = observer(function DialogsPortal() {
   const styles = useS(style);

webapp/packages/core-blocks/src/CommonDialog/RenameDialog.module.css

@@ -0,0 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+.footer {
+  align-items: center;
+}

webapp/packages/core-blocks/src/CommonDialog/RenameDialog.tsx

@@ -26,7 +26,7 @@ import { CommonDialogBody } from './CommonDialog/CommonDialogBody';
 import { CommonDialogFooter } from './CommonDialog/CommonDialogFooter';
 import { CommonDialogHeader } from './CommonDialog/CommonDialogHeader';
 import { CommonDialogWrapper } from './CommonDialog/CommonDialogWrapper';
-import style from './RenameDialog.m.css';
+import style from './RenameDialog.module.css';
 
 interface IRenameDialogState {
   name: string;

webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.module.css

@@ -0,0 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+.background {
+  fill: transparent;
+}

webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionImageWithMaskSvg.tsx

@@ -8,7 +8,7 @@
 import { GlobalConstants, isValidUrl } from '@cloudbeaver/core-utils';
 
 import { useS } from '../useS';
-import style from './ConnectionImageWithMaskSvg.m.css';
+import style from './ConnectionImageWithMaskSvg.module.css';
 
 interface Props {
   icon?: string;

webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.m.css → webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.module.css

@@ -1,3 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
 .status {
   composes: theme-background-positive from global;
   position: absolute;

webapp/packages/core-blocks/src/ConnectionImageWithMask/ConnectionMark.tsx

@@ -9,7 +9,7 @@ import { observer } from 'mobx-react-lite';
 
 import { s } from '../s';
 import { useS } from '../useS';
-import style from './ConnectionMark.m.css';
+import style from './ConnectionMark.module.css';
 
 interface Props {
   connected: boolean;

webapp/packages/core-blocks/src/Containers/ColoredContainer.module.css

@@ -0,0 +1,13 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+.secondary {
+  composes: theme-background-secondary theme-text-on-secondary from global;
+}
+.surface {
+  composes: theme-background-surface theme-text-on-surface from global;
+}

webapp/packages/core-blocks/src/Containers/ColoredContainer.tsx

@@ -9,11 +9,11 @@ import { forwardRef } from 'react';
 
 import { s } from '../s';
 import { useS } from '../useS';
-import coloredContainerStyles from './ColoredContainer.m.css';
-import containerStyles from './Container.m.css';
+import coloredContainerStyles from './ColoredContainer.module.css';
+import containerStyles from './Container.module.css';
 import { filterContainerFakeProps, getContainerProps } from './filterContainerFakeProps';
 import type { IContainerProps } from './IContainerProps';
-import elementsSizeStyles from './shared/ElementsSize.m.css';
+import elementsSizeStyles from './shared/ElementsSize.module.css';
 
 interface Props extends IContainerProps, React.HTMLAttributes<HTMLDivElement> {
   surface?: boolean;

webapp/packages/core-blocks/src/Containers/Container.m.css → webapp/packages/core-blocks/src/Containers/Container.module.css

@@ -1,3 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
 .container {
   display: flex;
   flex-direction: row;