Merge branch 'main' of https://github.com/gsoft-inc/wl-hopper into fe…

…at/HOP-99-switch
gsoft-inc · Apr 25, 2024 · 9a96242 · 9a96242
2 parents c23b6a1 + 0104024
commit 9a96242
Show file tree

Hide file tree

Showing 70 changed files with 1,842 additions and 459 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -58,8 +58,33 @@ const storybookConfig: StorybookConfig = {
             })
         ].filter(Boolean);
 
+        // Modify the css-loader options to simplify the class names
+        // By default, with the config, the classnames are like this: GETEs8cGi4WwwvV1ooFy MUs8LC8twKwy5uAnhOWJ PafTkO4uwI6M3m4HX7JI
+        // With this new config, the classnames are like this: hop-Button___GETEs hop-Button--primary___MUs8L hop-Button--md___PafTk
+        for (const rule of config.module?.rules || []) {
+            if (typeof rule === "object" && rule?.use && Array.isArray(rule.use)) {
+                for (const loader of rule.use) {
+                    if (typeof loader === "object" && loader?.loader?.includes("css-loader")) {
+                        const cssLoader = loader;
+                        if (cssLoader && typeof cssLoader === "object") {
+                            const previousOptions = typeof cssLoader.options === "string" ? { } : cssLoader.options;
+                            cssLoader.options = {
+                                ...previousOptions,
+                                modules: {
+                                    ...((typeof previousOptions?.modules === "string" ? { mode: previousOptions?.modules } : previousOptions?.modules)),
+                                    auto: true,
+                                    localIdentName: "[local]___[hash:base64:5]"
+                                }
+                            };
+                        }
+                    }
+                }
+            }
+        }
+
         return config;
     }
 };
 
+
 export default storybookConfig;
diff --git a/apps/docs/.eslintrc.json b/apps/docs/.eslintrc.json
@@ -22,7 +22,9 @@
         "Switcher": true,
         "IconSpecTable": true,
         "PreviewComponent": true,
-        "MigrateGuide": true
+        "MigrateGuide": true,
+        "PackageInstallation": true,
+        "PropTable": true
     },
     "overrides": [
         {

diff --git a/apps/docs/app/globals.css b/apps/docs/app/globals.css
@@ -58,14 +58,6 @@ a {
     display: flex;
 }
 
-.hd-home {
-    display: flex;
-    flex-direction: column;
-    gap: 3rem;
-    min-height: 40vh;
-    justify-content: center;
-}
-
 .hd-display {
     font-size: var(--hd-step-5);
     font-weight: 500;