[Accessibility] Fix "toogle" typo in class names (woocommerce#48700)

* Fix "toogle" typo in class names

* Add changelog file

---------

Co-authored-by: Daniel W. Robert <danielwrobert@users.noreply.github.com>

packages/js/product-editor/changelog/fix-toggle-misspelling-in-class-names

@@ -0,0 +1,4 @@
+Significance: minor
+Type: tweak
+
+Fix toogle typo in class names

packages/js/product-editor/src/blocks/product-fields/downloads/downloads-menu/downloads-menu.tsx

@@ -33,7 +33,7 @@ export function DownloadsMenu( {
 					icon={ isOpen ? chevronUp : chevronDown }
 					variant="secondary"
 					onClick={ onToggle }
-					className="woocommerce-downloads-menu__toogle"
+					className="woocommerce-downloads-menu__toggle"
 				>
 					<span>{ __( 'Add new', 'woocommerce' ) }</span>
 				</Button>

packages/js/product-editor/src/blocks/product-fields/downloads/downloads-menu/style.scss

@@ -1,5 +1,5 @@
 .woocommerce-downloads-menu {
-	&__toogle {
+	&__toggle {
 		flex-direction: row-reverse;
 
 		> span {

packages/js/product-editor/src/components/variations-table/styles.scss

@@ -162,7 +162,7 @@
 		gap: $gap-smaller;
 		margin-right: $gap-smallest;
 
-		.variations-actions-menu__toogle:disabled {
+		.variations-actions-menu__toggle:disabled {
 			cursor: not-allowed;
 		}
 

packages/js/product-editor/src/components/variations-table/variation-actions-menus/multiple-update-menu.tsx

@@ -35,7 +35,7 @@ export function MultipleUpdateMenu( {
 					icon={ isOpen ? chevronUp : chevronDown }
 					variant="secondary"
 					onClick={ onToggle }
-					className="variations-actions-menu__toogle"
+					className="variations-actions-menu__toggle"
 				>
 					<span>{ __( 'Quick update', 'woocommerce' ) }</span>
 				</Button>

packages/js/product-editor/src/components/variations-table/variation-actions-menus/styles.scss

@@ -1,5 +1,5 @@
 .variations-actions-menu {
-	&__toogle {
+	&__toggle {
 		flex-direction: row-reverse;
 
 		> span {