From e1753ae066395f799d7929df4e23204ec3944096 Mon Sep 17 00:00:00 2001
From: Ruthwik Chikoti <145591715+ruthwikchikoti@users.noreply.github.com>
Date: Wed, 17 Jul 2024 23:08:29 +0530
Subject: [PATCH] fix!: Renamed the blocklyToolboxContents CSS class to
 blocklyToolboxCategoryGroup (#8384)

---
 core/toolbox/category.ts             | 2 +-
 core/toolbox/collapsible_category.ts | 2 +-
 core/toolbox/toolbox.ts              | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/core/toolbox/category.ts b/core/toolbox/category.ts
index bbcb6bf6f..b47ba657c 100644
--- a/core/toolbox/category.ts
+++ b/core/toolbox/category.ts
@@ -136,7 +136,7 @@ export class ToolboxCategory
       'rowcontentcontainer': 'blocklyTreeRowContentContainer',
       'icon': 'blocklyToolboxCategoryIcon',
       'label': 'blocklyTreeLabel',
-      'contents': 'blocklyToolboxContents',
+      'contents': 'blocklyToolboxCategoryGroup',
       'selected': 'blocklyTreeSelected',
       'openicon': 'blocklyTreeIconOpen',
       'closedicon': 'blocklyTreeIconClosed',
diff --git a/core/toolbox/collapsible_category.ts b/core/toolbox/collapsible_category.ts
index faea8edcb..1a30a1c81 100644
--- a/core/toolbox/collapsible_category.ts
+++ b/core/toolbox/collapsible_category.ts
@@ -58,7 +58,7 @@ export class CollapsibleToolboxCategory
 
   override makeDefaultCssConfig_() {
     const cssConfig = super.makeDefaultCssConfig_();
-    cssConfig['contents'] = 'blocklyToolboxContents';
+    cssConfig['contents'] = 'blocklyToolboxCategoryGroup';
     return cssConfig;
   }
 
diff --git a/core/toolbox/toolbox.ts b/core/toolbox/toolbox.ts
index e0fb62e23..ac4a7da91 100644
--- a/core/toolbox/toolbox.ts
+++ b/core/toolbox/toolbox.ts
@@ -209,7 +209,7 @@ export class Toolbox
    */
   protected createContentsContainer_(): HTMLDivElement {
     const contentsContainer = document.createElement('div');
-    dom.addClass(contentsContainer, 'blocklyToolboxContents');
+    dom.addClass(contentsContainer, 'blocklyToolboxCategoryGroup');
     if (this.isHorizontal()) {
       contentsContainer.style.flexDirection = 'row';
     }
@@ -1111,13 +1111,13 @@ Css.register(`
   -webkit-tap-highlight-color: transparent;  /* issue #1345 */
 }
 
-.blocklyToolboxContents {
+.blocklyToolboxCategoryGroup {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
 }
 
-.blocklyToolboxContents:focus {
+.blocklyToolboxCategoryGroup:focus {
   outline: none;
 }
 `);