fix(closebutton): use correct casing for class names

pfulton · pfulton · commit af10091fef46 · 2024-03-27T12:59:36.000-04:00
diff --git a/components/closebutton/index.css b/components/closebutton/index.css
@@ -14,7 +14,7 @@ governing permissions and limitations under the License.
 
 /* closebutton/index.css
  *
- * .spectrum-Closebutton::after is the Focus ring
+ * .spectrum-CloseButton::after is the Focus ring
  */
 
 @import "@spectrum-css/commons/basebutton.css";
@@ -48,17 +48,17 @@ governing permissions and limitations under the License.
   --spectrum-closebutton-background-color-focus: var(--spectrum-gray-100);
 }
 
-.spectrum-Closebutton--sizeS {
+.spectrum-CloseButton--sizeS {
   --spectrum-closebutton-height: var(--spectrum-component-height-75);
   --spectrum-closebutton-width: var(--spectrum-closebutton-height);
 }
 
-.spectrum-Closebutton--sizeL {
+.spectrum-CloseButton--sizeL {
   --spectrum-closebutton-height: var(--spectrum-component-height-200);
   --spectrum-closebutton-width: var(--spectrum-closebutton-height);
 }
 
-.spectrum-Closebutton--sizeXL {
+.spectrum-CloseButton--sizeXL {
   --spectrum-closebutton-height: var(--spectrum-component-height-300);
   --spectrum-closebutton-width: var(--spectrum-closebutton-height);
 }

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ governing permissions and limitations under the License.`
`14`	`14`
`15`	`15`	`/* closebutton/index.css`
`16`	`16`	`*`
`17`		`- * .spectrum-Closebutton::after is the Focus ring`
	`17`	`+ * .spectrum-CloseButton::after is the Focus ring`
`18`	`18`	`*/`
`19`	`19`
`20`	`20`	`@import "@spectrum-css/commons/basebutton.css";`
`@@ -48,17 +48,17 @@ governing permissions and limitations under the License.`
`48`	`48`	`--spectrum-closebutton-background-color-focus: var(--spectrum-gray-100);`
`49`	`49`	`}`
`50`	`50`
`51`		`-.spectrum-Closebutton--sizeS {`
	`51`	`+.spectrum-CloseButton--sizeS {`
`52`	`52`	`--spectrum-closebutton-height: var(--spectrum-component-height-75);`
`53`	`53`	`--spectrum-closebutton-width: var(--spectrum-closebutton-height);`
`54`	`54`	`}`
`55`	`55`
`56`		`-.spectrum-Closebutton--sizeL {`
	`56`	`+.spectrum-CloseButton--sizeL {`
`57`	`57`	`--spectrum-closebutton-height: var(--spectrum-component-height-200);`
`58`	`58`	`--spectrum-closebutton-width: var(--spectrum-closebutton-height);`
`59`	`59`	`}`
`60`	`60`
`61`		`-.spectrum-Closebutton--sizeXL {`
	`61`	`+.spectrum-CloseButton--sizeXL {`
`62`	`62`	`--spectrum-closebutton-height: var(--spectrum-component-height-300);`
`63`	`63`	`--spectrum-closebutton-width: var(--spectrum-closebutton-height);`
`64`	`64`	`}`