remove ButtonWrapperClasses

packages/discord-types/src/classes.d.ts

@@ -1,16 +0,0 @@
-export interface ButtonWrapperClasses {
-    hoverScale: string;
-    buttonWrapper: string;
-    button: string;
-    iconMask: string;
-    buttonContent: string;
-    icon: string;
-    pulseIcon: string;
-    pulseButton: string;
-    notificationDot: string;
-    sparkleContainer: string;
-    sparkleStar: string;
-    sparklePlus: string;
-    sparkle: string;
-    active: string;
-}

src/api/ChatButton.css

@@ -2,3 +2,29 @@
     display: flex;
     align-items: center;
 }
+
+/* FIXME: bad name
+_7f7a2c5f23327d73 */
+.vc-chatbar-discord-button {
+    opacity: .7;
+    align-items: center;
+    align-self: center;
+    border-radius: 8px;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    padding: 10px;
+
+    &:hover {
+        background: hsl(0deg 0% 100% / 10%);
+        opacity: 1
+    }
+}
+
+/* _3f4f204c3133fb93 */
+.vc-chatbar-button-wrapper {
+    align-self: center;
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+}

src/api/ChatButtons.tsx

@@ -7,17 +7,20 @@
 import "./ChatButton.css";
 
 import ErrorBoundary from "@components/ErrorBoundary";
+import { classNameFactory } from "@utils/css";
 import { Logger } from "@utils/Logger";
 import { classes } from "@utils/misc";
 import { IconComponent } from "@utils/types";
 import { Channel } from "@vencord/discord-types";
 import { waitFor } from "@webpack";
-import { ButtonWrapperClasses, Clickable, Menu, Tooltip } from "@webpack/common";
+import { Clickable, Menu, Tooltip } from "@webpack/common";
 import { HTMLProps, JSX, MouseEventHandler, ReactNode } from "react";
 
 import { addContextMenuPatch, findGroupChildrenByChildId } from "./ContextMenu";
 import { useSettings } from "./Settings";
 
+const cl = classNameFactory("vc-chatbar-");
+
 let ChannelTextAreaClasses: Record<"button" | "buttonContainer", string>;
 waitFor(["buttonContainer", "channelTextArea"], m => ChannelTextAreaClasses = m);
 
@@ -140,18 +143,18 @@ export const ChatBarButton = ErrorBoundary.wrap((props: ChatBarButtonProps) => {
     return (
         <Tooltip text={props.tooltip}>
             {({ onMouseEnter, onMouseLeave }) => (
-                <div className={`expression-picker-chat-input-button ${ChannelTextAreaClasses?.buttonContainer ?? ""} vc-chatbar-button`}>
+                <div className={`expression-picker-chat-input-button ${ChannelTextAreaClasses?.buttonContainer ?? ""} ${cl("button")}`}>
                     <Clickable
                         aria-label={props.tooltip}
                         onMouseEnter={onMouseEnter}
                         onMouseLeave={onMouseLeave}
-                        className={classes(ButtonWrapperClasses?.button, ChannelTextAreaClasses?.button)}
+                        className={classes(cl("discord-button"), ChannelTextAreaClasses?.button)}
                         onClick={props.onClick}
                         onContextMenu={props.onContextMenu}
                         onAuxClick={props.onAuxClick}
                         {...props.buttonProps}
                     >
-                        <div className={ButtonWrapperClasses?.buttonWrapper}>
+                        <div className={cl("button-wrapper")}>
                             {props.children}
                         </div>
                     </Clickable>

src/webpack/common/classes.ts

@@ -1,22 +0,0 @@
-/*
- * Vencord, a modification for Discord's desktop app
- * Copyright (c) 2023 Vendicated and contributors
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program.  If not, see <https://www.gnu.org/licenses/>.
-*/
-
-import * as t from "@vencord/discord-types";
-import { findByPropsLazy } from "@webpack";
-
-export const ButtonWrapperClasses: t.ButtonWrapperClasses = findByPropsLazy("buttonWrapper", "buttonContent");

src/webpack/common/index.ts

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-export * from "./classes";
 export * from "./components";
 export * from "./menu";
 export * from "./react";