From 2fbca2915124a2ef48eb8c82e654a7c703929fd1 Mon Sep 17 00:00:00 2001
From: Dan Cormier <dancormierall@gmail.com>
Date: Wed, 20 Mar 2024 17:16:52 -0400
Subject: [PATCH] build(deps-dev): bump @stackexchange/stacks from 2.2.0 to
 2.3.0

---
 package-lock.json                | 14 +++++++-------
 package.json                     |  2 +-
 src/stacks-editor/editor.ts      |  8 ++++----
 src/styles/custom-components.css |  5 -----
 4 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d02e1da8..db68e37f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,7 +35,7 @@
                 "@playwright/test": "^1.41.2",
                 "@stackoverflow/commitlint-config": "^1.0.0",
                 "@stackoverflow/prettier-config": "^1.0.0",
-                "@stackoverflow/stacks": "^2.2.0",
+                "@stackoverflow/stacks": "^2.3.0",
                 "@stackoverflow/tsconfig": "^1.0.0",
                 "@types/jest": "^29.5.12",
                 "@typescript-eslint/eslint-plugin": "^7.0.2",
@@ -2623,9 +2623,9 @@
             }
         },
         "node_modules/@stackoverflow/stacks": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/@stackoverflow/stacks/-/stacks-2.2.0.tgz",
-            "integrity": "sha512-2sbDzO0XqD6Cw6Zy+J8rFG3+SM+SxsV3HwH2aUP4VbRftZpf4ZvswKNgd0MzDnnarGlmnf10KCZ92D29/WY08w==",
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/@stackoverflow/stacks/-/stacks-2.3.0.tgz",
+            "integrity": "sha512-yoMpyS6OneCMtRrs4urR/Aj+l/IkeLmNbC89EzO/7An6pe8Doj20wT99fgbnnAvC+IxO+aQTO5+gFnZ6LbzHGw==",
             "dev": true,
             "dependencies": {
                 "@hotwired/stimulus": "^3.2.2",
@@ -15746,9 +15746,9 @@
             "requires": {}
         },
         "@stackoverflow/stacks": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/@stackoverflow/stacks/-/stacks-2.2.0.tgz",
-            "integrity": "sha512-2sbDzO0XqD6Cw6Zy+J8rFG3+SM+SxsV3HwH2aUP4VbRftZpf4ZvswKNgd0MzDnnarGlmnf10KCZ92D29/WY08w==",
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/@stackoverflow/stacks/-/stacks-2.3.0.tgz",
+            "integrity": "sha512-yoMpyS6OneCMtRrs4urR/Aj+l/IkeLmNbC89EzO/7An6pe8Doj20wT99fgbnnAvC+IxO+aQTO5+gFnZ6LbzHGw==",
             "dev": true,
             "requires": {
                 "@hotwired/stimulus": "^3.2.2",
diff --git a/package.json b/package.json
index 7d87f2c4..1083edaa 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
         "@playwright/test": "^1.41.2",
         "@stackoverflow/commitlint-config": "^1.0.0",
         "@stackoverflow/prettier-config": "^1.0.0",
-        "@stackoverflow/stacks": "^2.2.0",
+        "@stackoverflow/stacks": "^2.3.0",
         "@stackoverflow/tsconfig": "^1.0.0",
         "@types/jest": "^29.5.12",
         "@typescript-eslint/eslint-plugin": "^7.0.2",
diff --git a/src/stacks-editor/editor.ts b/src/stacks-editor/editor.ts
index 14f189e0..8151970f 100644
--- a/src/stacks-editor/editor.ts
+++ b/src/stacks-editor/editor.ts
@@ -351,13 +351,13 @@ export class StacksEditor implements View {
         const container = document.createElement("div");
         container.className = "flex--item d-flex ai-center ml24 fc-medium";
 
-        container.innerHTML = escapeHTML`<div class="s-btn-group s-btn-group--radio fw-nowrap myn2">
+        container.innerHTML = escapeHTML`<div class="s-btn-group s-editor-btn-group fw-nowrap myn2">
     <input type="radio" name="mode-toggle-${this.internalId}"
         id="mode-toggle-rich-${this.internalId}"
         class="s-btn--radio js-editor-toggle-btn"
         data-mode="${EditorType.RichText}"
         ${richCheckedProp} />
-    <label class="s-btn s-btn__muted s-btn__outlined s-editor-btn"
+    <label class="s-btn s-btn__muted s-btn__icon px6 py2 s-editor-btn"
         for="mode-toggle-rich-${this.internalId}"
         title="${_t("menubar.mode_toggle_richtext_title")}">
         <span class="svg-icon-bg iconRichText"></span>
@@ -371,7 +371,7 @@ export class StacksEditor implements View {
         data-mode="${EditorType.Commonmark}"
         data-preview="false"
         ${markCheckedProp} />
-    <label class="s-btn s-btn__muted s-btn__outlined s-editor-btn"
+    <label class="s-btn s-btn__muted px6 py2 s-editor-btn"
         for="mode-toggle-markdown-${this.internalId}"
         title="${_t("menubar.mode_toggle_markdown_title")}">
         <span class="svg-icon-bg iconMarkdown"></span>
@@ -392,7 +392,7 @@ export class StacksEditor implements View {
     data-mode="${EditorType.Commonmark}"
     data-preview="${previewEnabled.toString()}"
     ${previewCheckedProp} />
-<label class="s-btn s-btn__muted s-btn__outlined s-editor-btn px6"
+<label class="s-btn s-btn__muted s-btn__icon px6 py2 s-editor-btn"
     for="mode-toggle-preview-${this.internalId}"
     title="${_t("menubar.mode_toggle_preview_title")}">
     <span class="svg-icon-bg iconMarkdownPreview"></span>
diff --git a/src/styles/custom-components.css b/src/styles/custom-components.css
index 82072cd9..33ad7a98 100644
--- a/src/styles/custom-components.css
+++ b/src/styles/custom-components.css
@@ -96,11 +96,6 @@
     right: var(--su2);
 }
 
-.s-btn-group--radio .s-btn.s-editor-btn {
-    margin: calc(var(--su2) * -1) 0;
-    padding: var(--su4) var(--su6);
-}
-
 .s-editor--dropdown-item {
     padding: var(--su4) var(--su12);
 }