fix: restore number camel-casing behavior changed in MR 161

Author: Michael Gregory

__tests__/__snapshots__/main.test.ts.snap

@@ -7,6 +7,7 @@ Array [
 export const nestedAnother: string;
 export const nestedClass: string;
 export const nestedStyles: string;
+export const number1: string;
 export const someStyles: string;
 ",
     "path": "../__generated__/__tests__/dummy-styles/alias-prefixes.scss.d.ts",
@@ -15,6 +16,7 @@ export const someStyles: string;
     "contents": "export const myCustomClass: string;
 export const nestedAnother: string;
 export const nestedClass: string;
+export const number1: string;
 export const someClass: string;
 export const someStyles: string;
 ",
@@ -23,6 +25,7 @@ export const someStyles: string;
   Object {
     "contents": "export const nestedAnother: string;
 export const nestedClass: string;
+export const number1: string;
 export const someStyles: string;
 ",
     "path": "../__generated__/__tests__/dummy-styles/complex.scss.d.ts",
@@ -70,6 +73,7 @@ Array [
   nestedAnother: string;
   nestedClass: string;
   nestedStyles: string;
+  number1: string;
   someStyles: string;
 };
 
@@ -86,6 +90,7 @@ export default styles;
   myCustomClass: string;
   nestedAnother: string;
   nestedClass: string;
+  number1: string;
   someClass: string;
   someStyles: string;
 };
@@ -102,6 +107,7 @@ export default styles;
     "contents": "export type Styles = {
   nestedAnother: string;
   nestedClass: string;
+  number1: string;
   someStyles: string;
 };
 
@@ -203,6 +209,7 @@ Array [
 export const nestedAnother: string;
 export const nestedClass: string;
 export const nestedStyles: string;
+export const number1: string;
 export const someStyles: string;
 ",
     "path": "../__generated__/__tests__/dummy-styles/alias-prefixes.scss.d.ts",
@@ -211,6 +218,7 @@ export const someStyles: string;
     "contents": "export const myCustomClass: string;
 export const nestedAnother: string;
 export const nestedClass: string;
+export const number1: string;
 export const someClass: string;
 export const someStyles: string;
 ",
@@ -219,6 +227,7 @@ export const someStyles: string;
   Object {
     "contents": "export const nestedAnother: string;
 export const nestedClass: string;
+export const number1: string;
 export const someStyles: string;
 ",
     "path": "../__generated__/__tests__/dummy-styles/complex.scss.d.ts",
@@ -266,6 +275,7 @@ Array [
   nestedAnother: string;
   nestedClass: string;
   nestedStyles: string;
+  number1: string;
   someStyles: string;
 };
 
@@ -282,6 +292,7 @@ export default styles;
   myCustomClass: string;
   nestedAnother: string;
   nestedClass: string;
+  number1: string;
   someClass: string;
   someStyles: string;
 };
@@ -298,6 +309,7 @@ export default styles;
     "contents": "export type Styles = {
   nestedAnother: string;
   nestedClass: string;
+  number1: string;
   someStyles: string;
 };
 

__tests__/dummy-styles/complex.scss

@@ -2,6 +2,10 @@
   color: red;
 }
 
