Remove selector dot in class names

Author: garronej

src/bin/css_to_ts/classNames.ts

@@ -12,7 +12,7 @@ export const parseClassNames = memoize((rawCssCode: string): string[] => {
 
         rules.forEach(({ selectors }) => {
             selectors.forEach(selector => {
-                const matchArr = selector.match(/^(\.fr-[a-zA-Z0-9_-]+)/);
+                const matchArr = selector.match(/^\.(fr-[a-zA-Z0-9_-]+)/);
 
                 if (matchArr === null) {
                     return;

test/behavior/bin/classNames/generateBreakpointsTsCode.test.ts

@@ -29,10 +29,10 @@ it("Generation of TS code for fr class names", () => {
 
     const expected = `
 export const frClassNames= [
-    ".fr-text--light",
-    ".fr-text--xl",
-    ".fr-text--lead",
-    ".fr-grid-row--gutters"
+    "fr-text--light",
+    "fr-text--xl",
+    "fr-text--lead",
+    "fr-grid-row--gutters"
 ] as const;
 
 export type FrClassName = typeof frClassNames[number];

test/behavior/bin/classNames/parseClassNames.test.ts

@@ -27,7 +27,7 @@ it("Parsing of fr classnames", () => {
 
 `;
 
-    const expected = [".fr-text--light", ".fr-text--xl", ".fr-text--lead", ".fr-grid-row--gutters"];
+    const expected = ["fr-text--light", "fr-text--xl", "fr-text--lead", "fr-grid-row--gutters"];
 
     const got = parseClassNames(input);