From 65f64372821ff26bbc62b725682caef7a7e434ba Mon Sep 17 00:00:00 2001
From: Keith Cirkel <keithamus@users.noreply.github.com>
Date: Fri, 18 Oct 2024 17:49:17 +0100
Subject: [PATCH] normalise classes to PascalCase (#5153)

---
 packages/react/src/Button/ButtonBase.module.css               | 2 +-
 packages/react/src/Button/ButtonBase.tsx                      | 2 +-
 packages/react/src/Checkbox/Checkbox.tsx                      | 4 ++--
 packages/react/src/Checkbox/shared.module.css                 | 2 +-
 .../react/src/experimental/CSSComponent/component.module.css  | 2 +-
 packages/react/src/experimental/CSSComponent/index.tsx        | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/Button/ButtonBase.module.css b/packages/react/src/Button/ButtonBase.module.css
index d3f531f47a3..af5ef685034 100644
--- a/packages/react/src/Button/ButtonBase.module.css
+++ b/packages/react/src/Button/ButtonBase.module.css
@@ -227,7 +227,7 @@
 
   &:where([data-loading='true']) {
     &
-      .loadingSpinner:not(
+      .LoadingSpinner:not(
         [data-component='leadingVisual'],
         [data-component='trailingVisual'],
         [data-component='trailingAction']
diff --git a/packages/react/src/Button/ButtonBase.tsx b/packages/react/src/Button/ButtonBase.tsx
index 562f6eaa5c1..2cbbed2ca7d 100644
--- a/packages/react/src/Button/ButtonBase.tsx
+++ b/packages/react/src/Button/ButtonBase.tsx
@@ -40,7 +40,7 @@ const renderModuleVisual = (
 ) => (
   <span
     data-component={visualName}
-    className={clsx(!counterLabel && classes.Visual, loading ? classes.loadingSpinner : classes.VisualWrap)}
+    className={clsx(!counterLabel && classes.Visual, loading ? classes.LoadingSpinner : classes.VisualWrap)}
   >
     {loading ? <Spinner size="small" /> : isElement(Visual) ? Visual : <Visual />}
   </span>
diff --git a/packages/react/src/Checkbox/Checkbox.tsx b/packages/react/src/Checkbox/Checkbox.tsx
index 34ea8ee6e5d..31f86951aa8 100644
--- a/packages/react/src/Checkbox/Checkbox.tsx
+++ b/packages/react/src/Checkbox/Checkbox.tsx
@@ -210,12 +210,12 @@ const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(
           <Box
             as="input"
             {...inputProps}
-            className={clsx(className, sharedClasses.input, classes.Checkbox)}
+            className={clsx(className, sharedClasses.Input, classes.Checkbox)}
             sx={sxProp}
           />
         )
       }
-      return <input {...inputProps} className={clsx(className, sharedClasses.input, classes.Checkbox)} />
+      return <input {...inputProps} className={clsx(className, sharedClasses.Input, classes.Checkbox)} />
     }
 
     return <StyledCheckbox {...inputProps} className={className} sx={sxProp} />
diff --git a/packages/react/src/Checkbox/shared.module.css b/packages/react/src/Checkbox/shared.module.css
index 029da1957ce..963e4a18ae6 100644
--- a/packages/react/src/Checkbox/shared.module.css
+++ b/packages/react/src/Checkbox/shared.module.css
@@ -1,4 +1,4 @@
-.input {
+.Input {
   position: relative;
   display: grid;
   width: var(--base-size-16);
diff --git a/packages/react/src/experimental/CSSComponent/component.module.css b/packages/react/src/experimental/CSSComponent/component.module.css
index 4eb77ff385c..92283f5b496 100644
--- a/packages/react/src/experimental/CSSComponent/component.module.css
+++ b/packages/react/src/experimental/CSSComponent/component.module.css
@@ -1,4 +1,4 @@
-.component {
+.Component {
   width: fit-content;
   /* stylelint-disable-next-line primer/spacing */
   padding: var(--control-xsmall-paddingBlock) var(--control-xsmall-paddingInline-normal);
diff --git a/packages/react/src/experimental/CSSComponent/index.tsx b/packages/react/src/experimental/CSSComponent/index.tsx
index e49c03de3bf..2e8b77e2290 100644
--- a/packages/react/src/experimental/CSSComponent/index.tsx
+++ b/packages/react/src/experimental/CSSComponent/index.tsx
@@ -3,5 +3,5 @@ import {clsx} from 'clsx'
 import classNames from './component.module.css'
 
 export const Component: React.FC<React.HTMLProps<HTMLDivElement>> = ({className, ...props}) => {
-  return <div className={clsx(classNames.component, className)} {...props} />
+  return <div className={clsx(classNames.Component, className)} {...props} />
 }