+.number-1 {
+  color: green;
+}
+
 .nested {
   &-class {
     background: green;

__tests__/main.test.ts

@@ -60,7 +60,7 @@ describeAllImplementations((implementation) => {
 
       expect(fs.writeFileSync).toBeCalledWith(
         `${expectedDirname}/complex.scss.d.ts`,
-        "export const nestedAnother: string;\nexport const nestedClass: string;\nexport const someStyles: string;\n"
+        "export const nestedAnother: string;\nexport const nestedClass: string;\nexport const number1: string;\nexport const someStyles: string;\n"
       );
       expect(fs.writeFileSync).toBeCalledWith(
         `${expectedDirname}/style.scss.d.ts`,
@@ -101,7 +101,7 @@ describeAllImplementations((implementation) => {
 
       expect(fs.writeFileSync).toBeCalledWith(
         `${expectedDirname}/complex.scss.d.ts`,
-        "export const nestedAnother: string;\nexport const nestedClass: string;\nexport const someStyles: string;\n"
+        "export const nestedAnother: string;\nexport const nestedClass: string;\nexport const number1: string;\nexport const someStyles: string;\n"
       );
 
       // Files that should match the ignore pattern.

__tests__/sass/file-to-class-names.test.ts

@@ -9,7 +9,12 @@ describeAllImplementations((implementation) => {
         `${__dirname}/../dummy-styles/complex.scss`
       );
 
-      expect(result).toEqual(["nestedAnother", "nestedClass", "someStyles"]);
+      expect(result).toEqual([
+        "nestedAnother",
+        "nestedClass",
+        "number1",
+        "someStyles",
+      ]);
     });
 
     describe("nameFormat", () => {
@@ -25,6 +30,7 @@ describeAllImplementations((implementation) => {
         expect(result).toEqual([
           "nested-another",
           "nested-class",
+          "number-1",
           "some-styles",
         ]);
       });
@@ -41,6 +47,7 @@ describeAllImplementations((implementation) => {
         expect(result).toEqual([
           "nested-another",
           "nested-class",
+          "number-1",
           "some-styles",
         ]);
       });
@@ -57,6 +64,7 @@ describeAllImplementations((implementation) => {
         expect(result).toEqual([
           "nested_another",
           "nested_class",
+          "number_1",
           "some_styles",
         ]);
       });
@@ -101,6 +109,9 @@ describeAllImplementations((implementation) => {
           "nested-class",
           "nestedAnother",
           "nestedClass",
+          "number_1",
+          "number-1",
+          "number1",
           "some_styles",
           "some-styles",
           "someStyles",
@@ -121,6 +132,8 @@ describeAllImplementations((implementation) => {
           "nested_class",
           "nested-another",
           "nested-class",
+          "number_1",
+          "number-1",
           "some_styles",
           "some-styles",
         ]);
@@ -138,6 +151,7 @@ describeAllImplementations((implementation) => {
         expect(result).toEqual([
           "nested_another",
           "nested_class",
+          "number_1",
           "some_styles",
         ]);
       });
@@ -160,6 +174,7 @@ describeAllImplementations((implementation) => {
           "myCustomClass",
           "nestedAnother",
           "nestedClass",
+          "number1",
           "someClass",
           "someStyles",
         ]);
@@ -186,6 +201,7 @@ describeAllImplementations((implementation) => {
           "nestedAnother",
           "nestedClass",
           "nestedStyles",
+          "number1",
           "someStyles",
         ]);
       });

lib/sass/file-to-class-names.ts

@@ -1,5 +1,5 @@
 import fs from "fs";
-import { camelCase, paramCase, snakeCase } from "change-case";
+import { camelCase, kebabCase, snakeCase } from "case-anything";
 
 import { sourceToClassNames } from "./source-to-class-names";
 import { Implementations, getImplementation } from "../implementations";
@@ -17,7 +17,7 @@ const transformersMap = {
     /-/.test(className) ? camelCase(className) : className,
   kebab: (className: ClassName) => transformersMap.param(className),
   none: (className: ClassName) => className,
-  param: (className: ClassName) => paramCase(className),
+  param: (className: ClassName) => kebabCase(className),
   snake: (className: ClassName) => snakeCase(className),
 } as const;
 

package.json

@@ -80,8 +80,8 @@
   },
   "dependencies": {
     "bundle-require": "^3.0.4",
+    "case-anything": "^2.1.10",
     "chalk": "4.1.2",
-    "change-case": "^4.1.2",
     "chokidar": "^3.5.3",
     "css-modules-loader-core": "^1.1.0",
     "esbuild": "^0.14.21",